@wavelengthusaf/components 4.1.2 → 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 +15 -0
  2. package/dist/cjs/index.cjs +66 -20
  3. package/dist/cjs/index.d.cts +37 -16
  4. package/dist/esm/index.d.ts +37 -16
  5. package/dist/esm/index.js +392 -346
  6. package/package.json +2 -2
package/README.md CHANGED
@@ -14,6 +14,21 @@ 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
+
22
+ ### 4.1.3
23
+
24
+ - 11/24/2025
25
+ - Added a prop: `onBlurCallback` to `WavelengthAutoComplete`, `WavelengthInput`, and `WavelengthDatePicker` so that `onBlur` can be handled with a user defined callback.
26
+
27
+ ### 4.1.2
28
+
29
+ - 11/12/2025
30
+ - Modified `WavelengthAutoComplete` to expose `placeholder` prop to allow injecting a default value
31
+
17
32
  ### 4.1.1
18
33
 
19
34
  - 10/27/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 }) {
@@ -6748,6 +6767,7 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6748
6767
  label,
6749
6768
  onChange,
6750
6769
  style: style3,
6770
+ onBlurCallback,
6751
6771
  ...rest
6752
6772
  }, ref) => {
6753
6773
  const internalRef = _react.useRef.call(void 0, null);
@@ -6828,9 +6848,21 @@ var WavelengthInput = _react.forwardRef.call(void 0,
6828
6848
  ]);
6829
6849
  _react.useEffect.call(void 0, () => {
6830
6850
  const el = internalRef.current;
6831
- if (!el || !onChange) return;
6851
+ if (!el || !onBlurCallback) return;
6832
6852
  const handler = (e) => {
6833
6853
  const input = _optionalChain([el, 'access', _42 => _42.shadowRoot, 'optionalAccess', _43 => _43.querySelector, 'call', _44 => _44("input")]);
6854
+ if (input) {
6855
+ onBlurCallback();
6856
+ }
6857
+ };
6858
+ el.addEventListener("blur", handler);
6859
+ return () => el.removeEventListener("blur", handler);
6860
+ }, [onBlurCallback]);
6861
+ _react.useEffect.call(void 0, () => {
6862
+ const el = internalRef.current;
6863
+ if (!el || !onChange) return;
6864
+ const handler = (e) => {
6865
+ const input = _optionalChain([el, 'access', _45 => _45.shadowRoot, 'optionalAccess', _46 => _46.querySelector, 'call', _47 => _47("input")]);
6834
6866
  if (input) {
6835
6867
  const synthetic = {
6836
6868
  ...e,
@@ -7033,7 +7065,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages }) => {
7033
7065
  const [noRowsOpen, setNoRowsOpen] = _react.useState.call(void 0, false);
7034
7066
  const [isModalOpen, setIsModalOpen] = _react.useState.call(void 0, false);
7035
7067
  const [searchItem, setSearchItem] = _react.useState.call(void 0, "");
7036
- const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _45 => _45[0], 'optionalAccess', _46 => _46.key]) || "");
7068
+ const [selectedValue, setSelectedValue] = _react.useState.call(void 0, _optionalChain([columns, 'access', _48 => _48[0], 'optionalAccess', _49 => _49.key]) || "");
7037
7069
  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
7038
7070
  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
7039
7071
  const [editingMenuKey, setEditingMenuKey] = _react.useState.call(void 0, null);
@@ -7187,7 +7219,7 @@ var WavelengthDataTable = ({ data, columns, itemsPerPage, totalPages }) => {
7187
7219
  ] }, index)
7188
7220
  ] }, `headCell-${index}`);
7189
7221
  });
7190
- const rows = !_optionalChain([currentPageData, 'optionalAccess', _47 => _47.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _48 => _48.map, 'call', _49 => _49((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7222
+ const rows = !_optionalChain([currentPageData, 'optionalAccess', _50 => _50.length]) || noRowsOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([currentPageData, 'optionalAccess', _51 => _51.map, 'call', _52 => _52((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column, index2) => {
7191
7223
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTd, { children: editingId === item.id && editedColumnKey === column.key ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7192
7224
  StyledInput,
7193
7225
  {
@@ -7433,7 +7465,7 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7433
7465
  }
7434
7466
  if (sortSubOrder) {
7435
7467
  result.map(
7436
- (item) => _optionalChain([item, 'access', _50 => _50.Details, 'optionalAccess', _51 => _51.fileObjects, 'access', _52 => _52.sort, 'call', _53 => _53((c, d) => {
7468
+ (item) => _optionalChain([item, 'access', _53 => _53.Details, 'optionalAccess', _54 => _54.fileObjects, 'access', _55 => _55.sort, 'call', _56 => _56((c, d) => {
7437
7469
  const valueC = c[sortSubKey];
7438
7470
  const valueD = d[sortSubKey];
7439
7471
  if (typeof valueC === "string" && typeof valueD === "string") {
@@ -7494,24 +7526,24 @@ var ChildDataTable = ({ data, columns, downloadArrowOnClick, downloadMissionOnCl
7494
7526
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: renderSortSubButton(column, sortSubOrder, sortSubKey) }, `SubHeadCell-${index}`);
7495
7527
  });
7496
7528
  const subDataRows = (itemId) => {
7497
- return processedRowData.filter((item) => _optionalChain([item, 'access', _54 => _54.Details, 'optionalAccess', _55 => _55.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _56 => _56.Details, 'optionalAccess', _57 => _57.fileObjects, 'access', _58 => _58.map, 'call', _59 => _59((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7529
+ return processedRowData.filter((item) => _optionalChain([item, 'access', _57 => _57.Details, 'optionalAccess', _58 => _58.relationId]) === itemId).map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _optionalChain([item, 'access', _59 => _59.Details, 'optionalAccess', _60 => _60.fileObjects, 'access', _61 => _61.map, 'call', _62 => _62((fileItem, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SubDataTableBodyRowContainer, { children: [
7498
7530
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadArrow, { onClick: downloadArrowOnClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
7499
7531
  "path",
7500
7532
  {
7501
7533
  d: "M8.5 12L3.5 7L4.9 5.55L7.5 8.15V0H9.5V8.15L12.1 5.55L13.5 7L8.5 12ZM2.5 16C1.95 16 1.47917 15.8042 1.0875 15.4125C0.695833 15.0208 0.5 14.55 0.5 14V11H2.5V14H14.5V11H16.5V14C16.5 14.55 16.3042 15.0208 15.9125 15.4125C15.5208 15.8042 15.05 16 14.5 16H2.5Z",
7502
7534
  fill: "#1C1B1F"
7503
7535
  }
7504
- ) }) }) }, `td-${_optionalChain([item, 'access', _60 => _60.Details, 'optionalAccess', _61 => _61.relationId])}-${fileItem.id}`),
7536
+ ) }) }) }, `td-${_optionalChain([item, 'access', _63 => _63.Details, 'optionalAccess', _64 => _64.relationId])}-${fileItem.id}`),
7505
7537
  SubDataColumns.map((column) => {
7506
7538
  const columnKey = trimBeforePeriod2(column.key);
7507
7539
  const value = fileItem[columnKey];
7508
7540
  if (value !== void 0) {
7509
- return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _62 => _62.Details, 'optionalAccess', _63 => _63.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _64 => _64.Details, 'optionalAccess', _65 => _65.relationId])}-${fileItem.id}-${index}-${column.title}`);
7541
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }, `span-${_optionalChain([item, 'access', _65 => _65.Details, 'optionalAccess', _66 => _66.relationId])}-${fileItem.id}-${index}-${column.title}`) }, `fileitem-${item}-${_optionalChain([item, 'access', _67 => _67.Details, 'optionalAccess', _68 => _68.relationId])}-${fileItem.id}-${index}-${column.title}`);
7510
7542
  }
7511
7543
  })
7512
- ] }, `${item}-${_optionalChain([item, 'access', _66 => _66.Details, 'optionalAccess', _67 => _67.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _68 => _68.Details, 'optionalAccess', _69 => _69.relationId])}`));
7544
+ ] }, `${item}-${_optionalChain([item, 'access', _69 => _69.Details, 'optionalAccess', _70 => _70.relationId])}-${fileItem.id}-${index}`))]) }, `SDR-${item.id}-${_optionalChain([item, 'access', _71 => _71.Details, 'optionalAccess', _72 => _72.relationId])}`));
7513
7545
  };
7514
- const dataRows = _optionalChain([processedRowData, 'optionalAccess', _70 => _70.map, 'call', _71 => _71((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7546
+ const dataRows = _optionalChain([processedRowData, 'optionalAccess', _73 => _73.map, 'call', _74 => _74((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BodyRowContainer, { children: [
7515
7547
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableRow, { $amountofColumns: HeadColumns.length, children: HeadColumns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TableBodyCell, { $primaryBoldState: column.PrimaryBoldText, children: item[column.key] }, `TableBodycell-${item.id}-${column.key}`)) }),
7516
7548
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonStylingRow, { children: [
7517
7549
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DownloadMissionButton, { onClick: downloadMissionOnClick, children: "Download Mission" }),
@@ -7631,9 +7663,9 @@ var NestedDataTable = ({ data, columns }) => {
7631
7663
  const SubDataHeaders = SubDataColumns.map((column, index) => {
7632
7664
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: column.title }, `SubHeadCell-${index}`);
7633
7665
  });
7634
- const subDataRows = !_optionalChain([data, 'optionalAccess', _72 => _72.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7666
+ const subDataRows = !_optionalChain([data, 'optionalAccess', _75 => _75.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoSubDataRows", colSpan: columns.length, children: "No data" }) }) : data.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubDataTr, { children: SubDataColumns.map((column, colIndex) => {
7635
7667
  const columnKey = trimBeforePeriod(column.key);
7636
- const value = _optionalChain([item, 'access', _73 => _73.Details, 'optionalAccess', _74 => _74[columnKey]]);
7668
+ const value = _optionalChain([item, 'access', _76 => _76.Details, 'optionalAccess', _77 => _77[columnKey]]);
7637
7669
  console.log("value: ", value);
7638
7670
  if (value !== void 0) {
7639
7671
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: value }) }, `Span-${item.id}-${colIndex}`);
@@ -7643,7 +7675,7 @@ var NestedDataTable = ({ data, columns }) => {
7643
7675
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: SubDataHeaders }) }),
7644
7676
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: subDataRows })
7645
7677
  ] });
7646
- const rows = !_optionalChain([data, 'optionalAccess', _75 => _75.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _76 => _76.map, 'call', _77 => _77((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7678
+ const rows = !_optionalChain([data, 'optionalAccess', _78 => _78.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { title: "NoDataRows", colSpan: columns.length, children: "No data" }) }) : _optionalChain([data, 'optionalAccess', _79 => _79.map, 'call', _80 => _80((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
7647
7679
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PrimaryTrRows, { $index: index, children: [
7648
7680
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownButton, { onClick: () => toggleDropdown(index), children: isAscending && isOpen && primaryRowIndex === index ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2227" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: "\u2228" }) }),
7649
7681
  HeadColumns.map((column, index2) => {
@@ -7791,12 +7823,13 @@ var WavelengthAutoComplete = ({
7791
7823
  focusedLabelColor,
7792
7824
  id,
7793
7825
  name,
7794
- placeholder
7826
+ placeholder,
7827
+ onBlurCallback
7795
7828
  }) => {
7796
7829
  const inputRef = _react.useRef.call(void 0, null);
7797
7830
  const listRef = _react.useRef.call(void 0, null);
7798
7831
  const noItemListRef = _react.useRef.call(void 0, null);
7799
- const [inputValue, setInputValue] = _react.useState.call(void 0, _nullishCoalesce(placeholder, () => ( data[0])));
7832
+ const [inputValue, setInputValue] = _react.useState.call(void 0, _nullishCoalesce(placeholder, () => ( "")));
7800
7833
  const [suggestions, setSuggestions] = _react.useState.call(void 0, []);
7801
7834
  const [isDropdownVisible, setIsDropdownVisible] = _react.useState.call(void 0, false);
7802
7835
  const suggestHasItems = suggestions.length > 0;
@@ -7902,7 +7935,12 @@ var WavelengthAutoComplete = ({
7902
7935
  onClick: handleInputClick,
7903
7936
  onInput: handleChange,
7904
7937
  onKeyDown: handleKeyDown,
7905
- onBlur: handleBlur,
7938
+ onBlur: () => {
7939
+ handleBlur();
7940
+ if (onBlurCallback) {
7941
+ onBlurCallback();
7942
+ }
7943
+ },
7906
7944
  placeholder: "",
7907
7945
  autoComplete: "off"
7908
7946
  }
@@ -7995,7 +8033,8 @@ var WavelengthDatePicker = ({
7995
8033
  min,
7996
8034
  max,
7997
8035
  inputTimeType,
7998
- OnDataChange
8036
+ OnDataChange,
8037
+ onBlurCallback
7999
8038
  }) => {
8000
8039
  const [inputType, setInputType] = _react.useState.call(void 0, "");
8001
8040
  const [value, setValue] = _react.useState.call(void 0, "");
@@ -8061,7 +8100,12 @@ var WavelengthDatePicker = ({
8061
8100
  name,
8062
8101
  "data-testid": "my_wl_date_input",
8063
8102
  onFocus: handleFocus,
8064
- onBlur: handleBlur,
8103
+ onBlur: () => {
8104
+ handleBlur();
8105
+ if (onBlurCallback) {
8106
+ onBlurCallback();
8107
+ }
8108
+ },
8065
8109
  onChange: handleChange,
8066
8110
  value,
8067
8111
  placeholder: " ",
@@ -8082,10 +8126,11 @@ WavelengthDatePicker.displayName = "WavelengthDatePicker";
8082
8126
  // src/components/samples/SampleComponent.tsx
8083
8127
 
8084
8128
 
8085
-
8086
8129
  var SampleComponent = ({
8087
8130
  testProp,
8088
8131
  children,
8132
+ // Style argument
8133
+ customStyle: customStyle2,
8089
8134
  ...rest
8090
8135
  // This rest operator includes className, style, onClick, etc.
8091
8136
  }) => {
@@ -8093,6 +8138,7 @@ var SampleComponent = ({
8093
8138
  _react.useEffect.call(void 0, () => {
8094
8139
  const el = ref.current;
8095
8140
  if (!el) return;
8141
+ el.customStyles = customStyle2;
8096
8142
  if (testProp !== void 0) {
8097
8143
  el.setAttribute("test-prop", testProp);
8098
8144
  }
@@ -8107,7 +8153,6 @@ SampleComponent.displayName = "SampleComponent";
8107
8153
  // src/components/MultiSelect/WavelengthMultiSelectAutocomplete.tsx
8108
8154
 
8109
8155
 
8110
-
8111
8156
  var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Options", label, name, style: style3, onChange, value, ...rest }) => {
8112
8157
  const componentRef = _react.useRef.call(void 0, null);
8113
8158
  _react.useEffect.call(void 0, () => {
@@ -8210,7 +8255,8 @@ var WavelengthMultiSelectAutocomplete = ({ options, placeholder = "Select Option
8210
8255
 
8211
8256
 
8212
8257
 
8213
- 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;
8214
8260
  /*! Bundled license information:
8215
8261
 
8216
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;
@@ -748,6 +765,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
748
765
  label?: string;
749
766
  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
750
767
  style?: StyleProp;
768
+ onBlurCallback?: () => void;
751
769
  }
752
770
  declare const WavelengthInput: React__default.ForwardRefExoticComponent<WavelengthInputProps & React__default.RefAttributes<HTMLElement & {
753
771
  validate?: () => boolean;
@@ -846,9 +864,10 @@ interface AutocompleteProps {
846
864
  id?: string;
847
865
  name?: string;
848
866
  placeholder?: string;
867
+ onBlurCallback?: () => void;
849
868
  }
850
869
  declare const WavelengthAutoComplete: {
851
- ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
870
+ ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, onBlurCallback, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
852
871
  displayName: string;
853
872
  };
854
873
 
@@ -868,14 +887,16 @@ interface DateInputProps {
868
887
  FocusLabelColor?: string;
869
888
  id?: string;
870
889
  name?: string;
890
+ onBlurCallback?: () => void;
871
891
  }
872
892
  declare const WavelengthDatePicker: {
873
- ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, }: DateInputProps): react_jsx_runtime.JSX.Element;
893
+ ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, onBlurCallback, }: DateInputProps): react_jsx_runtime.JSX.Element;
874
894
  displayName: string;
875
895
  };
876
896
 
877
897
  interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
878
898
  testProp?: string;
899
+ customStyle: StyleProp;
879
900
  }
880
901
  declare const SampleComponent: React__default.FC<SampleComponentProps>;
881
902
 
@@ -884,26 +905,26 @@ interface Option {
884
905
  value: string;
885
906
  }
886
907
  interface CustomSelectors {
887
- "&:hover"?: CSSProperties;
888
- "&:focus"?: CSSProperties;
908
+ "&:hover"?: CSSProperties$1;
909
+ "&:focus"?: CSSProperties$1;
889
910
  /**Styles the container which holds the input and label*/
890
- "& .multi-select-input-wrapper"?: CSSProperties;
911
+ "& .multi-select-input-wrapper"?: CSSProperties$1;
891
912
  /**Styles the input*/
892
- "& .multi-select-input"?: CSSProperties;
913
+ "& .multi-select-input"?: CSSProperties$1;
893
914
  /**Styles the label*/
894
- "& .multi-select-label"?: CSSProperties;
915
+ "& .multi-select-label"?: CSSProperties$1;
895
916
  /**Styles the dropdown*/
896
- "& .multi-select-dropdown"?: CSSProperties;
917
+ "& .multi-select-dropdown"?: CSSProperties$1;
897
918
  /** Styles the container that holds the options and checkbox*/
898
- "& .multi-select-option-container"?: CSSProperties;
919
+ "& .multi-select-option-container"?: CSSProperties$1;
899
920
  /**Styles the individual options*/
900
- "& .multi-select-option"?: CSSProperties;
921
+ "& .multi-select-option"?: CSSProperties$1;
901
922
  /**Styles the clear button*/
902
- "& .multi-select-clear"?: CSSProperties;
923
+ "& .multi-select-clear"?: CSSProperties$1;
903
924
  /**Styles the dropdown arrow*/
904
- "& .multi-select-arrow"?: CSSProperties;
925
+ "& .multi-select-arrow"?: CSSProperties$1;
905
926
  /**Styles the chip*/
906
- "& .multi-select-chip"?: CSSProperties;
927
+ "& .multi-select-chip"?: CSSProperties$1;
907
928
  }
908
929
  type CustomStyleProp = CustomSelectors & StyleProp;
909
930
  interface MultiSelectAutocompleteProps {
@@ -917,4 +938,4 @@ interface MultiSelectAutocompleteProps {
917
938
  }
918
939
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
919
940
 
920
- 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;
@@ -748,6 +765,7 @@ interface WavelengthInputProps extends React__default.HTMLAttributes<HTMLElement
748
765
  label?: string;
749
766
  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
750
767
  style?: StyleProp;
768
+ onBlurCallback?: () => void;
751
769
  }
752
770
  declare const WavelengthInput: React__default.ForwardRefExoticComponent<WavelengthInputProps & React__default.RefAttributes<HTMLElement & {
753
771
  validate?: () => boolean;
@@ -846,9 +864,10 @@ interface AutocompleteProps {
846
864
  id?: string;
847
865
  name?: string;
848
866
  placeholder?: string;
867
+ onBlurCallback?: () => void;
849
868
  }
850
869
  declare const WavelengthAutoComplete: {
851
- ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
870
+ ({ floatLabel, data, height, width, inputBorderStyle, inputFocusBorderColor, onDataChange, autoBackGroundColor, labelColor, focusedLabelColor, id, name, placeholder, onBlurCallback, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
852
871
  displayName: string;
853
872
  };
854
873
 
@@ -868,14 +887,16 @@ interface DateInputProps {
868
887
  FocusLabelColor?: string;
869
888
  id?: string;
870
889
  name?: string;
890
+ onBlurCallback?: () => void;
871
891
  }
872
892
  declare const WavelengthDatePicker: {
873
- ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, }: DateInputProps): react_jsx_runtime.JSX.Element;
893
+ ({ id, name, inputBorderStyle, floatLabel, labelColor, inputFocusBorderColor, FocusLabelColor, backgroundColor, height, width, min, max, inputTimeType, OnDataChange, onBlurCallback, }: DateInputProps): react_jsx_runtime.JSX.Element;
874
894
  displayName: string;
875
895
  };
876
896
 
877
897
  interface SampleComponentProps extends React__default.HTMLAttributes<HTMLElement> {
878
898
  testProp?: string;
899
+ customStyle: StyleProp;
879
900
  }
880
901
  declare const SampleComponent: React__default.FC<SampleComponentProps>;
881
902
 
@@ -884,26 +905,26 @@ interface Option {
884
905
  value: string;
885
906
  }
886
907
  interface CustomSelectors {
887
- "&:hover"?: CSSProperties;
888
- "&:focus"?: CSSProperties;
908
+ "&:hover"?: CSSProperties$1;
909
+ "&:focus"?: CSSProperties$1;
889
910
  /**Styles the container which holds the input and label*/
890
- "& .multi-select-input-wrapper"?: CSSProperties;
911
+ "& .multi-select-input-wrapper"?: CSSProperties$1;
891
912
  /**Styles the input*/
892
- "& .multi-select-input"?: CSSProperties;
913
+ "& .multi-select-input"?: CSSProperties$1;
893
914
  /**Styles the label*/
894
- "& .multi-select-label"?: CSSProperties;
915
+ "& .multi-select-label"?: CSSProperties$1;
895
916
  /**Styles the dropdown*/
896
- "& .multi-select-dropdown"?: CSSProperties;
917
+ "& .multi-select-dropdown"?: CSSProperties$1;
897
918
  /** Styles the container that holds the options and checkbox*/
898
- "& .multi-select-option-container"?: CSSProperties;
919
+ "& .multi-select-option-container"?: CSSProperties$1;
899
920
  /**Styles the individual options*/
900
- "& .multi-select-option"?: CSSProperties;
921
+ "& .multi-select-option"?: CSSProperties$1;
901
922
  /**Styles the clear button*/
902
- "& .multi-select-clear"?: CSSProperties;
923
+ "& .multi-select-clear"?: CSSProperties$1;
903
924
  /**Styles the dropdown arrow*/
904
- "& .multi-select-arrow"?: CSSProperties;
925
+ "& .multi-select-arrow"?: CSSProperties$1;
905
926
  /**Styles the chip*/
906
- "& .multi-select-chip"?: CSSProperties;
927
+ "& .multi-select-chip"?: CSSProperties$1;
907
928
  }
908
929
  type CustomStyleProp = CustomSelectors & StyleProp;
909
930
  interface MultiSelectAutocompleteProps {
@@ -917,4 +938,4 @@ interface MultiSelectAutocompleteProps {
917
938
  }
918
939
  declare const WavelengthMultiSelectAutocomplete: React__default.FC<MultiSelectAutocompleteProps>;
919
940
 
920
- 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 };