@lightsparkdev/ui 1.1.10 → 1.1.12

package/dist/{chunk-M45ZHVBH.cjs → chunk-HFWJFUVZ.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPXDYQ6O4cjs = require('./chunk-PXDYQ6O4.cjs');
+var _chunkGPEJBX7Icjs = require('./chunk-GPEJBX7I.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/documentation/AnchorLinkHeader.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkPXDYQ6O4cjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkGPEJBX7Icjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkWF7Z2VITcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkX6AJB6TLcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-Y45PAGZ2.cjs → chunk-HG353CME.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRKH2QFA7cjs = require('./chunk-RKH2QFA7.cjs');
+var _chunkG5H7DC2Fcjs = require('./chunk-G5H7DC2F.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKH2QFA7cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG5H7DC2Fcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/chunk-HHR4QZXY.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronLeft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronLeft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M15 4L7.70711 11.2929C7.31658 11.6834 7.31658 12.3166 7.70711 12.7071L15 20",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) });
+}
+
+
+
+exports.ChevronLeft = ChevronLeft;

package/dist/chunk-HRAYQERH.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronRightXs.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronRightXs({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M10 16L13.6464 12.3536C13.8417 12.1583 13.8417 11.8417 13.6464 11.6464L10 8",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      vectorEffect: "non-scaling-stroke"
+    }
+  ) });
+}
+
+
+
+exports.ChevronRightXs = ChevronRightXs;

package/dist/{chunk-DSFNKYH6.js → chunk-HU5MYH2I.js}

@@ -1,15 +1,15 @@
-import {
-  UnstyledButton
-} from "./chunk-5NUOBJXP.js";
 import {
   Tooltip
-} from "./chunk-RO7YTILY.js";
+} from "./chunk-SBZTKWLK.js";
+import {
+  UnstyledButton
+} from "./chunk-DTJWFL32.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   __async
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/CopyToClipboardButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TH42CNH3.js → chunk-HVI5KOQY.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-EZI6E6UO.js";
+} from "./chunk-DLXRHZR3.js";
 import {
   toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-W5YKSN4C.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";

package/dist/{chunk-2C7DZIDY.js → chunk-HXEOFTXC.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-VAH342U2.js";
+} from "./chunk-EE47JMIS.js";
 import {
   getTypographyString
-} from "./chunk-KCUSJWDZ.js";
+} from "./chunk-FXKLW6CU.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-M7P5MYNB.js → chunk-I23RZ2XE.js}

@@ -1,14 +1,14 @@
-import {
-  useNumberInput
-} from "./chunk-T6Q43UMB.js";
 import {
   TextInput
-} from "./chunk-H5MRGJQP.js";
+} from "./chunk-MJ7G5LAD.js";
+import {
+  useNumberInput
+} from "./chunk-5JN74UVP.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/NumberInput.tsx
 import { useCallback, useRef } from "react";

package/dist/{chunk-JDED27A4.cjs → chunk-I4TZXJFU.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/hooks/useFields.tsx
 var _core = require('@uma-sdk/core');
@@ -19,14 +19,16 @@ var defaultMsgs = {
   required: "This field is required.",
   umaAddress: "Please enter a valid UMA address.",
   matchesField: "Target field does not match.",
-  clabe: "Please enter a valid CLABE."
+  clabe: "Please enter a valid CLABE.",
+  upi: "Please enter a valid UPI."
 };
 var regexp = {
   phone: /^[2-9]{1}[0-9]{9}$/,
   postalCode: /(^\d{5}$)|(^\d{5}-\d{4}$)/,
   email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
   state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/,
-  clabe: /^[0-9]{18}$/
+  clabe: /^[0-9]{18}$/,
+  upi: /^[a-zA-Z0-9.\-_]{2,256}@[a-zA-Z]{2,64}$/
 };
 var v = {
   email: (msg = defaultMsgs.email) => (value) => !regexp.email.test(value) ? msg : false,
@@ -37,6 +39,7 @@ var v = {
   code: (msg = defaultMsgs.code) => (value) => value.trim().length !== 8 ? msg : false,
   umaAddress: (msg = defaultMsgs.umaAddress) => (value) => !_core.isValidUmaAddress.call(void 0, value) ? msg : false,
   clabe: (msg = defaultMsgs.clabe) => (value) => !regexp.clabe.test(value) ? msg : false,
+  upi: (msg = defaultMsgs.upi) => (value) => !regexp.upi.test(value) ? msg : false,
   required: (msg = defaultMsgs.required) => (value) => value.trim() === "" ? msg : false,
   min: (msg, minLength = 3) => (value) => {
     const len = typeof minLength === "number" ? minLength : 3;
@@ -107,22 +110,22 @@ function getFirstFieldError(fieldName, fieldValue, fields, validatorsArg) {
 }
 function reduceToUndef(fields) {
   return Object.keys(fields).reduce(
-    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: void 0 }),
+    (acc, key) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), { [key]: void 0 }),
     {}
   );
 }
 function reduceToFalse(fields) {
   return Object.keys(fields).reduce(
-    (acc, key) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: false }),
+    (acc, key) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), { [key]: false }),
     {}
   );
 }
 function reduceToFields(fields) {
   return Object.entries(fields).reduce((acc, [key, fieldValueArg]) => {
     if (typeof fieldValueArg === "string") {
-      return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg });
+      return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg });
     }
-    return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg[0] });
+    return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), { [key]: fieldValueArg[0] });
   }, {});
 }
 function useFields(defaultFieldsFn, deps = []) {
@@ -144,7 +147,7 @@ function useFields(defaultFieldsFn, deps = []) {
         customValidators
       );
       if (blurredFields[fieldName]) {
-        setFieldErrors((currentFieldErrors) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, currentFieldErrors), {
+        setFieldErrors((currentFieldErrors) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currentFieldErrors), {
           [fieldName]: fieldError
         }));
       }
@@ -162,7 +165,7 @@ function useFields(defaultFieldsFn, deps = []) {
   );
   const setFieldBlurred = _react.useCallback.call(void 0, 
     (fieldName) => {
-      const newBlurredFields = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, blurredFields), {
+      const newBlurredFields = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, blurredFields), {
         [fieldName]: true
       });
       setBlurredFields(newBlurredFields);
@@ -187,13 +190,13 @@ function useFields(defaultFieldsFn, deps = []) {
         const formatted = Object.entries(updatedFields).reduce(
           (acc, [key, value]) => {
             const val = typeof value === "string" ? value : Array.isArray(value) && typeof value[0] === "string" ? value[0] : "";
-            return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, acc), {
+            return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, acc), {
               [key]: formatValue(key, val)
             });
           },
           {}
         );
-        const updated = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, latestFields), formatted);
+        const updated = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, latestFields), formatted);
         const fieldsChanged = JSON.stringify(updated) !== JSON.stringify(latestFields);
         return fieldsChanged ? updated : latestFields;
       });
@@ -253,7 +256,7 @@ function useFields(defaultFieldsFn, deps = []) {
     allFieldsValid,
     fieldErrors,
     /* needs to be a new object to ensure downstream effects are notified on updates: */
-    fields: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, fields),
+    fields: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, fields),
     mergeWithFields,
     setFieldBlurred,
     getSetFieldBlurred,

package/dist/{chunk-C4X6HNCA.js → chunk-I6KZ6OZC.js}

@@ -1,45 +1,51 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   MultiToggle
-} from "./chunk-UWAU4HGV.js";
+} from "./chunk-5KV7AF7A.js";
 import {
   Toggle
-} from "./chunk-JXEBM5BK.js";
+} from "./chunk-NTKDEHMH.js";
+import {
+  Flex
+} from "./chunk-GQPSXKNA.js";
 import {
   Button
-} from "./chunk-SIPHI6JZ.js";
+} from "./chunk-LTHYR4CT.js";
 import {
   UnstyledButton
-} from "./chunk-5NUOBJXP.js";
+} from "./chunk-DTJWFL32.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  toReactNodes
+} from "./chunk-W5YKSN4C.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 import {
   Link
-} from "./chunk-SWMGDTQN.js";
+} from "./chunk-X5XLAM3D.js";
 import {
   themeOr
-} from "./chunk-VAH342U2.js";
+} from "./chunk-EE47JMIS.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Dropdown.tsx
 import { css, useTheme } from "@emotion/react";
@@ -52,7 +58,7 @@ import {
   useState
 } from "react";
 import ReactDOM from "react-dom";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
 function Dropdown({
   button,
   dropdownItems,
@@ -68,8 +74,10 @@ function Dropdown({
   minDropdownItemsWidth = 200,
   maxDropdownItemsWidth = 300,
   align = "center",
+  dropdownItemOffsetTop: dropdownItemOffsetTopProp = 0,
   verticalPlacement = "bottom",
   footer = null,
+  getFooterCSS,
   dropdownContent = null,
   borderRadius = 8
 }) {
@@ -210,8 +218,8 @@ function Dropdown({
     onClickDropdownItems && onClickDropdownItems();
   }, [onClickDropdownItems, setOpen]);
   const dropdownTopMargin = 8;
-  let dropdownItemOffsetTop = dropdownCoords.top + dropdownButtonHeight + dropdownTopMargin;
-  let dropdownItemOffsetLeft = 0;
+  let dropdownItemOffsetTop = dropdownCoords.top + dropdownButtonHeight + dropdownTopMargin + dropdownItemOffsetTopProp;
+  let dropdownItemOffsetLeft = dropdownCoords.left;
   if (align === "center") {
     dropdownItemOffsetLeft = dropdownCoords.left - (dropdownItemsWidth - dropdownButtonWidth) / 2;
   } else if (align === "right") {
@@ -259,6 +267,7 @@ function Dropdown({
   }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   const dropdownItemsCSS = getDropdownItemsCSS && getDropdownItemsCSS({ isOpen, theme });
+  const footerCSS = getFooterCSS && getFooterCSS({ isOpen, theme });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -285,12 +294,14 @@ function Dropdown({
                     DropdownItem,
                     {
                       dropdownItem,
-                      onClick: handleClickDropdownItems
+                      dropdownButtonHeight,
+                      onClick: handleClickDropdownItems,
+                      getDropdownCss: getCSS
                     }
-                  ) }, dropdownItem.label);
+                  ) }, dropdownItem.to);
                 }),
                 dropdownContent,
-                footer && /* @__PURE__ */ jsx(DropdownFooter, { children: footer })
+                footer && /* @__PURE__ */ jsx(DropdownFooter, __spreadProps(__spreadValues({}, footerCSS && { css: footerCSS }), { children: footer }))
               ]
             }
           ),
@@ -301,9 +312,11 @@ function Dropdown({
   );
 }
 var DropdownFooter = styled.div`
-  padding: 24px 16px 0;
-  border-top: 1px solid ${({ theme }) => theme.c2Neutral};
-  margin-top: 16px;
+  ${({ css: css2, theme }) => css2 ? css2 : `
+    padding: 24px 16px 0;
+    border-top: 1px solid ${theme.c2Neutral};
+    margin-top: 16px;
+  `}
 `;
 var DropdownItems = styled.ul`
   ${overlaySurface}
@@ -320,15 +333,22 @@ var DropdownItems = styled.ul`
   list-style: none;
   margin: 0;
 `;
-function DropdownItem({ dropdownItem, onClick }) {
+function DropdownItem({
+  dropdownItem,
+  dropdownButtonHeight,
+  onClick,
+  getDropdownCss
+}) {
   const theme = useTheme();
+  const [showSubDropdown, setShowSubDropdown] = useState(false);
+  const iconSide = dropdownItem.iconSide || "left";
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ jsx(
     Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
-      mr: 10
+      mr: iconSide === "left" ? 10 : 0
     }
   ) : null;
   const cssProp2 = dropdownItem.getCSS && dropdownItem.getCSS({ theme, dropdownItem });
@@ -336,8 +356,24 @@ function DropdownItem({ dropdownItem, onClick }) {
     dropdownItem.onClick && dropdownItem.onClick(dropdownItem);
     onClick && onClick();
   }, [dropdownItem, onClick]);
+  const onMouseEnter = useCallback(() => {
+    dropdownItem.subDropdown && setShowSubDropdown(true);
+  }, [dropdownItem]);
+  const onMouseLeave = useCallback(() => {
+    dropdownItem.subDropdown && setShowSubDropdown(false);
+  }, [dropdownItem]);
+  const iconAndLabel = /* @__PURE__ */ jsxs(Fragment, { children: [
+    iconSide === "left" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      dropdownItemIconNode,
+      toReactNodes(dropdownItem.label)
+    ] }),
+    iconSide === "right" && /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", width: "100%", children: [
+      toReactNodes(dropdownItem.label),
+      dropdownItemIconNode
+    ] })
+  ] });
   if (dropdownItem.to !== void 0 || dropdownItem.externalLink) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(
       DropdownItemLink,
       {
         selected: Boolean(dropdownItem.selected),
@@ -347,30 +383,53 @@ function DropdownItem({ dropdownItem, onClick }) {
         onClick: onClickDropdownItem,
         css: cssProp2,
         hash: dropdownItem.hash,
-        children: [
-          dropdownItemIconNode,
-          dropdownItem.label
-        ]
+        children: iconAndLabel
       }
     );
   }
   if (dropdownItem.toggle) {
     return /* @__PURE__ */ jsxs(DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
-      dropdownItemIconNode,
-      dropdownItem.label,
+      iconAndLabel,
       /* @__PURE__ */ jsx("div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ jsx(MultiToggle, __spreadValues({}, dropdownItem.toggle)) : /* @__PURE__ */ jsx(Toggle, __spreadValues({}, dropdownItem.toggle)) })
     ] });
   }
-  return /* @__PURE__ */ jsxs(
+  if (dropdownItem.subDropdown) {
+    const DropdownComponent = dropdownItem.subDropdown.customDropdown || Dropdown;
+    return /* @__PURE__ */ jsxs(
+      DropdownItemDiv,
+      {
+        selected: false,
+        css: cssProp2,
+        onMouseEnter,
+        onMouseLeave,
+        children: [
+          iconAndLabel,
+          /* @__PURE__ */ jsx(
+            DropdownComponent,
+            {
+              button: {
+                label: "",
+                getCSS: getDropdownCss
+              },
+              dropdownItems: dropdownItem.subDropdown.subItems,
+              align: "left",
+              dropdownItemOffsetTop: -dropdownButtonHeight,
+              isOpen: showSubDropdown,
+              onOpen: () => setShowSubDropdown(true),
+              onClose: () => setShowSubDropdown(false)
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
     DropdownItemDiv,
     {
       selected: false,
       css: cssProp2,
       onClick: onClickDropdownItem,
-      children: [
-        dropdownItemIconNode,
-        dropdownItem.label
-      ]
+      children: iconAndLabel
     }
   );
 }

package/dist/chunk-IIB3Z36Q.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkAF67FQ4Zcjs = require('./chunk-AF67FQ4Z.cjs');
+
+
+var _chunkDIRSPH6Acjs = require('./chunk-DIRSPH6A.cjs');
+
+
+var _chunkMA4TAJR3cjs = require('./chunk-MA4TAJR3.cjs');
+
+
+var _chunkXHIUWLTCcjs = require('./chunk-XHIUWLTC.cjs');
+
+
+var _chunkUPQXK6TFcjs = require('./chunk-UPQXK6TF.cjs');
+
+
+var _chunkD4G7AKPXcjs = require('./chunk-D4G7AKPX.cjs');
+
+// src/components/DataManagerTable/utils.ts
+function isEnumFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "enum" /* ENUM */ && _chunkDIRSPH6Acjs.isEnumFilterState.call(void 0, filterAndState.state);
+}
+function isBooleanFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "boolean" /* BOOLEAN */ && _chunkUPQXK6TFcjs.isBooleanFilterState.call(void 0, filterAndState.state);
+}
+function isCurrencyFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "currency" /* CURRENCY */ && _chunkD4G7AKPXcjs.isCurrencyFilterState.call(void 0, filterAndState.state);
+}
+function isDateFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "date" /* DATE */ && _chunkAF67FQ4Zcjs.isDateFilterState.call(void 0, filterAndState.state);
+}
+function isIdFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "id" /* ID */ && _chunkMA4TAJR3cjs.isIdFilterState.call(void 0, filterAndState.state);
+}
+function isStringFilterAndState(filterAndState) {
+  return filterAndState.filter.type === "string" /* STRING */ && _chunkXHIUWLTCcjs.isStringFilterState.call(void 0, filterAndState.state);
+}
+
+
+
+
+
+
+
+
+exports.isEnumFilterAndState = isEnumFilterAndState; exports.isBooleanFilterAndState = isBooleanFilterAndState; exports.isCurrencyFilterAndState = isCurrencyFilterAndState; exports.isDateFilterAndState = isDateFilterAndState; exports.isIdFilterAndState = isIdFilterAndState; exports.isStringFilterAndState = isStringFilterAndState;

package/dist/chunk-IYVDHOSW.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+
+
+
+var _chunkHDWV5YVDcjs = require('./chunk-HDWV5YVD.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Display.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Display(props) {
+  const propsWithDefaults = _chunkHDWV5YVDcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHDWV5YVDcjs.StyledDisplay, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Display = Display;

package/dist/{chunk-CBHJZ4S2.cjs → chunk-J6JCD4WC.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');
+var _chunkNMFG6FLIcjs = require('./chunk-NMFG6FLI.cjs');
 
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/SecretInput.tsx
 var _react = require('react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function SecretInput(_a) {
-  var rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, []);
+  var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkILBP4CTUcjs.TextInput,
-    _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), {
+    _chunkNMFG6FLIcjs.TextInput,
+    _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),
       icon: {