@lightsparkdev/ui 1.1.6 → 1.1.7

package/dist/{chunk-CCPBJ5FG.cjs → chunk-RLNRSFMM.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
+var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkWOQGGHYScjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunkM3XFUYAIcjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkWOQGGHYScjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/chunk-ROAHSKEU.js

@@ -0,0 +1,32 @@
+// src/icons/central/TradingViewCandles.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function TradingViewCandles({
+  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: "M7 3V10M7 10H4V18H7M7 10H10V18H7M7 18V21M17 3V6M17 6H14V18H17M17 6H20V18H17M17 18V21",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  TradingViewCandles
+};

package/dist/{chunk-VSNZAMHY.cjs → chunk-RRWS2NSQ.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkI5WLDQNFcjs = require('./chunk-I5WLDQNF.cjs');
+var _chunkV6UIH4TRcjs = require('./chunk-V6UIH4TR.cjs');
 
 
-var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
+var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
 
 
-var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
-var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
-var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
+var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
 
 
 
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunk4NC6INKXcjs.themeOr.call(void 0, _chunkGHXHO5FQcjs.colors.gray90, _chunkGHXHO5FQcjs.colors.gray20)};
+  border: 1px solid ${_chunkCDAUKAQHcjs.themeOr.call(void 0, _chunk2J2ZDWLFcjs.colors.gray90, _chunk2J2ZDWLFcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -99,9 +99,9 @@ var codeSelectStyles = {
   }),
   option: (styles, state) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkGHXHO5FQcjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunk2J2ZDWLFcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkGHXHO5FQcjs.colors.gray25
+      backgroundColor: _chunk2J2ZDWLFcjs.colors.gray25
     }
   }),
   singleValue: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI5WLDQNFcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV6UIH4TRcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkGHXHO5FQcjs.colors.gray25};
+  border-bottom: 1px solid ${_chunk2J2ZDWLFcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkWOQGGHYScjs.overflowAutoWithoutScrollbars}
+  ${_chunkM3XFUYAIcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/chunk-RT4K3CQZ.js

@@ -0,0 +1,44 @@
+// src/icons/central/ArrowRight.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ArrowRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 6L20 12L14 18",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19 12H4",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  ArrowRight
+};

package/dist/{chunk-C4AZYRYH.cjs → chunk-RTBR3MYS.cjs}

@@ -11,7 +11,8 @@ var allowedButtonTypographyTypes = [
   "Title",
   "Label",
   "Label Moderate",
-  "Label Strong"
+  "Label Strong",
+  "Btn"
 ];
 var buttonsThemeBase = {
   defaultSize: "Small",

package/dist/{chunk-4SO3XKWZ.js → chunk-RTHO3IQU.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-W7UBYHH4.js";
+} from "./chunk-ETT5SJWI.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-QUJRT7QQ.js → chunk-RTQK4CSK.js}

@@ -1,33 +1,33 @@
 import {
   InfoIconTooltip
-} from "./chunk-VSEI2HOA.js";
+} from "./chunk-BC6JBILA.js";
 import {
   ClipboardTextField
-} from "./chunk-VB3KOJID.js";
+} from "./chunk-W4PBGNUS.js";
 import {
   useClipboard
 } from "./chunk-QHODHUW2.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-KQ4LSNOH.js";
+} from "./chunk-VGEA6GWH.js";
 import {
   Loading
-} from "./chunk-S6OAIHTX.js";
+} from "./chunk-YIDZ3OLQ.js";
 import {
   Icon
-} from "./chunk-JFKPUTCA.js";
+} from "./chunk-ULBM562P.js";
 import {
   standardContentInset
-} from "./chunk-CGK72IUW.js";
+} from "./chunk-WN3TOABH.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-5SG5KWXI.js";
+} from "./chunk-Q3JHDXTD.js";
 import {
   themeOrWithKey
-} from "./chunk-5NZ22GSE.js";
+} from "./chunk-E6PRWBTH.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -70,6 +70,7 @@ function Table({
   onClickRow,
   emptyState,
   clipboardCallbacks,
+  customComponents,
   rowHoverEffect = "border",
   minHeight = 300
 }) {
@@ -98,6 +99,7 @@ function Table({
       ] }),
       accessorKey: column.accessorKey.toString(),
       cell: (context) => {
+        var _a, _b;
         const value = context.getValue();
         let content = null;
         let icon = null;
@@ -214,7 +216,9 @@ function Table({
                 maxLines,
                 icon: true,
                 iconSide: "right",
-                clipboardCallbacks
+                clipboardCallbacks,
+                typography: ((_a = customComponents == null ? void 0 : customComponents.clipboardTextField) == null ? void 0 : _a.typography) ? customComponents.clipboardTextField.typography : void 0,
+                iconName: (_b = customComponents == null ? void 0 : customComponents.clipboardTextField) == null ? void 0 : _b.iconName
               }
             )
           ] });
@@ -222,7 +226,13 @@ function Table({
         return /* @__PURE__ */ jsx("span", { children: content });
       }
     })),
-    [columns, canWriteToClipboard, onClickCopy, clipboardCallbacks]
+    [
+      columns,
+      canWriteToClipboard,
+      onClickCopy,
+      clipboardCallbacks,
+      customComponents
+    ]
   );
   const tableInstance = useReactTable({
     columns: mappedColumns,
@@ -251,44 +261,44 @@ function Table({
       }
     }
   }
+  const thead = /* @__PURE__ */ jsx("thead", {
+    // Loop over the header rows
+    children: tableInstance.getHeaderGroups().map((headerGroup) => {
+      return /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx("th", { children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id);
+    })
+  });
+  const tbody = /* @__PURE__ */ jsx("tbody", {
+    // Loop over the table rows
+    children: tableInstance.getRowModel().rows.map((row) => {
+      return /* @__PURE__ */ jsx(
+        "tr",
+        {
+          onClick: (event) => onClickDataRow(event, row),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") {
+              onClickDataRow(event, row);
+            }
+          },
+          tabIndex: 0,
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        },
+        row.id
+      );
+    })
+  });
+  const TableComponent = (customComponents == null ? void 0 : customComponents.table) || StyledTable;
   return /* @__PURE__ */ jsxs(TableWrapper, { minHeight, children: [
     /* @__PURE__ */ jsxs(
-      StyledTable,
+      TableComponent,
       {
         clickable: Boolean(onClickRow),
         rowHoverEffect,
         children: [
-          /* @__PURE__ */ jsx("thead", {
-            // Loop over the header rows
-            children: tableInstance.getHeaderGroups().map((headerGroup) => {
-              return /* @__PURE__ */ jsx("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx("th", { children: header.isPlaceholder ? null : flexRender(
-                header.column.columnDef.header,
-                header.getContext()
-              ) }, header.id)) }, headerGroup.id);
-            })
-          }),
-          /* @__PURE__ */ jsx("tbody", {
-            // Loop over the table rows
-            children: tableInstance.getRowModel().rows.map((row) => {
-              return /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  onClick: (event) => onClickDataRow(event, row),
-                  onKeyDown: (event) => {
-                    if (event.key === "Enter") {
-                      onClickDataRow(event, row);
-                    }
-                  },
-                  tabIndex: 0,
-                  children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { children: flexRender(
-                    cell.column.columnDef.cell,
-                    cell.getContext()
-                  ) }, cell.id))
-                },
-                row.id
-              );
-            })
-          })
+          thead,
+          tbody
         ]
       }
     ),

package/dist/{chunk-MD6F2JLH.cjs → chunk-RUQTA646.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ArrowUpRight.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronTopXs.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowUpRight({
+function ChevronTopXs({
   strokeWidth = "1.5",
   strokeLinecap = "round",
   strokeLinejoin = "round"
@@ -16,7 +16,7 @@ function ArrowUpRight({
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          d: "M18.25 15.25V5.75M18.25 5.75H8.75M18.25 5.75L6 18",
+          d: "M8 14L10.9393 11.0607C11.5251 10.4749 12.4749 10.4749 13.0607 11.0607L16 14",
           stroke: "currentColor",
           strokeWidth,
           strokeLinecap,
@@ -30,4 +30,4 @@ function ArrowUpRight({
 
 
 
-exports.ArrowUpRight = ArrowUpRight;
+exports.ChevronTopXs = ChevronTopXs;

package/dist/{chunk-VLMBOSKE.js → chunk-RVOS6JKZ.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-PVNOVZBQ.js";
+} from "./chunk-7QHKDLFZ.js";
 import {
   Radio
-} from "./chunk-M6FQ45FE.js";
+} from "./chunk-6YERGSE2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-S2T53WGO.js

@@ -0,0 +1,30 @@
+// src/icons/central/CrossSmall.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function CrossSmall({
+  strokeWidth = "2",
+  strokeLinecap = "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: "M8 8L16 16M16 8L8 16",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap
+        }
+      )
+    }
+  );
+}
+
+export {
+  CrossSmall
+};

package/dist/chunk-S4BBPHBY.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Heart2.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Heart2({
+  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: "M12 5.76834C18.1619 -0.481842 28.7252 11.1257 12 20.5C-4.72522 11.1257 5.83804 -0.481843 12 5.76834Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Heart2 = Heart2;

package/dist/{chunk-PA23GNGO.cjs → chunk-SIVR5ELD.cjs}

@@ -6,33 +6,33 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunk3343QS6Ccjs = require('./chunk-3343QS6C.cjs');
+var _chunkYB5UJWWScjs = require('./chunk-YB5UJWWS.cjs');
 
 
-var _chunkBRWV3SFZcjs = require('./chunk-BRWV3SFZ.cjs');
+var _chunkWMUVW6UOcjs = require('./chunk-WMUVW6UO.cjs');
 
 
-var _chunkXZO7WVZPcjs = require('./chunk-XZO7WVZP.cjs');
+var _chunkCSS4ASVJcjs = require('./chunk-CSS4ASVJ.cjs');
 
 
-var _chunkZVUV74BAcjs = require('./chunk-ZVUV74BA.cjs');
+var _chunkA2GMDI24cjs = require('./chunk-A2GMDI24.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
+var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
 
 
 
 
-var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
-var _chunkKBCOGLGXcjs = require('./chunk-KBCOGLGX.cjs');
+var _chunkTDSRZFOFcjs = require('./chunk-TDSRZFOF.cjs');
 
 
-var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -248,7 +248,7 @@ function Dropdown({
   } 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, _chunkXZO7WVZPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCSS4ASVJcjs.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, 
@@ -297,9 +297,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkJPVQC3NYcjs.overlaySurface}
-  color: ${({ theme }) => _chunk4NC6INKXcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${_chunk7OVH56SPcjs.overlaySurface}
+  color: ${({ theme }) => _chunkCDAUKAQHcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunk7OVH56SPcjs.standardBorderRadius.call(void 0, borderRadius)}
   ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -315,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, 
-    _chunk3KX4AU6Jcjs.Icon,
+    _chunkMJXCSZKAcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -349,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: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3343QS6Ccjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBRWV3SFZcjs.Toggle, _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, _chunkYB5UJWWScjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWMUVW6UOcjs.Toggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -365,8 +365,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkZVUV74BAcjs.UnstyledButton)`
-  ${_chunkJPVQC3NYcjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkA2GMDI24cjs.UnstyledButton)`
+  ${_chunk7OVH56SPcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -397,12 +397,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkJPVQC3NYcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunk7OVH56SPcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKBCOGLGXcjs.Link,
+    _chunkTDSRZFOFcjs.Link,
     _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -410,7 +410,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkJPVQC3NYcjs.standardFocusOutline}
+  ${_chunk7OVH56SPcjs.standardFocusOutline}
 `;
 
 

package/dist/chunk-SLHWI2VZ.js

@@ -0,0 +1,26 @@
+import {
+  toReactNodes
+} from "./chunk-5QARHWIH.js";
+import {
+  StyledBtn,
+  getPropDefaults
+} from "./chunk-XM5PQDAQ.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/components/typography/Btn.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Btn(props) {
+  const propsWithDefaults = getPropDefaults(props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = toReactNodes(props.content);
+  }
+  return /* @__PURE__ */ jsx(StyledBtn, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
+}
+
+export {
+  Btn
+};

package/dist/{chunk-Q2OSEA3N.cjs → chunk-SODJEMWR.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
+var _chunkPV3W724Ecjs = require('./chunk-PV3W724E.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkMIEMA7HOcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkPV3W724Ecjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;