@wavelengthusaf/components 4.22.0 → 4.23.1

package/README.md

@@ -24,7 +24,6 @@ npm install @wavelengthusaf/components
 - 2/24/2026
 - Added disabled attribute to MultiSelectAutocomplete
 
-
 ### 4.1.4
 
 - 12/4/2025
@@ -40,12 +39,12 @@ npm install @wavelengthusaf/components
 - 11/12/2025
 - Modified `WavelengthAutoComplete` to expose `placeholder` prop to allow injecting a default value
 
-### 4.1.1 
+### 4.1.1
 
 - 10/27/2025
 - Normalized web component and frontend naming conventions
 
-### 4.1.0 
+### 4.1.0
 
 - 10/22/2025
 - Added WavelengthMultiSelectAutocomplete

package/dist/cjs/index.cjs

@@ -206,7 +206,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef2 = REACT_FORWARD_REF_TYPE;
-        var Fragment16 = REACT_FRAGMENT_TYPE;
+        var Fragment14 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo2 = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -265,7 +265,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef2;
-        exports.Fragment = Fragment16;
+        exports.Fragment = Fragment14;
         exports.Lazy = Lazy;
         exports.Memo = Memo2;
         exports.Portal = Portal;
@@ -4409,6 +4409,26 @@ function MuiSearch({
 }
 MuiSearch.displayName = "MuiSearch";
 
+// src/components/PageComponents/WavelengthCard.tsx
+
+
+var WavelengthCard = (props) => {
+  const ref = _react.useRef.call(void 0, null);
+  const prev = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!ref.current) return;
+    const isSame = prev.current && prev.current.title === props.title && prev.current.description === props.description && prev.current.image === props.image;
+    if (!isSame) {
+      ref.current.data = props;
+      prev.current = props;
+    }
+  }, [props.title, props.description, props.image]);
+  return _react.createElement.call(void 0, "wavelength-card", {
+    ref
+  });
+};
+WavelengthCard.displayName = "WavelengthCard";
+
 // src/components/logos/applogo/WavelengthAppLogo.tsx
 
 function WavelengthAppLogo({ width: width2, height: height2, name = "", grayscale, id }) {
@@ -5079,97 +5099,32 @@ var WavelengthWebSnackbar = ({
 
 // src/components/PageComponents/WavelengthSpinningLogo.tsx
 
-function WavelengthSpinningOuterCircle({ size, id, clip, color: color2, gradient, radius }) {
-  const clip_path = {
-    third: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clipThird", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "0%", y: "0%", width: "60%", height: "50%" }) })
-  };
-  let svg_color = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
-  if (gradient && color2 === "blue") {
-    svg_color = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: `${id}-color`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", style: { stopColor: "#24AEDF", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "33.3%", style: { stopColor: "#297BC9", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "66.6%", style: { stopColor: "#435AB1", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", style: { stopColor: "#435AB1", stopOpacity: 1 } })
-    ] });
-  } else if (gradient && color2 === "red") {
-    svg_color = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: `${id}-color`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", style: { stopColor: "#ED243A", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "33.3%", style: { stopColor: "#ED2A27", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "66.6%", style: { stopColor: "#EE522F", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", style: { stopColor: "#EE522F", stopOpacity: 1 } })
-    ] });
-  } else if (gradient && color2 === "yellow") {
-    svg_color = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "linearGradient", { id: `${id}-color`, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "0%", style: { stopColor: "#F0A63E", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "33.3%", style: { stopColor: "#FEE42C", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "66.6%", style: { stopColor: "#F8E52C", stopOpacity: 1 } }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "100%", style: { stopColor: "#F8E52C", stopOpacity: 1 } })
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      id: `${id}`,
-      style: {
-        width: size,
-        height: size,
-        margin: 0,
-        padding: 0,
-        position: "absolute"
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: size, height: size, viewBox: "0 0 100 100", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
-          clip_path[clip],
-          svg_color
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "50", cy: "50", r: radius, stroke: `url(#${id}-color)`, strokeWidth: "2", fill: "none", clipPath: "url(#clipThird)" })
-      ] })
-    }
-  );
-}
-WavelengthSpinningOuterCircle.displayName = "WavelengthSpinningOuterCircle";
-var WavelengthSpinningLogo_default = WavelengthSpinningOuterCircle;
-
-// src/components/PageComponents/WavelengthSpinningLogoComponent.tsx
 
-function WavelengthSpinningLogo({ svg = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "SVG Goes Here" }), size = 200, id = "loading" }) {
-  const loadingSymbol = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      id,
-      style: {
-        width: size,
-        height: size,
-        margin: 0,
-        padding: 0,
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            id: "wavelength-logo",
-            style: {
-              width: size,
-              height: size,
-              margin: 0,
-              padding: 0,
-              display: "block",
-              position: "absolute",
-              textAlign: "center",
-              alignContent: "center"
-            },
-            children: svg
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WavelengthSpinningLogo_default, { size, id: "inner-circle", clip: "third", color: "yellow", gradient: true, radius: 20 }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WavelengthSpinningLogo_default, { size, id: "middle-circle", clip: "third", color: "red", gradient: true, radius: 30 }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WavelengthSpinningLogo_default, { size, id: "outer-circle", clip: "third", color: "blue", gradient: true, radius: 40 })
-      ]
+var WavelengthSpinningLogo = ({ size = 100, hidden = false, paused = false }) => {
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const el = ref.current;
+    if (!el) return;
+    if (size === null) {
+      el.removeAttribute("size");
+    } else {
+      el.setAttribute("size", String(size));
     }
-  ) });
-  return loadingSymbol;
-}
+    if (hidden) {
+      el.setAttribute("hidden", "");
+    } else {
+      el.removeAttribute("hidden");
+    }
+    if (paused) {
+      el.setAttribute("paused", "");
+    } else {
+      el.removeAttribute("paused");
+    }
+  }, [size, hidden, paused]);
+  return React2.default.createElement("wavelength-spinning-logo", {
+    ref
+  });
+};
 WavelengthSpinningLogo.displayName = "WavelengthSpinningLogo";
 
 // src/components/PageComponents/WavelengthDragAndDrop.tsx
@@ -8083,7 +8038,7 @@ var ChildDataTable2 = ({ columns, data, dropdownArrowLocation, sortIcon, dropdow
       const { container } = event.detail;
       const root = dropdownRoots.current.get(container);
       if (root) {
-        root.unmount();
+        setTimeout(() => root.unmount(), 0);
         dropdownRoots.current.delete(container);
       }
     };
@@ -8094,9 +8049,13 @@ var ChildDataTable2 = ({ columns, data, dropdownArrowLocation, sortIcon, dropdow
       el.removeEventListener("action", handleAction);
       el.removeEventListener("getReactDropdown", handleReactDropdown);
       el.removeEventListener("cleanupDropdown", handleCleanupDropdown);
-      cellRoots.current.forEach((root) => root.unmount());
+      cellRoots.current.forEach((root) => {
+        setTimeout(() => root.unmount(), 0);
+      });
       cellRoots.current.clear();
-      dropdownRoots.current.forEach((root) => root.unmount());
+      dropdownRoots.current.forEach((root) => {
+        setTimeout(() => root.unmount(), 0);
+      });
       dropdownRoots.current.clear();
     };
   }, [data, onAction]);
@@ -8910,7 +8869,7 @@ WavelengthCheckboxList.displayName = "WavelengthCheckboxList";
 
 
 
-exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.MuiSearch = MuiSearch; 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.WavelengthBadge = WavelengthBadge; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCheckboxList = WavelengthCheckboxList; 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.WavelengthDialog = WavelengthDialog; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; 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.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
+exports.ButtonIcon = ButtonIcon; exports.ButtonMenu = ButtonMenu; exports.ChildDataTable = ChildDataTable2; exports.ChildDataTableElement = _webcomponents.ChildDataTable; exports.DefaultCarousel = DefaultCarousel; exports.MuiSearch = MuiSearch; 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.WavelengthBadge = WavelengthBadge; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthBannerElement = _webcomponents.WavelengthBanner; exports.WavelengthBox = WavelengthBox; exports.WavelengthButton = WavelengthButton; exports.WavelengthButtonElement = _webcomponents.WavelengthButton; exports.WavelengthCard = WavelengthCard; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthCheckboxList = WavelengthCheckboxList; 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.WavelengthDialog = WavelengthDialog; exports.WavelengthDragAndDrop = WavelengthDragAndDrop; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthDropdownButton = WavelengthDropdownButton; exports.WavelengthExampleComponent = WavelengthExampleComponent; exports.WavelengthFileDownloader = WavelengthFileDownloader; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthFooter = WavelengthFooter; exports.WavelengthForm = WavelengthForm; exports.WavelengthFormElement = _webcomponents.WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthInputElement = _webcomponents.WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthMultiSelectAutocompleteElement = _webcomponents.WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotAvailablePage = WavelengthNotAvailablePage; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPaginationElement = _webcomponents.WavelengthPagination; 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.WavelengthStandardSnackbar = WavelengthStandardSnackbar; exports.WavelengthStyledButton = WavelengthStyledButton; exports.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTestSnackbar = WavelengthTestSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthTitleBarElement = _webcomponents.WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip; exports.WavelengthWebSnackbar = WavelengthWebSnackbar; exports.add = add; exports.concat = concat; exports.findBestStringMatch = findBestStringMatch; exports.useOutsideClick = useOutsideClick; exports.useThemeContext = useThemeContext;
 /*! Bundled license information:
 
 react-is/cjs/react-is.production.min.js:

package/dist/cjs/index.d.cts

@@ -236,6 +236,16 @@ declare namespace MuiSearch {
     var displayName: string;
 }
 
+type WavelengthCardData = {
+    title?: string;
+    description?: string;
+    image?: string;
+};
+declare const WavelengthCard: {
+    (props: WavelengthCardData): JSX.Element;
+    displayName: string;
+};
+
 interface WavelengthNotAvailablePageProps {
     WavelengthAppLogoName?: string;
     errorMessage: string;
@@ -338,28 +348,15 @@ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLE
 }
 declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
 
-interface ISpinningSvgProps {
-    size: number;
-    id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
-    clip: string;
-    color: string;
-    gradient: boolean;
-    radius: number;
-}
-declare function WavelengthSpinningOuterCircle({ size, id, clip, color, gradient, radius }: ISpinningSvgProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningOuterCircle {
-    var displayName: string;
-}
-
-interface spinningLogoProps {
-    svg?: React__default.ReactNode;
-    size?: number;
-    id?: string;
-}
-declare function WavelengthSpinningLogo({ svg, size, id }: spinningLogoProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningLogo {
-    var displayName: string;
-}
+type WavelengthSpinningLogoProps = {
+    size?: number | string | null;
+    hidden?: boolean;
+    paused?: boolean;
+};
+declare const WavelengthSpinningLogo: {
+    ({ size, hidden, paused }: WavelengthSpinningLogoProps): JSX.Element;
+    displayName: string;
+};
 
 interface DragAndDropProps {
     width?: string;
@@ -1136,4 +1133,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
 }
 declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };

package/dist/esm/index.d.ts

@@ -236,6 +236,16 @@ declare namespace MuiSearch {
     var displayName: string;
 }
 
+type WavelengthCardData = {
+    title?: string;
+    description?: string;
+    image?: string;
+};
+declare const WavelengthCard: {
+    (props: WavelengthCardData): JSX.Element;
+    displayName: string;
+};
+
 interface WavelengthNotAvailablePageProps {
     WavelengthAppLogoName?: string;
     errorMessage: string;
@@ -338,28 +348,15 @@ interface WavelengthWebSnackbarProps extends React__default.HTMLAttributes<HTMLE
 }
 declare const WavelengthWebSnackbar: React__default.FC<WavelengthWebSnackbarProps>;
 
-interface ISpinningSvgProps {
-    size: number;
-    id: "outer-circle" | "middle-circle" | "inner-circle" | "spinning";
-    clip: string;
-    color: string;
-    gradient: boolean;
-    radius: number;
-}
-declare function WavelengthSpinningOuterCircle({ size, id, clip, color, gradient, radius }: ISpinningSvgProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningOuterCircle {
-    var displayName: string;
-}
-
-interface spinningLogoProps {
-    svg?: React__default.ReactNode;
-    size?: number;
-    id?: string;
-}
-declare function WavelengthSpinningLogo({ svg, size, id }: spinningLogoProps): react_jsx_runtime.JSX.Element;
-declare namespace WavelengthSpinningLogo {
-    var displayName: string;
-}
+type WavelengthSpinningLogoProps = {
+    size?: number | string | null;
+    hidden?: boolean;
+    paused?: boolean;
+};
+declare const WavelengthSpinningLogo: {
+    ({ size, hidden, paused }: WavelengthSpinningLogoProps): JSX.Element;
+    displayName: string;
+};
 
 interface DragAndDropProps {
     width?: string;
@@ -1136,4 +1133,4 @@ interface WavelengthCheckboxListProps extends React__default.HTMLAttributes<HTML
 }
 declare const WavelengthCheckboxList: React__default.FC<WavelengthCheckboxListProps>;
 
-export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthSpinningOuterCircle, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };
+export { ButtonIcon, ButtonMenu, ChildDataTable, DefaultCarousel, type IFileSelectedEventDetail, MuiSearch, type NavItem, NestedDataTable, SampleComponent, type SearchProps, type SearchResult, SliderCardCarousel, type StyledButtonPropsTwo, type ThemeProperties, WavelengthAccessAlert, WavelengthAlert, WavelengthAppLogo, WavelengthAppTheme, WavelengthAutoComplete, WavelengthAutocomplete, WavelengthBadge, type WavelengthBadgeProps, WavelengthBanner, WavelengthBox, WavelengthButton, WavelengthCard, WavelengthCheckbox, WavelengthCheckboxList, WavelengthCommentDisplay, WavelengthConfirmationModal, WavelengthContentModal, WavelengthContentPlaceholder, WavelengthDataTable, WavelengthDatePicker, WavelengthDefaultIcon, WavelengthDefaultPagination, WavelengthDialog, WavelengthDragAndDrop, WavelengthDropdown, WavelengthDropdownButton, WavelengthExampleComponent, WavelengthFileDownloader, WavelengthFileDropZone, type WavelengthFileDropZoneProps, WavelengthFooter, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, type WavelengthNavBarProps, WavelengthNotAvailablePage, WavelengthNotificationPanel, WavelengthPagination, WavelengthPermissionAlert, WavelengthPlaneTrail, WavelengthPopUpMenu, WavelengthProgressBar, WavelengthSearch, WavelengthSearchTextField, WavelengthSideBar, type WavelengthSideBarProps, WavelengthSlider, WavelengthSnackbar, WavelengthSpinningLogo, WavelengthStandardSnackbar, WavelengthStyledButton, WavelengthSwitch, WavelengthTestSnackbar, WavelengthTitleBar, WavelengthToolTip, WavelengthWebSnackbar, type WavelengthWebSnackbarProps, add, concat, findBestStringMatch, useOutsideClick, useThemeContext };