@wavelengthusaf/components 2.1.0 → 2.2.2

package/README.md

@@ -14,6 +14,14 @@ npm install @wavelengthusaf/components
 
 ## Release Notes
 
+### 2.2.1
+
+- Renamed `WavelengthBannerHeader` to `WavelengthBanner` to reflect its more broader, possible use.
+
+### 2.2.0
+
+- A new component was added, The WavelengthSlider Component.
+
 ### 2.1.0
 
 - Added Carousel components to Mono Repo, Page Carousel with route, and information ready to be used.
@@ -26,7 +34,7 @@ npm install @wavelengthusaf/components
 
 - Added BoxShadow prop to menuSx for the dropdown menu component
 
-## #2.0.0
+### 2.0.0
 
 - Migrated to a Mono Repo; some minor updates to various components were made throughout the package.
 

package/dist/components/PageComponents/WavelengthSpinningLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthSpinningLogo.d.ts","sourceRoot":"","sources":["../../../src/components/PageComponents/WavelengthSpinningLogo.tsx"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,UAAU,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,6BAA6B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA2D3G;AAED,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"WavelengthSpinningLogo.d.ts","sourceRoot":"","sources":["../../../src/components/PageComponents/WavelengthSpinningLogo.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,UAAU,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,6BAA6B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CA2D3G;AAED,eAAe,6BAA6B,CAAC"}

package/dist/components/buttons/WavelengthDropdownButton/WavelengthAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/WavelengthDropdownButton/WavelengthAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG3E,UAAU,2BAA2B;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AACD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAenF;AACD,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,KAAW,EAAE,OAAoB,EAAE,KAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,2BAA2B,2CAoE7K;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"WavelengthAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/WavelengthDropdownButton/WavelengthAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG3E,UAAU,2BAA2B;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AACD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAenF;AACD,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,KAAW,EAAE,OAAoB,EAAE,KAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,2BAA2B,2CAmE7K;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/headers/WavelengthTitleBar/{WavelengthBannerHeader.d.ts → WavelengthBanner.d.ts}

@@ -1,10 +1,10 @@
-interface WavelengthBannerHeaderProps {
+interface WavelengthBannerProps {
     classification?: "unclassified" | "controlled" | "controlled unclassified information" | "cui" | "u" | "confidential" | "c" | "secret" | "s" | "top secret" | "ts" | string;
     control?: ("cui" | "sci" | "fouo" | "nf" | "propin" | "frd" | "gbr s" | "si" | "si-g" | "tk" | "relido" | "rd" | "rd-n" | "rel" | "fvey" | "hcs" | string)[];
     headerColor?: string;
     textColor?: string;
     id?: string;
 }
-export declare function WavelengthBannerHeader({ classification, control, headerColor, textColor, id }: WavelengthBannerHeaderProps): import("react/jsx-runtime").JSX.Element;
-export default WavelengthBannerHeader;
-//# sourceMappingURL=WavelengthBannerHeader.d.ts.map
+export declare function WavelengthBanner({ classification, control, headerColor, textColor, id }: WavelengthBannerProps): import("react/jsx-runtime").JSX.Element;
+export default WavelengthBanner;
+//# sourceMappingURL=WavelengthBanner.d.ts.map

package/dist/components/headers/WavelengthTitleBar/WavelengthBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WavelengthBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/headers/WavelengthTitleBar/WavelengthBanner.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,qCAAqC,GAAG,KAAK,GAAG,GAAG,GAAG,cAAc,GAAG,GAAG,GAAG,QAAQ,GAAG,GAAG,GAAG,YAAY,GAAG,IAAI,GAAG,MAAM,CAAC;IAC5K,OAAO,CAAC,EAAE,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAC7J,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,qBAAqB,2CAmD9G;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/modals/WavelengthDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAmH9G;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"WavelengthDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/modals/WavelengthDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAmC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMhF,UAAU,aAAa;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AACD,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC9D;AACD,UAAU,WAAW;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAiH9G;AAED,QAAA,MAAM,wBAAwB,sHAA+B,CAAC;AAC9D,eAAe,wBAAwB,CAAC"}

package/dist/components/sliders/WavelengthSlider.d.ts

@@ -0,0 +1,17 @@
+import { Mark } from "@mui/material/Slider/useSlider.types";
+interface sliderProps {
+    width?: string;
+    labelColor?: string;
+    color?: string;
+    value: number;
+    valueDisplayed?: boolean;
+    minVal: number;
+    maxVal: number;
+    step: number;
+    handleChange: (event: Event, newValue: number | number[]) => void;
+    labelFunc?(val: number): string;
+    marks?: Mark[];
+}
+export declare function WavelengthSlider({ width, color, valueDisplayed, marks, labelColor, value, maxVal, minVal, step, labelFunc, handleChange }: sliderProps): import("react/jsx-runtime").JSX.Element;
+export default WavelengthSlider;
+//# sourceMappingURL=WavelengthSlider.d.ts.map

package/dist/components/sliders/WavelengthSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WavelengthSlider.d.ts","sourceRoot":"","sources":["../../../src/components/sliders/WavelengthSlider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAG5D,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAEd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAClE,SAAS,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAe,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAY,EAAE,MAAM,EAAE,IAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,WAAW,2CAwB1K;AAED,eAAe,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -20,7 +20,7 @@ export * from "./components/PageComponents/WavelengthSpinningLogo";
 export * from "./components/PageComponents/WavelengthSpinningLogoComponent";
 export * from "./components/footers/WavelengthFooter/WavelengthFooter";
 export * from "./components/headers/WavelengthTitleBar/WavelengthTitleBar";
-export * from "./components/headers/WavelengthTitleBar/WavelengthBannerHeader";
+export * from "./components/headers/WavelengthTitleBar/WavelengthBanner";
 export * from "./components/logos/applogo/AppLogo";
 export * from "./components/CSFD/ManyPlanes";
 export * from "./components/separators/WavelengthPlaneTrail/WavelengthPlaneTrail";
@@ -32,6 +32,7 @@ export * from "./components/modals/WavelengthDropdown";
 export * from "./components/snackbars/WavelengthSnackbar";
 export * from "./components/snackbars/WavelengthStandardSnackbar";
 export * from "./components/snackbars/TestSnackbar";
+export * from "./components/sliders/WavelengthSlider";
 export * from "./components/carousels/WavelengthDefaultCarousel";
 export * from "./components/carousels/sliderCarousel";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,wDAAwD,CAAC;AACvE,cAAc,wEAAwE,CAAC;AACvF,cAAc,sEAAsE,CAAC;AACrF,cAAc,+CAA+C,CAAC;AAG9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mFAAmF,CAAC;AAElG,cAAc,8CAA8C,CAAC;AAG7D,cAAc,iDAAiD,CAAC;AAGhE,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AAGpD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,6DAA6D,CAAC;AAG5E,cAAc,wDAAwD,CAAC;AAGvE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAG/E,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,mEAAmE,CAAC;AAGlF,cAAc,6BAA6B,CAAC;AAG5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AAGvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AAEpD,cAAc,kDAAkD,CAAC;AACjE,cAAc,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAOH,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,wDAAwD,CAAC;AACvE,cAAc,wEAAwE,CAAC;AACvF,cAAc,sEAAsE,CAAC;AACrF,cAAc,+CAA+C,CAAC;AAG9D,cAAc,qDAAqD,CAAC;AACpE,cAAc,mFAAmF,CAAC;AAElG,cAAc,8CAA8C,CAAC;AAG7D,cAAc,iDAAiD,CAAC;AAGhE,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AAGpD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,6DAA6D,CAAC;AAG5E,cAAc,wDAAwD,CAAC;AAGvE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AAGzE,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,mEAAmE,CAAC;AAGlF,cAAc,6BAA6B,CAAC;AAG5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AAGvD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mDAAmD,CAAC;AAClE,cAAc,qCAAqC,CAAC;AAGpD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,uCAAuC,CAAC"}

package/dist/index.js

@@ -4224,9 +4224,9 @@ function WavelengthTitleBar({ id }) {
   ] }) }) });
 }
 
-// src/components/headers/WavelengthTitleBar/WavelengthBannerHeader.tsx
+// src/components/headers/WavelengthTitleBar/WavelengthBanner.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
-function WavelengthBannerHeader({ classification, control, headerColor, textColor, id }) {
+function WavelengthBanner({ classification, control, headerColor, textColor, id }) {
   const palette2 = getPalette();
   if (classification === "unclassified") {
     if (control && control.includes("cui")) {
@@ -4587,8 +4587,6 @@ function WavelengthDropdown({ id, options, buttonSx, width: width2, buttonText,
       backgroundColor: `${myMenusx.backgroundColor}`
     },
     "& .MuiMenu-list": {
-      // paddingTop: "6px",
-      // paddingBottom: "6px",
       borderBottomLeftRadius: "8px",
       borderBottomRightRadius: "8px",
       borderLeft: `1px solid ${myMenusx.borderColor}`,
@@ -4796,6 +4794,34 @@ function TestSnackbar({ isPopUpOpen, toggleOpen, type, message, customVertyAlign
   ) });
 }
 
+// src/components/sliders/WavelengthSlider.tsx
+import Box5 from "@mui/material/Box";
+import Slider from "@mui/material/Slider";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function WavelengthSlider({ width: width2 = "300px", color: color2, valueDisplayed, marks, labelColor, value, maxVal = 100, minVal, step = 1, labelFunc, handleChange }) {
+  const on = valueDisplayed ? "on" : "off";
+  return /* @__PURE__ */ jsx27(Box5, { sx: { width: width2 }, children: /* @__PURE__ */ jsx27(
+    Slider,
+    {
+      "aria-label": "Custom marks",
+      value,
+      getAriaValueText: labelFunc,
+      step,
+      marks,
+      valueLabelDisplay: on,
+      max: maxVal,
+      min: minVal,
+      onChange: handleChange,
+      sx: {
+        color: color2,
+        "& .MuiSlider-markLabel": {
+          color: labelColor
+        }
+      }
+    }
+  ) });
+}
+
 // src/components/carousels/WavelengthDefaultCarousel.tsx
 import { useState as useState3 } from "react";
 import IconButton5 from "@mui/material/IconButton";
@@ -4807,7 +4833,7 @@ import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
 import CardMedia from "@mui/material/CardMedia";
 import CardActionArea from "@mui/material/CardActionArea";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight, cardWidth }) => {
   const [currentIndex, setCurrentIndex] = useState3(0);
   const adjustButtonSize = buttonSize !== void 0 ? buttonSize : 70;
@@ -4824,7 +4850,7 @@ var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight,
   const handleClick = () => {
     window.open(items[currentIndex].path, "_blank");
   };
-  return /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsxs20(
     Grid5,
     {
       container: true,
@@ -4833,8 +4859,8 @@ var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight,
         alignItems: "center"
       },
       children: [
-        /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(IconButton5, { onClick: handlePrev, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ jsx27(NavigateBeforeIcon, { style: { fontSize: adjustButtonSize } }) }) }),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsx28(IconButton5, { onClick: handlePrev, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ jsx28(NavigateBeforeIcon, { style: { fontSize: adjustButtonSize } }) }) }),
+        /* @__PURE__ */ jsx28(
           Card,
           {
             sx: {
@@ -4842,15 +4868,15 @@ var DefaultCarousel = ({ items, buttonSize, imageHeight, imageWidth, cardHeight,
               maxHeight: adjustCardHeight
             },
             children: /* @__PURE__ */ jsxs20(CardActionArea, { onClick: handleClick, children: [
-              /* @__PURE__ */ jsx27(CardMedia, { sx: { height: adjustImageHeight, width: adjustImageWidth }, image: items[currentIndex].image }),
+              /* @__PURE__ */ jsx28(CardMedia, { sx: { height: adjustImageHeight, width: adjustImageWidth }, image: items[currentIndex].image }),
               /* @__PURE__ */ jsxs20(CardContent, { children: [
-                /* @__PURE__ */ jsx27(Typography4, { variant: "h4", children: items[currentIndex].title }),
-                /* @__PURE__ */ jsx27(Typography4, { variant: "body1", children: items[currentIndex].description })
+                /* @__PURE__ */ jsx28(Typography4, { variant: "h4", children: items[currentIndex].title }),
+                /* @__PURE__ */ jsx28(Typography4, { variant: "body1", children: items[currentIndex].description })
               ] })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(IconButton5, { onClick: handleNext, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ jsx27(NavigateNextIcon, { style: { fontSize: adjustButtonSize } }) }) })
+        /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsx28(IconButton5, { onClick: handleNext, sx: { margin: 1, color: "white" }, children: /* @__PURE__ */ jsx28(NavigateNextIcon, { style: { fontSize: adjustButtonSize } }) }) })
       ]
     }
   ) }) });
@@ -4863,7 +4889,7 @@ import Card2 from "@mui/material/Card";
 import CardContent2 from "@mui/material/CardContent";
 import CardMedia2 from "@mui/material/CardMedia";
 import CardActionArea2 from "@mui/material/CardActionArea";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var delay = 2500;
 var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth }) => {
   const [index, setIndex] = useState4(0);
@@ -4906,7 +4932,7 @@ var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth
       boxShadow: isHovered ? "5px 5px 8px rgba(222, 222, 222, 0.362), 10px 10px 8px rgba(152, 133, 133, 0.392), 15px 15px 8px rgba(139, 154, 139, 0.303)" : "none"
     }
   };
-  return /* @__PURE__ */ jsx28("div", { style: styles.carouselcontainer, children: /* @__PURE__ */ jsx28("div", { className: "my-animation", style: styles.carouselTrackStyle, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29("div", { style: styles.carouselcontainer, children: /* @__PURE__ */ jsx29("div", { className: "my-animation", style: styles.carouselTrackStyle, children: /* @__PURE__ */ jsx29(
     Grid6,
     {
       sx: {
@@ -4916,7 +4942,7 @@ var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth
       },
       container: true,
       spacing: 0.5,
-      children: items.map((card) => /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsx28(
+      children: items.map((card) => /* @__PURE__ */ jsx29("div", { children: /* @__PURE__ */ jsx29(
         Card2,
         {
           sx: {
@@ -4927,10 +4953,10 @@ var SliderCardCarousel = ({ items, cardHeight, cardWidth, contHeight, contWidth
           onMouseEnter: () => setIsHovered(true),
           onMouseLeave: () => setIsHovered(false),
           children: /* @__PURE__ */ jsxs21(CardActionArea2, { href: card.path, children: [
-            /* @__PURE__ */ jsx28(CardMedia2, { sx: { height: adjustCardHeight, width: adjustCardWith }, image: card.image }),
+            /* @__PURE__ */ jsx29(CardMedia2, { sx: { height: adjustCardHeight, width: adjustCardWith }, image: card.image }),
             /* @__PURE__ */ jsxs21(CardContent2, { children: [
-              /* @__PURE__ */ jsx28("h3", { children: card.title }),
-              /* @__PURE__ */ jsx28("p", { children: card.description })
+              /* @__PURE__ */ jsx29("h3", { children: card.title }),
+              /* @__PURE__ */ jsx29("p", { children: card.description })
             ] })
           ] })
         }
@@ -4950,7 +4976,7 @@ export {
   TestSnackbar,
   WavelengthAppTheme,
   WavelengthAutocomplete,
-  WavelengthBannerHeader,
+  WavelengthBanner,
   WavelengthBox,
   WavelengthButton,
   WavelengthConfirmationModal,
@@ -4965,6 +4991,7 @@ export {
   WavelengthPopUpMenu,
   WavelengthSearch,
   WavelengthSideBar,
+  WavelengthSlider,
   WavelengthSnackbar,
   WavelengthSpinningLogo,
   WavelengthSpinningOuterCircle,