Merge branch 'master' into master

Author: Vivek Vishal

package-lock.json

@@ -35,7 +35,7 @@
     "@fullcalendar/interaction": "^6.0.1",
     "@fullcalendar/react": "^6.1.8",
     "@layer5/meshery-design-embed": "^0.4.0",
-    "@layer5/sistent": "^0.14.155",
+    "@layer5/sistent": "^0.14.157",
     "@loadable/component": "^5.16.4",
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",
@@ -99,7 +99,7 @@
     "react-modal": "^3.16.1",
     "react-player": "^2.12.0",
     "react-scroll": "^1.9.0",
-    "react-select": "^5.7.4",
+    "react-select": "^5.10.0",
     "react-share": "^4.4.1",
     "react-slick": "^0.30.3",
     "react-table": "^7.8.0",
@@ -112,15 +112,15 @@
     "simple-react-cytoscape": "^1.0.4",
     "simple-react-lightbox": "^3.6.9-0",
     "slick-carousel": "^1.8.1",
-    "styled-components": "^6.0.5",
+    "styled-components": "^6.1.14",
     "swiper": "^11.1.15",
     "url": "^0.11.3",
     "webpack-filter-warnings-plugin": "^1.2.1",
     "xstate": "^5.13.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.25.6",
-    "@babel/core": "^7.22.9",
+    "@babel/core": "^7.26.7",
     "@babel/eslint-parser": "^7.22.15",
     "babel-plugin-module-resolver": "^5.0.0",
     "cpx": "^1.5.0",

package.json

@@ -44,6 +44,12 @@ components: [
 "colorIcon": "icons/components/loxi-url/icons/color/loxi-url-color.svg",
 "whiteIcon": "icons/components/loxi-url/icons/white/loxi-url-white.svg",
 "description": "",
+},
+{
+"name": "loxi-url",
+"colorIcon": "icons/components/loxi-url/icons/color/loxi-url-color.svg",
+"whiteIcon": "icons/components/loxi-url/icons/white/loxi-url-white.svg",
+"description": "",
 }]
 featureList: [
   "LoxiLB turns Kubernetes network load balancing into high speed,  flexible and programmable LB services.",

src/collections/integrations/loxilb/index.mdx

@@ -8,6 +8,6 @@ linkedin: asahudev
 layer5: ff1f8398-e501-4bb2-817f-80edffd0d37b
 location: India
 bio: Ankita Sahu is a frontend developer with over 2 years of experience in creating intuitive, user-friendly interfaces using technologies like React, TypeScript, Next.js, and Tailwind CSS. She has worked on a diverse range of projects and is adept at Agile development practices. Ankita is also a consistent and active contributor to the community, with significant contributions to the Layer5 project.
-status: Active
+status: Inactive
 published: true
 ---

src/collections/members/ankita-sahu/index.mdx

@@ -9,7 +9,7 @@ layer5: 654edb7d-abaa-4df1-a46c-ef0d4e7754a2
 location: Madhya Pradesh, India
 bio: |
   I am a software engineer experience in web development and design systems. As a maintainer of CNCF project Meshery and Layer5, I lead development efforts, mentor contributors, and create scalable, user-centric applications. I have a strong background in open-source collaboration, cloud-native technologies like Docker and Kubernetes, and community engagement. Passionate about simplifying complex technologies, I thrive in building solutions that empower users while fostering innovation and collaboration.
-status: Active
+status: Inactive
 badges:
  - meshery
  - meshery-catalog

src/collections/members/sudhanshu-dasgupta/index.mdx

@@ -3,114 +3,122 @@ const componentsData = [
     id: 1,
     name: "Button",
     description:
-        "A button is an interactive element that triggers a specific action and also lets users know what will happen next.",
+      "A button is an interactive element that triggers a specific action and also lets users know what will happen next.",
     url: "/projects/sistent/components/button",
     src: "/button",
   },
   {
     id: 2,
     name: "Text Input",
     description:
-        "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.",
+      "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.",
     url: "/projects/sistent/components/text-input",
     src: "/text-input",
   },
   {
     id: 3,
     name: "Modal",
     description:
-        "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.",
+      "A text input is made up of multiple elements that combine to form a component that helps users to read, write, and edit text in an interface.",
     url: "/projects/sistent/components/modal",
     src: "/modal",
   },
   {
     id: 4,
     name: "Paper",
     description:
-        "The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.",
+      "The Paper component offers an elevated surface with shadow effects, following Material Design’s elevation system.",
     url: "/projects/sistent/components/paper",
     src: "/paper",
   },
   {
     id: 5,
     name: "Popper",
     description:
-        "A popper is a tooltip that appears when a user interacts with an element.",
+      "A popper is a tooltip that appears when a user interacts with an element.",
     url: "/projects/sistent/components/popper",
     src: "/popper",
   },
   {
     id: 6,
     name: "Text Field",
     description:
-        "The TextField component is a versatile input field used to capture user input in forms and user interfaces.",
+      "The TextField component is a versatile input field used to capture user input in forms and user interfaces.",
     url: "/projects/sistent/components/text-field",
     src: "/text-field",
   },
   {
     id: 7,
     name: "Link",
     description:
-        "Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.",
+      "Links are essential and integral components of an interface. They are primarily used for navigation, guiding users to the next step in a journey or redirecting them to relevant sections or pages.",
     url: "/projects/sistent/components/link",
     src: "/link",
   },
   {
     id: 8,
     name: "Container",
     description:
-        "Containers align and center content, providing responsive layout options for different screen sizes.",
+      "Containers align and center content, providing responsive layout options for different screen sizes.",
     url: "/projects/sistent/components/container",
     src: "/container",
   },
   {
     id: 9,
     name: "ButtonGroup",
     description:
-        "ButtonGroup is a component that groups multiple buttons together.",
+      "ButtonGroup is a component that groups multiple buttons together.",
     url: "/projects/sistent/components/button-group",
     src: "/button-group",
   },
   {
     id: 10,
     name: "Box",
     description:
-        "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.",
+      "Box is used as a flexible container for layout and styling, allowing quick customization and responsive design adjustments.",
     url: "/projects/sistent/components/box",
     src: "/box",
   },
   {
     id: 11,
     name: "Tooltip",
     description:
-        "The Tooltip component is a small pop-up box that appears when a user hovers over an element.",
+      "The Tooltip component is a small pop-up box that appears when a user hovers over an element.",
     url: "/projects/sistent/components/tooltip",
     src: "/tooltip",
   },
   {
     id: 12,
     name: "Backdrop",
     description:
-        "Backdrop component overlays a dimmed screen to focus attention on foreground content.",
+      "Backdrop component overlays a dimmed screen to focus attention on foreground content.",
     url: "/projects/sistent/components/backdrop",
     src: "/backdrop",
   },
   {
     id: 13,
     name: "ToggleButton",
     description:
-        "ToggleButton allows users to switch between two or more states, commonly used in forms or settings for quick toggles.",
+      "ToggleButton allows users to switch between two or more states, commonly used in forms or settings for quick toggles.",
     url: "/projects/sistent/components/toggle-button",
     src: "/toggle-button",
   },
   {
     id: 14,
     name: "Pagination",
     description:
-        "Pagination enables users to navigate through multiple pages of content, providing an intuitive interface for browsing large datasets or segmented information.",
+      "Pagination enables users to navigate through multiple pages of content, providing an intuitive interface for browsing large datasets or segmented information.",
     url: "/projects/sistent/components/pagination",
     src: "/pagination",
   },
+  {
+    id: 15,
+    name: "Select",
+    description:
+      "Select component is a dropdown menu for selecting an option from a list.",
+    url: "/projects/sistent/components/select",
+    src: "/select",
+  },
 ];
 
 module.exports = { componentsData };