@lightsparkdev/ui 1.0.16 → 1.1.0

package/dist/{chunk-D6VVIK2Q.cjs → chunk-PXT6C4F7.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNOKX2NI3cjs = require('./chunk-NOKX2NI3.cjs');
+var _chunk43EQF4CGcjs = require('./chunk-43EQF4CG.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
+var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkZM4IBPV6cjs = require('./chunk-ZM4IBPV6.cjs');
+var _chunk2L6PVYRNcjs = require('./chunk-2L6PVYRN.cjs');
 
 
-var _chunk7PPCT47Icjs = require('./chunk-7PPCT47I.cjs');
+var _chunkVK4EJLJ6cjs = require('./chunk-VK4EJLJ6.cjs');
 
 
-var _chunkSJVTBUC6cjs = require('./chunk-SJVTBUC6.cjs');
+var _chunk6X6QKELEcjs = require('./chunk-6X6QKELE.cjs');
 
 
-var _chunkLLGI7HWMcjs = require('./chunk-LLGI7HWM.cjs');
 
+var _chunkTBJKNYG4cjs = require('./chunk-TBJKNYG4.cjs');
 
 
-var _chunkZNT5FTBTcjs = require('./chunk-ZNT5FTBT.cjs');
+var _chunkNXLHWPSHcjs = require('./chunk-NXLHWPSH.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -34,7 +34,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkTBZZXLAMcjs = require('./chunk-TBZZXLAM.cjs');
 
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,51 +52,51 @@ function Article({ defaultTypography, children }) {
 var StyledArticle = _styled2.default.article`
   ${({ theme, type, size }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkSJVTBUC6cjs.displaySelector.call(void 0, "h1")} {
+  ${_chunk6X6QKELEcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkZNT5FTBTcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkTBJKNYG4cjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkLLGI7HWMcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkNXLHWPSHcjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkNOKX2NI3cjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunk43EQF4CGcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,7 +110,7 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkZNT5FTBTcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZM4IBPV6cjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk7PPCT47Icjs.StyledCode)})
+  *:not(${_chunkTBJKNYG4cjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk2L6PVYRNcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkVK4EJLJ6cjs.StyledCode)})
     > a {
     ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
@@ -136,14 +136,14 @@ var StyledArticle = _styled2.default.article`
 
   code:not([class|="language"]) {
     ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkZBLXVPL4cjs.colors.grayBlue94};
+    background: ${_chunkQYVQII3Icjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -154,7 +154,7 @@ var StyledArticle = _styled2.default.article`
   code[class|="language"] {
     ${({ theme }) => _chunkTBZZXLAMcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
+    ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/chunk-Q7QLDLNL.js

@@ -0,0 +1,33 @@
+// src/icons/central/ArrowLeft.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowLeft({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10 5.75L3.75 12L10 18.25M4.5 12H20.25",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowLeft
+};

package/dist/chunk-QAAKCTKH.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/CircleQuestionmark.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CircleQuestionmark({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.75 9.25C10.5 7 14.25 7.19156 14.25 9.54132C14.25 11.2008 12 11.4614 12 13.25M12 16V15.99M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12ZM12.25 16C12.25 16.1381 12.1381 16.25 12 16.25C11.8619 16.25 11.75 16.1381 11.75 16C11.75 15.8619 11.8619 15.75 12 15.75C12.1381 15.75 12.25 15.8619 12.25 16Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CircleQuestionmark = CircleQuestionmark;

package/dist/chunk-QBP5TG5J.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronBottomXs.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronBottomXs({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M8 10L12 14L16 10",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ChevronBottomXs = ChevronBottomXs;

package/dist/chunk-QCIMEP2I.js

@@ -0,0 +1,33 @@
+// src/icons/central/Group3.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Group3({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M17.7498 19.25H21.4228C22.0042 19.25 22.468 18.754 22.3704 18.1808C21.8389 15.0624 20.0189 12.75 16.9998 12.75C16.5537 12.75 16.1338 12.8005 15.7404 12.8966M11.2497 7C11.2497 8.79493 9.79461 10.25 7.99969 10.25C6.20476 10.25 4.74969 8.79493 4.74969 7C4.74969 5.20507 6.20476 3.75 7.99969 3.75C9.79461 3.75 11.2497 5.20507 11.2497 7ZM7.99969 13.25C4.20408 13.25 1.43361 15.7735 0.671244 19.1657C0.542047 19.7406 1.00886 20.25 1.59812 20.25H14.4013C14.9905 20.25 15.4573 19.7406 15.3281 19.1657C14.5658 15.7735 11.7953 13.25 7.99969 13.25ZM19.2497 7C19.2497 8.79493 17.7946 10.25 15.9997 10.25C14.2048 10.25 12.7497 8.79493 12.7497 7C12.7497 5.20507 14.2048 3.75 15.9997 3.75C17.7946 3.75 19.2497 5.20507 19.2497 7Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Group3
+};

package/dist/{chunk-FPHG4JBT.cjs → chunk-QFWFZDKI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXGZRFLNPcjs = require('./chunk-XGZRFLNP.cjs');
+var _chunkEZRJ2DD2cjs = require('./chunk-EZRJ2DD2.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXGZRFLNPcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEZRJ2DD2cjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-IHPPW7AC.js → chunk-QH47F6N3.js}

@@ -3,16 +3,20 @@ import { jsx } from "@emotion/react/jsx-runtime";
 function BitcoinB({
   strokeWidth = "1.125",
   strokeLinecap = "round",
-  strokeLinejoin = "round"
+  strokeLinejoin = "round",
+  square = false
 }) {
+  const viewBox = square ? "0 0 13 13" : "0 0 9 13";
+  const transform = square ? "translate(2,0)" : "";
   return /* @__PURE__ */ jsx(
     "svg",
     {
       width: "100%",
-      viewBox: "0 0 9 13",
+      viewBox,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsx(
+      preserveAspectRatio: "xMidYMid meet",
+      children: /* @__PURE__ */ jsx("g", { transform, children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M2.52899 2.51568H1M2.52899 2.51568V6.30488M2.52899 2.51568H3.12195M2.52899 6.30488H6.25472M2.52899 6.30488V10.0941M6.25472 6.30488C7.61193 6.30488 8.42683 7.15312 8.42683 8.19948C8.42683 9.24584 7.61193 10.0941 6.25472 10.0941M6.25472 6.30488C7.61193 6.30488 8.42683 5.45664 8.42683 4.41028C8.42683 3.36392 7.61193 2.51568 6.25472 2.51568M6.25472 10.0941V11.875M6.25472 10.0941H3.12195M2.52899 10.0941H1M2.52899 10.0941H3.12195M6.25472 2.51568V1M6.25472 2.51568H3.12195M3.12195 1V2.51568M3.12195 10.0941V11.875",
@@ -21,7 +25,7 @@ function BitcoinB({
           strokeLinecap,
           strokeLinejoin
         }
-      )
+      ) })
     }
   );
 }

package/dist/{chunk-2V6UQOXN.cjs → chunk-QRRADIPN.cjs}

@@ -3,32 +3,41 @@
 var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
-var _chunkXN3B6TCZcjs = require('./chunk-XN3B6TCZ.cjs');
+var _chunkRLHTMCRJcjs = require('./chunk-RLHTMCRJ.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
+
+
+var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+
+
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
+var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -50,6 +59,7 @@ function Dropdown({
   horizontalScrollRef,
   onClickDropdownItems,
   getCSS,
+  isOpen: isOpenProp,
   onOpen,
   onClose,
   closeOnScroll = false,
@@ -58,10 +68,11 @@ function Dropdown({
   maxDropdownItemsWidth = 300,
   align = "center",
   footer = null,
-  dropdownContent = null
+  dropdownContent = null,
+  borderRadius = 8
 }) {
   const theme = _react.useTheme.call(void 0, );
-  const [isOpen, setIsOpen] = _react3.useState.call(void 0, false);
+  const [isOpen, setIsOpen] = _react3.useState.call(void 0, isOpenProp || false);
   const [dropdownButtonHeight, setDropdownButtonHeight] = _react3.useState.call(void 0, 0);
   const [dropdownButtonWidth, setDropdownButtonWidth] = _react3.useState.call(void 0, 0);
   const [dropdownCoords, setDropdownCoords] = _react3.useState.call(void 0, {
@@ -70,11 +81,16 @@ function Dropdown({
     right: 0
   });
   const dropdownRef = _react3.useRef.call(void 0, null);
-  const dropdownButtonRef = _react3.useRef.call(void 0, null);
+  const [dropdownButtonRef, dropdownButtonRefCb] = _chunkKL5ZQSVOcjs.useLiveRef.call(void 0, );
   const dropdownItemsRef = _react3.useRef.call(void 0, null);
   const [dropdownItemsWidth, setDropdownItemsWidth] = _react3.useState.call(void 0, 0);
   const nodeRef = _react3.useRef.call(void 0, null);
   const [nodeReady, setNodeReady] = _react3.useState.call(void 0, false);
+  _react3.useEffect.call(void 0, () => {
+    if (isOpenProp !== void 0) {
+      setIsOpen(isOpenProp);
+    }
+  }, [isOpenProp]);
   _react3.useEffect.call(void 0, () => {
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
@@ -114,12 +130,6 @@ function Dropdown({
       setOpen(false);
     }
   }
-  const handleRef = _react3.useCallback.call(void 0, (ref) => {
-    if (ref && !dropdownButtonRef.current) {
-      dropdownButtonRef.current = ref;
-    }
-    return ref;
-  }, []);
   _react3.useEffect.call(void 0, () => {
     function handleClickOutside(event) {
       const targetOutsideDropdownItems = dropdownItemsRef.current && !dropdownItemsRef.current.contains(event.target);
@@ -132,7 +142,7 @@ function Dropdown({
     return () => {
       window.document.removeEventListener("mousedown", handleClickOutside);
     };
-  }, [isOpen, setOpen]);
+  }, [isOpen, setOpen, dropdownButtonRef]);
   const reposition = _react3.useCallback.call(void 0, () => {
     if (dropdownButtonRef.current && dropdownItemsRef.current) {
       const dropdownButtonRect = dropdownButtonRef.current.getBoundingClientRect();
@@ -146,7 +156,7 @@ function Dropdown({
       const dropdownItemsRect = dropdownItemsRef.current.getBoundingClientRect();
       setDropdownItemsWidth(dropdownItemsRect.width);
     }
-  }, []);
+  }, [dropdownButtonRef]);
   _react3.useLayoutEffect.call(void 0, () => {
     function onWindowResize() {
       setOpen(false);
@@ -184,7 +194,13 @@ function Dropdown({
       navItemsResizeObserver == null ? void 0 : navItemsResizeObserver.disconnect();
       dropdownResizeObserver == null ? void 0 : dropdownResizeObserver.disconnect();
     };
-  }, [setOpen, horizontalScrollRef, closeOnScroll, reposition]);
+  }, [
+    setOpen,
+    horizontalScrollRef,
+    closeOnScroll,
+    reposition,
+    dropdownButtonRef
+  ]);
   const handleClickDropdownItems = _react3.useCallback.call(void 0, () => {
     setOpen(false);
     onClickDropdownItems && onClickDropdownItems();
@@ -197,7 +213,43 @@ function Dropdown({
   } else if (align === "right") {
     dropdownItemOffsetLeft = dropdownCoords.right - dropdownItemsWidth;
   }
-  const buttonContent = button.label || button.getContent && button.getContent({ isOpen, theme });
+  const commonButtonProps = {
+    id: button.id,
+    type: "button",
+    onMouseEnter: () => {
+      if (openOnHover) {
+        reposition();
+        setOpen(true);
+      }
+    },
+    onMouseLeave: () => {
+      if (openOnHover) {
+        setOpen(false);
+      }
+    },
+    onMouseDown: () => {
+      reposition();
+      setOpen(!isOpen);
+    },
+    onKeyDown: handleKeyDown,
+    onFocus: () => {
+      reposition();
+      setOpen(true);
+    },
+    onBlur: handleBlur,
+    ref: dropdownButtonRefCb
+  };
+  const commonUnstyledButtonProps = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
+    css: "getCSS" in button && button.getCSS ? button.getCSS({ isOpen, theme }) : void 0
+  });
+  let buttonNode = null;
+  if ("label" in button) {
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.label }));
+  } else if ("getContent" in button) {
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
+  } else {
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UFYMBJKcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+  }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
@@ -205,33 +257,7 @@ function Dropdown({
       css: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { position: "relative", display: "inline-flex" }, containerCSS),
       ref: dropdownRef,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          DropdownButton,
-          {
-            id: button.id,
-            type: "button",
-            onMouseEnter: openOnHover ? () => {
-              reposition();
-              setOpen(true);
-            } : void 0,
-            onMouseLeave: openOnHover ? () => {
-              setOpen(false);
-            } : void 0,
-            onMouseDown: (e) => {
-              reposition();
-              setOpen(!isOpen);
-            },
-            onKeyDown: handleKeyDown,
-            onFocus: (e) => {
-              reposition();
-              setOpen(true);
-            },
-            onBlur: handleBlur,
-            ref: handleRef,
-            css: button.getCSS && button.getCSS({ isOpen, theme }),
-            children: buttonContent
-          }
-        ),
+        buttonNode,
         nodeReady && nodeRef.current ? _reactdom2.default.createPortal(
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             DropdownItems,
@@ -242,6 +268,8 @@ function Dropdown({
               ref: dropdownItemsRef,
               minWidth: minDropdownItemsWidth,
               maxWidth: maxDropdownItemsWidth,
+              hasItems: dropdownItems ? dropdownItems.length > 0 : false,
+              borderRadius,
               children: [
                 dropdownItems == null ? void 0 : dropdownItems.map((dropdownItem, i) => {
                   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { onBlur: handleBlur, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -269,10 +297,10 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunk2KKFVDUDcjs.overlaySurface}
-  color: ${({ theme }) => _chunkEUDYMZXOcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
-  padding: 12px 0;
+  ${_chunkFPQ2OUYXcjs.overlaySurface}
+  color: ${({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
   ${({ minWidth }) => minWidth ? `min-width: ${minWidth}px;` : ""}
@@ -287,7 +315,7 @@ function DropdownItem({ dropdownItem, onClick }) {
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkAPCRRZMTcjs.Icon,
+    _chunk6Z6ZBZEJcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -321,7 +349,7 @@ function DropdownItem({ dropdownItem, onClick }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       dropdownItemIconNode,
       dropdownItem.label,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXN3B6TCZcjs.IconToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRLHTMCRJcjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk74SBZBYAcjs.Toggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -337,8 +365,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
-  ${_chunk2KKFVDUDcjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+  ${_chunkFPQ2OUYXcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -369,12 +397,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunk2KKFVDUDcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkFPQ2OUYXcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRLTFMTRWcjs.Link,
+    _chunkI4L4UO26cjs.Link,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -382,7 +410,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunk2KKFVDUDcjs.standardFocusOutline}
+  ${_chunkFPQ2OUYXcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-SR7X3E5F.js → chunk-QSHSTJDS.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-HOGSXW62.js";
+} from "./chunk-DJOYSVI3.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4J7R6IXE.cjs → chunk-QTV4Q3UB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
-var _chunkZM4IBPV6cjs = require('./chunk-ZM4IBPV6.cjs');
+var _chunk2L6PVYRNcjs = require('./chunk-2L6PVYRN.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkZM4IBPV6cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk2L6PVYRNcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZM4IBPV6cjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2L6PVYRNcjs.StyledTitle, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }