@wavelengthusaf/components 2.10.1 → 3.0.0

package/dist/esm/index.js

@@ -4431,13 +4431,13 @@ function WavelengthSearch({
   return void 0;
 }
 
-// src/components/search/SearchTextField.tsx
+// src/components/search/WavelengthSearchTextField.tsx
 import styled5 from "@emotion/styled";
 import TextField3 from "@mui/material/TextField";
 import { jsx as jsx9 } from "react/jsx-runtime";
-function SearchTextField() {
+function WavelengthSearchTextField() {
   const palette2 = getPalette();
-  const SearchTextFields = styled5(TextField3)(() => ({
+  const WavelengthSearchTextField2 = styled5(TextField3)(() => ({
     "&.MuiTextField-root": {
       "& label.Mui-focused": {
         color: `${palette2.primary}`
@@ -4455,12 +4455,12 @@ function SearchTextField() {
       }
     }
   }));
-  return /* @__PURE__ */ jsx9(SearchTextFields, {});
+  return /* @__PURE__ */ jsx9(WavelengthSearchTextField2, {});
 }
 
-// src/components/logos/applogo/AppLogo.tsx
+// src/components/logos/applogo/WavelengthAppLogo.tsx
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-function AppLogo({ width: width2, height: height2, name = "", grayscale, id }) {
+function WavelengthAppLogo({ width: width2, height: height2, name = "", grayscale, id }) {
   let logo;
   {
   }
@@ -4904,17 +4904,17 @@ function AppLogo({ width: width2, height: height2, name = "", grayscale, id }) {
   }
   return /* @__PURE__ */ jsx10("div", { children: logo });
 }
-var AppLogo_default = AppLogo;
+var WavelengthAppLogo_default = WavelengthAppLogo;
 
-// src/components/PageComponents/NotAvailablePage.tsx
+// src/components/PageComponents/WavelengthNotAvailablePage.tsx
 import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
-function NotAvailablePage({ appLogoName, errorMessage, backgroundColor: backgroundColor2, buttonText, redirectLink, buttonColorOne, buttonColorTwo, id }) {
+function WavelengthNotAvailablePage({ WavelengthAppLogoName, errorMessage, backgroundColor: backgroundColor2, buttonText, redirectLink, buttonColorOne, buttonColorTwo, id }) {
   backgroundColor2 = backgroundColor2 ? backgroundColor2 : "gray";
-  appLogoName = appLogoName ? appLogoName : "563rdpatch";
+  WavelengthAppLogoName = WavelengthAppLogoName ? WavelengthAppLogoName : "563rdpatch";
   buttonColorOne = buttonColorOne ? buttonColorOne : "white";
   buttonColorTwo = buttonColorTwo ? buttonColorTwo : "#0D5288";
   return /* @__PURE__ */ jsx11(Fragment6, { children: /* @__PURE__ */ jsxs6("div", { id, style: { display: "flex", backgroundColor: backgroundColor2, flexDirection: "column", alignItems: "center", height: "100%", justifyContent: "center", gap: 55, padding: "8%" }, children: [
-    /* @__PURE__ */ jsx11(AppLogo_default, { name: appLogoName, width: 300, height: 200, grayscale: true }),
+    /* @__PURE__ */ jsx11(WavelengthAppLogo_default, { name: WavelengthAppLogoName, width: 300, height: 200, grayscale: true }),
     /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
       /* @__PURE__ */ jsx11("p", { style: { textAlign: "center", marginBottom: 45, fontSize: 40, color: "white" }, children: `${errorMessage}` }),
       /* @__PURE__ */ jsx11(WavelengthButton2, { "data-testid": "not-available-button", variant: "contained", colorOne: buttonColorOne, colorTwo: buttonColorTwo, href: redirectLink, children: buttonText })
@@ -5344,10 +5344,7 @@ function WavelengthAccessAlert({
         children: [
           /* @__PURE__ */ jsx19("div", { style: { fontSize: "8px", fontWeight: 400, position: "absolute", top: "5px", right: "12px" }, children: time }),
           /* @__PURE__ */ jsx19("div", { style: { fontWeight: 700, fontSize: "12px", color: "rgba(248, 136, 5, 1)", marginTop: "5px", marginLeft: "5px", gridArea: "1/2/1/3" }, children: access }),
-          /* @__PURE__ */ jsxs14("div", { style: { gridArea: "2/1/3/2" }, children: [
-            /* @__PURE__ */ jsx19(AppLogo_default, { name: appLogo, width: 22 }),
-            " "
-          ] }),
+          /* @__PURE__ */ jsx19("div", { style: { gridArea: "2/1/3/2" }, children: /* @__PURE__ */ jsx19(WavelengthAppLogo_default, { name: appLogo, width: 22 }) }),
           /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", gap: "4px", marginLeft: "5px" }, children: [
             /* @__PURE__ */ jsxs14("label", { htmlFor: "", children: [
               "Requestor: ",
@@ -5391,7 +5388,8 @@ function WavelengthAccessAlert({
             access
           ] }),
           /* @__PURE__ */ jsxs14("div", { style: { gridArea: "2/1/3/2" }, children: [
-            /* @__PURE__ */ jsx19(AppLogo_default, { name: appLogo, width: 22 }),
+            " ",
+            /* @__PURE__ */ jsx19(WavelengthAppLogo_default, { name: appLogo, width: 22 }),
             " "
           ] }),
           /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", marginLeft: "5px" }, children: [
@@ -5428,7 +5426,7 @@ function WavelengthAccessAlert({
             access
           ] }),
           /* @__PURE__ */ jsxs14("div", { style: { gridArea: "2/1/3/2" }, children: [
-            /* @__PURE__ */ jsx19(AppLogo_default, { name: appLogo, width: 22 }),
+            /* @__PURE__ */ jsx19(WavelengthAppLogo_default, { name: appLogo, width: 22 }),
             " "
           ] }),
           /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gridArea: "2/2/3/4", fontSize: "10px", marginLeft: "5px" }, children: [
@@ -5461,7 +5459,6 @@ function WavelengthAlert({
   variant,
   timeStamp,
   url,
-  initiator,
   id,
   onClose
 }) {
@@ -5536,12 +5533,8 @@ function WavelengthAlert({
       /* @__PURE__ */ jsx20(NotificationsIcon, { sx: iconStyle }),
       /* @__PURE__ */ jsxs15("a", { href: url, style: { display: "flex", flexDirection: "column", gap: "7px", width: "250px", marginLeft: "12px", textDecoration: "none", color: baseContainerStyle.color }, children: [
         /* @__PURE__ */ jsx20("label", { style: { fontSize: "16px", lineHeight: "24px", letterSpacing: "0.15px", fontWeight: 550 }, children: alertType }),
-        /* @__PURE__ */ jsx20("div", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "20px", letterSpacing: "0.25px", width: "200px" }, children: alertDescription }),
-        /* @__PURE__ */ jsxs15("div", { style: { fontSize: "14px", lineHeight: "20px", fontWeight: 400 }, children: [
-          /* @__PURE__ */ jsx20("span", { style: { fontWeight: 550 }, children: "Initiator: " }),
-          " ",
-          initiator
-        ] })
+        /* @__PURE__ */ jsx20("div", { style: { fontSize: "14px", fontWeight: 400, lineHeight: "20px", letterSpacing: "0.25px", width: "200px" }, children: appName }),
+        /* @__PURE__ */ jsx20("div", { style: { fontSize: "14px", lineHeight: "20px", fontWeight: 400 }, children: alertDescription })
       ] }),
       /* @__PURE__ */ jsxs15(
         "div",
@@ -5651,10 +5644,42 @@ function WavelengthBanner2({ headerText = "CLASSIFICATION//CONTROL", headerColor
   return /* @__PURE__ */ jsx23("wavelength-banner", { ref });
 }
 
-// src/components/CSFD/ManyPlanes.tsx
-import Grid3 from "@mui/material/Grid";
+// src/components/logos/default/WavelengthDefaultIcon.tsx
 import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
-function ManyPlanesComponent({ numberOfPlanes = 5, trailDir = "left", color: color2, opacity = 1, gradient = false }) {
+function WavelengthDefaultIcon({ width: width2 = "180", height: height2 = 140 }) {
+  return /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsxs17("svg", { width: width2, height: height2, viewBox: "0 0 185 140", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx24("rect", { width: width2, height: height2, fill: "#7A7A7A" }),
+    /* @__PURE__ */ jsx24(
+      "path",
+      {
+        d: "M63.5 14.618L77.2811 57.0319L77.3934 57.3774H77.7566H122.353L86.2738 83.5906L85.9799 83.8042L86.0922 84.1497L99.8733 126.564L63.7939 100.35L63.5 100.137L63.2061 100.35L27.1267 126.564L40.9078 84.1497L41.0201 83.8042L40.7262 83.5906L4.64675 57.3774H49.2434H49.6066L49.7189 57.0319L63.5 14.618Z",
+        fill: "url(#paint0_linear_3571_2148)",
+        fillOpacity: ".0.5",
+        stroke: "#6B6B6B"
+      }
+    ),
+    /* @__PURE__ */ jsx24("rect", { x: "102", y: "16", width: "70", height: "115", fill: "#4A4A4A" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "24.5", x2: "142", y2: "24.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "41.5", x2: "160", y2: "41.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "51.5", x2: "160", y2: "51.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "61.5", x2: "160", y2: "61.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "71.5", x2: "160", y2: "71.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("line", { x1: "112", y1: "81.5", x2: "160", y2: "81.5", stroke: "#D9D9D9", strokeWidth: "3" }),
+    /* @__PURE__ */ jsx24("circle", { cx: "48", cy: "44", r: "28", fill: "#D9D9D9", fillOpacity: "0.5" }),
+    /* @__PURE__ */ jsx24("path", { d: "M76 44.2478C76 59.5749 63.4645 72 48.0011 72C48.0011 72 49 19.5 49 16C49 16 20 16 20 44.2478C35.4634 44.2478 76 44.2478 76 44.2478Z", fill: "#D9D9D9", fillOpacity: "0.5" }),
+    /* @__PURE__ */ jsx24("rect", { x: "20", y: "83", width: "56", height: "15", rx: "4", fill: "#D9D9D9" }),
+    /* @__PURE__ */ jsx24("rect", { x: "20", y: "107", width: "56", height: "15", rx: "4", fill: "#ABABAB" }),
+    /* @__PURE__ */ jsx24("defs", { children: /* @__PURE__ */ jsxs17("linearGradient", { id: "paint0_linear_3571_2148", x1: "63.5", y1: "13", x2: "63.5", y2: "140", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx24("stop", { stopColor: "#A1A1A1" }),
+      /* @__PURE__ */ jsx24("stop", { offset: "1", stopColor: "#606060" })
+    ] }) })
+  ] }) });
+}
+
+// src/components/CSFD/WavelengthManyPlanes.tsx
+import Grid3 from "@mui/material/Grid";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+function WavelengthManyPlanes({ numberOfPlanes = 5, trailDir = "left", color: color2, opacity = 1, gradient = false }) {
   let direction = "row-reverse";
   let flippy = "";
   const palette2 = getPalette();
@@ -5664,9 +5689,9 @@ function ManyPlanesComponent({ numberOfPlanes = 5, trailDir = "left", color: col
     flippy = "rotate(180)";
   }
   const PlaneGrid = ({ opacity: opacity2 }) => {
-    return /* @__PURE__ */ jsx24(Grid3, { item: true, children: /* @__PURE__ */ jsxs17("svg", { width: "40", height: "40", viewBox: "0 0 40 40", transform: flippy, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx24("mask", { id: "mask0_56_851", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "40", height: "40", children: /* @__PURE__ */ jsx24("rect", { x: "40", width: "40", height: "40", transform: "rotate(90 40 0)", fill: "#D9D9D9" }) }),
-      /* @__PURE__ */ jsx24("g", { mask: "url(#mask0_56_851)", children: /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(Grid3, { item: true, children: /* @__PURE__ */ jsxs18("svg", { width: "40", height: "40", viewBox: "0 0 40 40", transform: flippy, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ jsx25("mask", { id: "mask0_56_851", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "40", height: "40", children: /* @__PURE__ */ jsx25("rect", { x: "40", width: "40", height: "40", transform: "rotate(90 40 0)", fill: "#D9D9D9" }) }),
+      /* @__PURE__ */ jsx25("g", { mask: "url(#mask0_56_851)", children: /* @__PURE__ */ jsx25(
         "path",
         {
           d: "M4.16662 14.8988L5.76079 14.8988L8.16454 18.1359L18.2616 18.1359L14.1291 4.16669L16.2425 4.16669L24.5075 18.1359L33.985 18.1359C34.5022 18.1359 34.9422 18.3172 35.305 18.68C35.6677 19.0428 35.8491 19.4828 35.8491 20C35.8491 20.5172 35.6677 20.9572 35.305 21.32C34.9422 21.6828 34.5022 21.8642 33.985 21.8642L24.5075 21.8642L16.2425 35.8334L14.1291 35.8334L18.2616 21.8642L8.19662 21.8642L5.76079 25.1013L4.16662 25.1013L5.64329 20L4.16662 14.8988Z",
@@ -5681,50 +5706,18 @@ function ManyPlanesComponent({ numberOfPlanes = 5, trailDir = "left", color: col
     if (gradient) {
       for (let i = 0; i < size; i++) {
         const currentOpacity = baseOpacity - i / (size - 1) * (baseOpacity - 0.05);
-        planes.push(/* @__PURE__ */ jsx24(PlaneGrid, { opacity: currentOpacity }, i));
+        planes.push(/* @__PURE__ */ jsx25(PlaneGrid, { opacity: currentOpacity }, i));
       }
     } else {
       for (let i = 0; i < size; i++) {
-        planes.push(/* @__PURE__ */ jsx24(PlaneGrid, { opacity: baseOpacity }, i));
+        planes.push(/* @__PURE__ */ jsx25(PlaneGrid, { opacity: baseOpacity }, i));
       }
     }
-    return /* @__PURE__ */ jsx24(Grid3, { container: true, alignItems: "center", flexDirection: direction, spacing: 3, children: planes });
+    return /* @__PURE__ */ jsx25(Grid3, { container: true, alignItems: "center", flexDirection: direction, spacing: 3, children: planes });
   };
   return PlaneGridWrapper(numberOfPlanes, opacity);
 }
 
-// src/components/logos/default/DefaultDisplay.tsx
-import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
-function DefaultIcon({ width: width2 = "180", height: height2 = 140 }) {
-  return /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsxs18("svg", { width: width2, height: height2, viewBox: "0 0 185 140", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx25("rect", { width: width2, height: height2, fill: "#7A7A7A" }),
-    /* @__PURE__ */ jsx25(
-      "path",
-      {
-        d: "M63.5 14.618L77.2811 57.0319L77.3934 57.3774H77.7566H122.353L86.2738 83.5906L85.9799 83.8042L86.0922 84.1497L99.8733 126.564L63.7939 100.35L63.5 100.137L63.2061 100.35L27.1267 126.564L40.9078 84.1497L41.0201 83.8042L40.7262 83.5906L4.64675 57.3774H49.2434H49.6066L49.7189 57.0319L63.5 14.618Z",
-        fill: "url(#paint0_linear_3571_2148)",
-        fillOpacity: ".0.5",
-        stroke: "#6B6B6B"
-      }
-    ),
-    /* @__PURE__ */ jsx25("rect", { x: "102", y: "16", width: "70", height: "115", fill: "#4A4A4A" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "24.5", x2: "142", y2: "24.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "41.5", x2: "160", y2: "41.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "51.5", x2: "160", y2: "51.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "61.5", x2: "160", y2: "61.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "71.5", x2: "160", y2: "71.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("line", { x1: "112", y1: "81.5", x2: "160", y2: "81.5", stroke: "#D9D9D9", strokeWidth: "3" }),
-    /* @__PURE__ */ jsx25("circle", { cx: "48", cy: "44", r: "28", fill: "#D9D9D9", fillOpacity: "0.5" }),
-    /* @__PURE__ */ jsx25("path", { d: "M76 44.2478C76 59.5749 63.4645 72 48.0011 72C48.0011 72 49 19.5 49 16C49 16 20 16 20 44.2478C35.4634 44.2478 76 44.2478 76 44.2478Z", fill: "#D9D9D9", fillOpacity: "0.5" }),
-    /* @__PURE__ */ jsx25("rect", { x: "20", y: "83", width: "56", height: "15", rx: "4", fill: "#D9D9D9" }),
-    /* @__PURE__ */ jsx25("rect", { x: "20", y: "107", width: "56", height: "15", rx: "4", fill: "#ABABAB" }),
-    /* @__PURE__ */ jsx25("defs", { children: /* @__PURE__ */ jsxs18("linearGradient", { id: "paint0_linear_3571_2148", x1: "63.5", y1: "13", x2: "63.5", y2: "140", gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx25("stop", { stopColor: "#A1A1A1" }),
-      /* @__PURE__ */ jsx25("stop", { offset: "1", stopColor: "#606060" })
-    ] }) })
-  ] }) });
-}
-
 // src/components/separators/WavelengthPlaneTrail/WavelengthPlaneTrail.tsx
 import Divider from "@mui/material/Divider";
 import Grid4 from "@mui/material/Grid";
@@ -6182,7 +6175,7 @@ function WavelengthStandardSnackbar({ type, show, icon, horryAlign, vertyAlign,
   );
 }
 
-// src/components/snackbars/TestSnackbar.tsx
+// src/components/snackbars/WavelengthTestSnackbar.tsx
 import Box6 from "@mui/material/Box";
 import Button4 from "@mui/material/Button";
 import { useEffect as useEffect4, useRef as useRef5 } from "react";
@@ -6204,7 +6197,7 @@ var useOutsideClick = (callback) => {
   }, [callback]);
   return ref;
 };
-function TestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width: width2, img }) {
+function WavelengthTestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign, width: width2, img }) {
   const ref = useOutsideClick(() => {
     toggleOpen(false);
   });
@@ -6340,7 +6333,7 @@ var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight,
   ) }) });
 };
 
-// src/components/carousels/sliderCarousel.tsx
+// src/components/carousels/WavelengthSliderCarousel.tsx
 import { useState as useState5, useEffect as useEffect6 } from "react";
 import Grid6 from "@mui/material/Grid";
 import Card2 from "@mui/material/Card";
@@ -6423,10 +6416,10 @@ var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth
   ) }) });
 };
 
-// src/components/pagination/WavelengthPagination.tsx
+// src/components/pagination/WavelengthDefaultPagination.tsx
 import { useState as useState8, useMemo } from "react";
 
-// src/components/pagination/ButtonPagination.tsx
+// src/components/pagination/WavelengthButtonPagination.tsx
 import { useState as useState6 } from "react";
 import Button5 from "@mui/material/Button";
 import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";
@@ -6445,7 +6438,7 @@ var MyDroplistItems = styled8("li")`
     background-color: lightgray;
   }
 `;
-function ButtonPagination({ totalPages, current, handleChangePage, itemList, firstEllipseList, secondEllipseList }) {
+function WavelengthButtonPagination({ totalPages, current, handleChangePage, itemList, firstEllipseList, secondEllipseList }) {
   const [isOpen, setIsOpen] = useState6(false);
   const [isSecOpen, setIsSecOpen] = useState6(false);
   const toggleDropdown = (index) => {
@@ -6535,16 +6528,16 @@ function ButtonPagination({ totalPages, current, handleChangePage, itemList, fir
     /* @__PURE__ */ jsx37(Button5, { onClick: () => handleChangePage(current + 1), disabled: current === totalPages, sx: WLButtonPagStyle, children: /* @__PURE__ */ jsx37(ArrowForwardIosIcon, {}) })
   ] });
 }
-var ButtonPagination_default = ButtonPagination;
+var WavelengthButtonPagination_default = WavelengthButtonPagination;
 
-// src/components/pagination/VariationPagination.tsx
+// src/components/pagination/WavelengthVariationPagination.tsx
 import { useState as useState7 } from "react";
 import Button6 from "@mui/material/Button";
 import ArrowBackIosNewIcon2 from "@mui/icons-material/ArrowBackIosNew";
 import ArrowForwardIosIcon2 from "@mui/icons-material/ArrowForwardIos";
 import styled9 from "styled-components";
 import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
-function VariationPagination({ totalPages, current, variant, handleChangePage, itemList, firstEllipseList, secondEllipseList }) {
+function WavelengthVariationPagination({ totalPages, current, variant, handleChangePage, itemList, firstEllipseList, secondEllipseList }) {
   const [isOpen, setIsOpen] = useState7(false);
   const [isSecOpen, setIsSecOpen] = useState7(false);
   const MyDroplistItems2 = styled9("li")`
@@ -6626,9 +6619,9 @@ function VariationPagination({ totalPages, current, variant, handleChangePage, i
     /* @__PURE__ */ jsx38(Button6, { onClick: () => handleChangePage(current + 1), disabled: current === totalPages, variant, children: /* @__PURE__ */ jsx38(ArrowForwardIosIcon2, {}) })
   ] });
 }
-var VariationPagination_default = VariationPagination;
+var WavelengthVariationPagination_default = WavelengthVariationPagination;
 
-// src/components/pagination/WavelengthPagination.tsx
+// src/components/pagination/WavelengthDefaultPagination.tsx
 import { jsx as jsx39 } from "react/jsx-runtime";
 var range = (start, end) => {
   const length = end - start + 1;
@@ -6667,10 +6660,20 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     }
   };
   if (style3 === "circular") {
-    return /* @__PURE__ */ jsx39(ButtonPagination_default, { totalPages, current, handleChangePage, itemList, firstEllipseList, secondEllipseList });
+    return /* @__PURE__ */ jsx39(
+      WavelengthButtonPagination_default,
+      {
+        totalPages,
+        current,
+        handleChangePage,
+        itemList,
+        firstEllipseList,
+        secondEllipseList
+      }
+    );
   } else if (style3 === "text") {
     return /* @__PURE__ */ jsx39(
-      VariationPagination_default,
+      WavelengthVariationPagination_default,
       {
         totalPages,
         current,
@@ -6683,7 +6686,7 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   } else if (style3 === "outlined") {
     return /* @__PURE__ */ jsx39(
-      VariationPagination_default,
+      WavelengthVariationPagination_default,
       {
         totalPages,
         current,
@@ -6696,7 +6699,7 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   } else if (style3 === "contained") {
     return /* @__PURE__ */ jsx39(
-      VariationPagination_default,
+      WavelengthVariationPagination_default,
       {
         totalPages,
         current,
@@ -6709,7 +6712,7 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   } else {
     return /* @__PURE__ */ jsx39(
-      VariationPagination_default,
+      WavelengthVariationPagination_default,
       {
         totalPages,
         current,
@@ -6721,7 +6724,7 @@ function DefaultPagination({ totalPages, currentPageNumber, siblingCount = 1, bo
     );
   }
 }
-var WavelengthPagination_default = DefaultPagination;
+var WavelengthDefaultPagination_default = DefaultPagination;
 
 // src/components/TextField/WavelengthTextField.tsx
 import { useCallback, useState as useState9 } from "react";
@@ -6790,6 +6793,8 @@ function WavelengthTextField(props) {
     return /* @__PURE__ */ jsx40(
       TextField4,
       {
+        value: props.value,
+        inputRef: props.inputRef,
         type: props.type,
         required: props.required,
         label: props.label,
@@ -6832,6 +6837,8 @@ function WavelengthTextField(props) {
       /* @__PURE__ */ jsx40(
         StandardTextField,
         {
+          value: props.value,
+          ref: props.inputRef,
           type: props.type,
           id: "custom-input",
           placeholder: props.placeholder,
@@ -7212,7 +7219,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages }) => {
       /* @__PURE__ */ jsx41("thead", { children: /* @__PURE__ */ jsx41("tr", { children: headers }) }),
       /* @__PURE__ */ jsx41("tbody", { children: rows })
     ] }) }),
-    /* @__PURE__ */ jsx41(StyledNavBoxDiv, { children: /* @__PURE__ */ jsx41(WavelengthPagination_default, { totalPages, currentPageNumber: currentPage, onPageChange: setCurrentPage, style: "circular" }) })
+    /* @__PURE__ */ jsx41(StyledNavBoxDiv, { children: /* @__PURE__ */ jsx41(WavelengthDefaultPagination_default, { totalPages, currentPageNumber: currentPage, onPageChange: setCurrentPage, style: "circular" }) })
   ] });
 };
 
@@ -7236,20 +7243,15 @@ var SampleComponent2 = ({
   return /* @__PURE__ */ jsx42("sample-component", { ref, ...rest, children });
 };
 export {
-  AppLogo,
   ButtonIcon,
   ButtonMenu,
   DefaultCarousel,
-  DefaultIcon,
   DefaultPagination,
-  ManyPlanesComponent,
-  NotAvailablePage,
   SampleComponent2 as SampleComponent,
-  SearchTextField,
   SliderCardCarousel,
-  TestSnackbar,
   WavelengthAccessAlert,
   WavelengthAlert,
+  WavelengthAppLogo,
   WavelengthAppTheme,
   WavelengthAutocomplete,
   WavelengthBanner2 as WavelengthBanner,
@@ -7260,17 +7262,21 @@ export {
   WavelengthContentModal,
   WavelengthContentPlaceholder,
   WavelengthDataTable,
+  WavelengthDefaultIcon,
   WavelengthDragAndDrop,
   WavelengthDropdown,
   WavelengthDropdownButton,
   WavelengthExampleComponent,
   WavelengthFileDownloader,
   WavelengthFooter,
+  WavelengthManyPlanes,
+  WavelengthNotAvailablePage,
   WavelengthPermissionAlert,
   WavelengthPlaneTrail,
   WavelengthPopUpMenu,
   WavelengthProgressBar,
   WavelengthSearch,
+  WavelengthSearchTextField,
   WavelengthSideBar,
   WavelengthSlider,
   WavelengthSnackbar,
@@ -7278,6 +7284,7 @@ export {
   WavelengthSpinningOuterCircle,
   WavelengthStandardSnackbar,
   WavelengthStyledButton,
+  WavelengthTestSnackbar,
   WavelengthTextField,
   WavelengthTitleBar2 as WavelengthTitleBar,
   add,