@lightsparkdev/ui 1.1.5 → 1.1.7

package/dist/{chunk-UZTX724D.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 _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.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 = _chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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: ${_chunkSRAWECJ4cjs.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-WVWAGR33.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 _chunkE5TWV5LLcjs = require('./chunk-E5TWV5LL.cjs');
+var _chunkV6UIH4TRcjs = require('./chunk-V6UIH4TR.cjs');
 
 
-var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
+var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
-var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.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 ${_chunkYIAN5J2Dcjs.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, _chunkE5TWV5LLcjs.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`
-  ${_chunkSRAWECJ4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkM3XFUYAIcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkZBJ5SGHGcjs.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-CZRGILV5.js → chunk-RTHO3IQU.js}

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

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

@@ -1,36 +1,36 @@
 import {
   InfoIconTooltip
-} from "./chunk-KRWXVQQD.js";
-import {
-  Loading
-} from "./chunk-27XXVPBQ.js";
+} from "./chunk-BC6JBILA.js";
 import {
   ClipboardTextField
-} from "./chunk-YV4GTXNK.js";
+} from "./chunk-W4PBGNUS.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-Q3MTVY74.js";
+} from "./chunk-VGEA6GWH.js";
+import {
+  Loading
+} from "./chunk-YIDZ3OLQ.js";
 import {
   Icon
-} from "./chunk-ZSZGVHHS.js";
+} from "./chunk-ULBM562P.js";
 import {
   standardContentInset
-} from "./chunk-ZD2DY4VO.js";
+} from "./chunk-WN3TOABH.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-V5KYCLRU.js";
+} from "./chunk-Q3JHDXTD.js";
 import {
   themeOrWithKey
-} from "./chunk-CQKSDNQF.js";
+} from "./chunk-E6PRWBTH.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues
@@ -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-CG4UJ3BT.cjs → chunk-RUQTA646.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ArrowDownLeft.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronTopXs.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowDownLeft({
+function ChevronTopXs({
   strokeWidth = "1.5",
   strokeLinecap = "round",
   strokeLinejoin = "round"
@@ -16,7 +16,7 @@ function ArrowDownLeft({
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "path",
         {
-          d: "M5.75 8.75V18.25H15.25M18 6L6.39983 17.6002",
+          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 ArrowDownLeft({
 
 
 
-exports.ArrowDownLeft = ArrowDownLeft;
+exports.ChevronTopXs = ChevronTopXs;

package/dist/{chunk-4RR2LQ43.js → chunk-RVOS6JKZ.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-NSDDLXLX.js";
+} from "./chunk-7QHKDLFZ.js";
 import {
   Radio
-} from "./chunk-LL66VQKD.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-EEX4GB3P.cjs → chunk-SIVR5ELD.cjs}

@@ -3,39 +3,39 @@
 var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 
 
-var _chunkDMFL5TBXcjs = require('./chunk-DMFL5TBX.cjs');
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkODUEYPV2cjs = require('./chunk-ODUEYPV2.cjs');
+var _chunkYB5UJWWScjs = require('./chunk-YB5UJWWS.cjs');
 
 
-var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
+var _chunkWMUVW6UOcjs = require('./chunk-WMUVW6UO.cjs');
 
 
-var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
+var _chunkCSS4ASVJcjs = require('./chunk-CSS4ASVJ.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkA2GMDI24cjs = require('./chunk-A2GMDI24.cjs');
 
 
-var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
 
 
-var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkGMHCVXAKcjs = require('./chunk-GMHCVXAK.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
-var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
+var _chunkTDSRZFOFcjs = require('./chunk-TDSRZFOF.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.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, _chunkSLTSSCKDcjs.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`
-  ${_chunkZBJ5SGHGcjs.overlaySurface}
-  color: ${({ theme }) => _chunkYIAN5J2Dcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunkZBJ5SGHGcjs.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, 
-    _chunkTRVU37HAcjs.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, _chunkDMFL5TBXcjs.MultiToggle, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODUEYPV2cjs.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, _chunkTQRKKUR4cjs.UnstyledButton)`
-  ${_chunkZBJ5SGHGcjs.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) })}
-  ${_chunkZBJ5SGHGcjs.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, 
-    _chunkGMHCVXAKcjs.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}
-  ${_chunkZBJ5SGHGcjs.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
+};