@wavelengthusaf/components 4.1.3 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +5 -0
  2. package/dist/cjs/index.cjs +24 -3
  3. package/dist/cjs/index.d.cts +32 -14
  4. package/dist/esm/index.d.ts +32 -14
  5. package/dist/esm/index.js +363 -342
  6. package/package.json +2 -2
package/README.md CHANGED
@@ -14,6 +14,11 @@ npm install @wavelengthusaf/components
14
14
 
15
15
  ## Release Notes
16
16
 
17
+ ### 4.1.4
18
+
19
+ - 12/4/2025
20
+ - Added WavelengthNavbar
21
+
17
22
  ### 4.1.3
18
23
 
19
24
  - 11/24/2025
package/dist/cjs/index.cjs CHANGED
@@ -4848,6 +4848,25 @@ function WavelengthSideBar({ sections, txtColor, bgColor, labelColor, arrowColor
4848
4848
  }
4849
4849
  WavelengthSideBar.displayName = "WavelengthSideBar";
4850
4850
 
4851
+ // src/components/PageComponents/WavelengthNavBar.tsx
4852
+
4853
+
4854
+
4855
+ var WavelengthNavBar = ({ items, bgColor, txtColor, hoverColor, height: height2, padding: padding2, children, ...rest }) => {
4856
+ const ref = _react.useRef.call(void 0, null);
4857
+ _react.useEffect.call(void 0, () => {
4858
+ const el = ref.current;
4859
+ if (!el) return;
4860
+ if (items) el.setAttribute("items", JSON.stringify(items));
4861
+ if (bgColor) el.setAttribute("bg-color", bgColor);
4862
+ if (txtColor) el.setAttribute("txt-color", txtColor);
4863
+ if (hoverColor) el.setAttribute("hover-color", hoverColor);
4864
+ if (height2) el.setAttribute("height", height2.toString());
4865
+ if (padding2) el.setAttribute("padding", padding2);
4866
+ }, [items, bgColor, txtColor, hoverColor, height2, padding2]);
4867
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "wavelength-nav-bar", { ref, ...rest, children });
4868
+ };
4869
+
4851
4870
  // src/components/PageComponents/WavelengthSpinningLogo.tsx
4852
4871
 
4853
4872
  function WavelengthSpinningOuterCircle({ size, id, clip, color: color2, gradient, radius }) {
@@ -8107,10 +8126,11 @@ WavelengthDatePicker.displayName = "WavelengthDatePicker";
8107
8126
  // src/components/samples/SampleComponent.tsx
8108
8127
 
8109
8128
 
8110
-
8111
8129
  var SampleComponent = ({
8112
8130
  testProp,
8113
8131
  children,
8132
+ // Style argument
8133
+ customStyle: customStyle2,
8114
8134
  ...rest
8115
8135
  // This rest operator includes className, style, onClick, etc.
8116
8136
  }) => {
@@ -8118,6 +8138,7 @@ var SampleComponent = ({
8118
8138
  _react.useEffect.call(void 0, () => {
8119
8139
  const el = ref.current;
8120
8140
  if (!el) return;
8141
+ el.customStyles = customStyle2;
8121
8142
  if (testProp !== void 0) {
8122
8143
  el.setAttribute("test-prop", testProp);
8123
8144
  }
@@ -8132,7 +8153,6 @@ SampleComponent.displayName = "SampleComponent";
8132
8153
  // src/components/MultiSelect/WavelengthMultiSelectAutocomplete.tsx
8133
8154
 
8134
8155
 
8135
-
8136
8156
  var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, ...rest }) => {
8137
8157
  const componentRef = _react.useRef.call(void 0, null);
8138
8158
  _react.useEffect.call(void 0, () => {
@@ -8235,7 +8255,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8235
8255
 
8236
8256
 
8237
8257
 
8238
- exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8258
+
8259
+ exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.NestedDataTable = NestedDataTable; exports.SampleComponent = SampleComponent; exports.SampleComponentElement = _webcomponents.SampleComponent; exports.SliderCardCarousel = SliderCardCarousel; exports.WavelengthAccessAlert = WavelengthAccessAlert; exports.WavelengthAlert = WavelengthAlert; exports.WavelengthAppLogo = WavelengthAppLogo; exports.WavelengthAppTheme = WavelengthAppTheme; exports.WavelengthAutoComplete = WavelengthAutoComplete; exports.WavelengthAutocomplete = WavelengthAutocomplete; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCommentDisplay = WavelengthCommentDisplay; exports.WavelengthConfirmationModal = WavelengthConfirmationModal; exports.WavelengthContentModal = WavelengthContentModal; exports.WavelengthContentPlaceholder = WavelengthContentPlaceholder; exports.WavelengthDataTable = WavelengthDataTable; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDatePickerElement = _webcomponents.WavelengthDatePicker; exports.WavelengthDefaultIcon = WavelengthDefaultIcon; exports.WavelengthDefaultPagination = WavelengthDefaultPagination; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthPermissionAlert = WavelengthPermissionAlert; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthPopUpMenu = WavelengthPopUpMenu; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthProgressBarElement = _webcomponents.WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSearchTextField = WavelengthSearchTextField; exports.WavelengthSideBar = WavelengthSideBar; exports.WavelengthSlider = WavelengthSlider; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSpinningLogo = WavelengthSpinningLogo; exports.WavelengthSpinningOuterCircle = WavelengthSpinningOuterCircle; exports.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.add = add; exports.ascendingRange = ascendingRange; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.range = range; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
8239
8260
  /*! Bundled license information:
8240
8261
 
8241
8262
  react-is/cjs/react-is.production.min.js:
package/dist/cjs/index.d.cts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties } from 'react';
2
+ import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
3
3
  export { SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { TextFieldVariants, SxProps, Theme } from '@mui/material';
6
6
  import { z } from 'zod';
7
7
  import { Mark } from '@mui/material/Slider/useSlider.types';
8
+ import { CSSProperties } from 'styled-components';
8
9
 
9
10
  /**
10
11
  * Helper Functions
@@ -238,6 +239,22 @@ declare namespace WavelengthSideBar {
238
239
  var displayName: string;
239
240
  }
240
241
 
242
+ interface NavItem {
243
+ title: string;
244
+ path?: string;
245
+ onClick?: () => void;
246
+ children?: NavItem[];
247
+ }
248
+ interface WavelengthNavBarProps extends React__default.HTMLAttributes<HTMLElement> {
249
+ items: NavItem[];
250
+ bgColor?: string;
251
+ txtColor?: string;
252
+ hoverColor?: string;
253
+ height?: string | number;
254
+ padding?: string;
255
+ }
256
+ declare const WavelengthNavBar: React__default.FC<WavelengthNavBarProps>;
257
+
241
258
  interface ISpinningSvgProps {
242
259
  size: number;
243
260
  id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
@@ -714,7 +731,7 @@ declare namespace WavelengthDefaultPagination {
714
731
 
715
732
  type StyleProp = {
716
733
  [selector: string]: any;
717
- };
734
+ } & CSSProperties;
718
735
 
719
736
  interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
720
737
  id?: string;
@@ -879,6 +896,7 @@ declare const WavelengthDatePicker: {
879
896
 
880
897
  interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
881
898
  testProp?: string;
899
+ customStyle: StyleProp;
882
900
  }
883
901
  declare const SampleComponent: React__default.FC<SampleComponentProps>;
884
902
 
@@ -887,26 +905,26 @@ interface Option {
887
905
  value: string;
888
906
  }
889
907
  interface CustomSelectors {
890
- "&:hover"?: CSSProperties;
891
- "&:focus"?: CSSProperties;
908
+ "&:hover"?: CSSProperties$1;
909
+ "&:focus"?: CSSProperties$1;
892
910
  /**Styles the container which holds the input and label*/
893
- "& .multi-select-input-wrapper"?: CSSProperties;
911
+ "& .multi-select-input-wrapper"?: CSSProperties$1;
894
912
  /**Styles the input*/
895
- "& .multi-select-input"?: CSSProperties;
913
+ "& .multi-select-input"?: CSSProperties$1;
896
914
  /**Styles the label*/
897
- "& .multi-select-label"?: CSSProperties;
915
+ "& .multi-select-label"?: CSSProperties$1;
898
916
  /**Styles the dropdown*/
899
- "& .multi-select-dropdown"?: CSSProperties;
917
+ "& .multi-select-dropdown"?: CSSProperties$1;
900
918
  /** Styles the container that holds the options and checkbox*/
901
- "& .multi-select-option-container"?: CSSProperties;
919
+ "& .multi-select-option-container"?: CSSProperties$1;
902
920
  /**Styles the individual options*/
903
- "& .multi-select-option"?: CSSProperties;
921
+ "& .multi-select-option"?: CSSProperties$1;
904
922
  /**Styles the clear button*/
905
- "& .multi-select-clear"?: CSSProperties;
923
+ "& .multi-select-clear"?: CSSProperties$1;
906
924
  /**Styles the dropdown arrow*/
907
- "& .multi-select-arrow"?: CSSProperties;
925
+ "& .multi-select-arrow"?: CSSProperties$1;
908
926
  /**Styles the chip*/
909
- "& .multi-select-chip"?: CSSProperties;
927
+ "& .multi-select-chip"?: CSSProperties$1;
910
928
  }
911
929
  type CustomStyleProp = CustomSelectors & StyleProp;
912
930
  interface MultiSelectAutocompleteProps {
@@ -920,4 +938,4 @@ interface MultiSelectAutocompleteProps {
920
938
  }
921
939
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
922
940
 
923
- export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
941
+ export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
package/dist/esm/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties } from 'react';
2
+ import React__default, { ReactNode, ChangeEvent, ReactElement, CSSProperties as CSSProperties$1 } from 'react';
3
3
  export { SampleComponent as SampleComponentElement, WavelengthBanner as WavelengthBannerElement, WavelengthButton as WavelengthButtonElement, WavelengthDatePicker as WavelengthDatePickerElement, WavelengthForm as WavelengthFormElement, WavelengthInput as WavelengthInputElement, WavelengthMultiSelectAutocomplete as WavelengthMultiSelectAutocompleteElement, WavelengthProgressBar as WavelengthProgressBarElement, WavelengthTitleBar as WavelengthTitleBarElement } from '@wavelengthusaf/web-components';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import { TextFieldVariants, SxProps, Theme } from '@mui/material';
6
6
  import { z } from 'zod';
7
7
  import { Mark } from '@mui/material/Slider/useSlider.types';
8
+ import { CSSProperties } from 'styled-components';
8
9
 
9
10
  /**
10
11
  * Helper Functions
@@ -238,6 +239,22 @@ declare namespace WavelengthSideBar {
238
239
  var displayName: string;
239
240
  }
240
241
 
242
+ interface NavItem {
243
+ title: string;
244
+ path?: string;
245
+ onClick?: () => void;
246
+ children?: NavItem[];
247
+ }
248
+ interface WavelengthNavBarProps extends React__default.HTMLAttributes<HTMLElement> {
249
+ items: NavItem[];
250
+ bgColor?: string;
251
+ txtColor?: string;
252
+ hoverColor?: string;
253
+ height?: string | number;
254
+ padding?: string;
255
+ }
256
+ declare const WavelengthNavBar: React__default.FC<WavelengthNavBarProps>;
257
+
241
258
  interface ISpinningSvgProps {
242
259
  size: number;
243
260
  id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
@@ -714,7 +731,7 @@ declare namespace WavelengthDefaultPagination {
714
731
 
715
732
  type StyleProp = {
716
733
  [selector: string]: any;
717
- };
734
+ } & CSSProperties;
718
735
 
719
736
  interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement> {
720
737
  id?: string;
@@ -879,6 +896,7 @@ declare const WavelengthDatePicker: {
879
896
 
880
897
  interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
881
898
  testProp?: string;
899
+ customStyle: StyleProp;
882
900
  }
883
901
  declare const SampleComponent: React__default.FC<SampleComponentProps>;
884
902
 
@@ -887,26 +905,26 @@ interface Option {
887
905
  value: string;
888
906
  }
889
907
  interface CustomSelectors {
890
- "&:hover"?: CSSProperties;
891
- "&:focus"?: CSSProperties;
908
+ "&:hover"?: CSSProperties$1;
909
+ "&:focus"?: CSSProperties$1;
892
910
  /**Styles the container which holds the input and label*/
893
- "& .multi-select-input-wrapper"?: CSSProperties;
911
+ "& .multi-select-input-wrapper"?: CSSProperties$1;
894
912
  /**Styles the input*/
895
- "& .multi-select-input"?: CSSProperties;
913
+ "& .multi-select-input"?: CSSProperties$1;
896
914
  /**Styles the label*/
897
- "& .multi-select-label"?: CSSProperties;
915
+ "& .multi-select-label"?: CSSProperties$1;
898
916
  /**Styles the dropdown*/
899
- "& .multi-select-dropdown"?: CSSProperties;
917
+ "& .multi-select-dropdown"?: CSSProperties$1;
900
918
  /** Styles the container that holds the options and checkbox*/
901
- "& .multi-select-option-container"?: CSSProperties;
919
+ "& .multi-select-option-container"?: CSSProperties$1;
902
920
  /**Styles the individual options*/
903
- "& .multi-select-option"?: CSSProperties;
921
+ "& .multi-select-option"?: CSSProperties$1;
904
922
  /**Styles the clear button*/
905
- "& .multi-select-clear"?: CSSProperties;
923
+ "& .multi-select-clear"?: CSSProperties$1;
906
924
  /**Styles the dropdown arrow*/
907
- "& .multi-select-arrow"?: CSSProperties;
925
+ "& .multi-select-arrow"?: CSSProperties$1;
908
926
  /**Styles the chip*/
909
- "& .multi-select-chip"?: CSSProperties;
927
+ "& .multi-select-chip"?: CSSProperties$1;
910
928
  }
911
929
  type CustomStyleProp = CustomSelectors & StyleProp;
912
930
  interface MultiSelectAutocompleteProps {
@@ -920,4 +938,4 @@ interface MultiSelectAutocompleteProps {
920
938
  }
921
939
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
922
940
 
923
- export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };
941
+ export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthTestSnackbar, WavelengthTitleBar, add, ascendingRange, concat, findBestStringMatch, type menuItemProps, range, useOutsideClick, useThemeContext };