@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-FJZXLAEH.cjs

@@ -0,0 +1,125 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkO7UTME4Vcjs = require('./chunk-O7UTME4V.cjs');
+
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/GradientCardHeader.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+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, _chunkO7UTME4Vcjs.StatusIndicator, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props.status)),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
+    ] }),
+    props.children
+  ] });
+}
+var CardHeaderWrapper = _styled2.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 40px 32px 24px 32px;
+  background-color: black;
+  color: white;
+  height: 264px;
+`;
+var CardHeaderTitle = _styled2.default.h3`
+  font-size: 21px;
+  font-weight: 800;
+  color: white;
+  margin: 0;
+  z-index: ${_chunkZU72XWNEcjs.z.headerContainer} - 1;
+  position: relative;
+`;
+var Gradients = () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackgroundGradients, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccentGradients, {})
+  ] });
+};
+var BackgroundGradients = _styled2.default.div`
+  &:before,
+  &:after {
+    content: "";
+    position: absolute;
+    margin: auto;
+    filter: blur(38.5px);
+  }
+  &:before {
+    z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient};
+    right: -280px;
+    top: -340px;
+    width: 704px;
+    height: 619px;
+    background: radial-gradient(
+      31.57% 32.06% at 50.1% 49.9%,
+      #0032ff 0%,
+      rgb(0 121 255 / 31%) 97%,
+      rgba(0, 102, 255, 0.05) 100%
+    );
+  }
+  &:after {
+    z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient - 1};
+    width: 636px;
+    height: 552px;
+    top: -400px;
+    right: -280px;
+    background: radial-gradient(
+      31.57% 32.06% at 50.1% 49.9%,
+      rgb(255 114 104) 0%,
+      rgb(191 9 255 / 14%) 90%,
+      rgb(191 9 255 / 5%) 100%
+    );
+  }
+`;
+var AccentGradients = _styled2.default.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  right: 0;
+  bottom: 0;
+  z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient - 1};
+  &:before,
+  &:after {
+    content: "";
+    position: absolute;
+    margin: auto;
+    filter: blur(38.5px);
+  }
+  &:before {
+    right: -70px;
+    top: -100px;
+    width: 169px;
+    height: 323px;
+    background: radial-gradient(
+      31.57% 32.06% at 50.1% 49.9%,
+      #ff8c28,
+      rgba(191, 9, 255, 0.1) 100%
+    );
+  }
+  &:after {
+    right: -22px;
+    top: -140px;
+    width: 225px;
+    height: 190px;
+    background: radial-gradient(
+      41.57% 62.06% at 53.1% 49.9%,
+      rgb(255 119 0),
+      rgb(255 106 9 / 55%) 100%
+    );
+  }
+`;
+
+
+
+exports.GradientCardHeader = GradientCardHeader;

package/dist/chunk-FPOQM3WG.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/TapSingle.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function TapSingle() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "21",
+      height: "28",
+      viewBox: "0 0 21 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M11.3704 14H10.3704C10.3704 14.5523 10.8181 15 11.3704 15V14ZM7.22223 16.0556L6.77821 16.9516C7.08819 17.1052 7.45547 17.0876 7.74947 16.9052C8.04347 16.723 8.22227 16.4015 8.22227 16.0556H7.22223ZM3.07408 18.1111L2.14676 17.7368C2.02255 18.0446 2.05911 18.3939 2.24433 18.6692L3.07408 18.1111ZM16.4919 8.68545C16.5841 9.22998 17.1003 9.59669 17.6448 9.50451C18.1893 9.41233 18.556 8.89617 18.4639 8.35163L16.4919 8.68545ZM0.128733 11.4262C0.22092 11.9707 0.73708 12.3375 1.28161 12.2452C1.82615 12.1531 2.19287 11.637 2.10068 11.0924L0.128733 11.4262ZM12.3704 14V9.88891H10.3704V14H12.3704ZM6.22223 9.88891V16.0556H8.22227V9.88891H6.22223ZM7.66627 15.1596L7.58893 15.1212L6.70095 16.9134L6.77821 16.9516L7.66627 15.1596ZM2.41327 17.0766L2.14676 17.7368L4.0014 18.4854L4.26791 17.8251L2.41327 17.0766ZM2.24433 18.6692L6.13327 24.4506L7.7928 23.3343L3.90381 17.553L2.24433 18.6692ZM11.5649 27.3334H12.7531V25.3334H11.5649V27.3334ZM20.6667 19.4815V18.1111H18.6667V19.4815H20.6667ZM15.5185 13H11.3704V15H15.5185V13ZM20.6667 18.1111C20.6667 15.2799 18.3533 13 15.5185 13V15C17.2657 15 18.6667 16.4014 18.6667 18.1111H20.6667ZM7.58893 15.1212C5.62571 14.1484 3.23445 15.0419 2.41327 17.0766L4.26791 17.8251C4.64845 16.8822 5.77005 16.452 6.70095 16.9134L7.58893 15.1212ZM12.7531 27.3334C17.1152 27.3334 20.6667 23.8264 20.6667 19.4815H18.6667C18.6667 22.705 16.0276 25.3334 12.7531 25.3334V27.3334ZM9.29627 6.83335C7.60707 6.83335 6.22223 8.19294 6.22223 9.88891H8.22227C8.22227 9.31438 8.69467 8.83335 9.29627 8.83335V6.83335ZM6.13327 24.4506C7.34627 26.2538 9.38533 27.3334 11.5649 27.3334V25.3334C10.0461 25.3334 8.63133 24.581 7.7928 23.3343L6.13327 24.4506ZM12.3704 9.88891C12.3704 8.19294 10.9856 6.83335 9.29627 6.83335V8.83335C9.898 8.83335 10.3704 9.31438 10.3704 9.88891H12.3704ZM2 9.88891C2 5.90862 5.25819 2.66669 9.29627 2.66669V0.666687C4.17057 0.666687 0 4.78718 0 9.88891H2ZM9.29627 2.66669C12.9176 2.66669 15.9148 5.27615 16.4919 8.68545L18.4639 8.35163C17.7244 3.98349 13.8967 0.666687 9.29627 0.666687V2.66669ZM2.10068 11.0924C2.03453 10.7016 2 10.2996 2 9.88891H0C0 10.412 0.044 10.9256 0.128733 11.4262L2.10068 11.0924Z",
+          fill: "black"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.TapSingle = TapSingle;

package/dist/chunk-FRASE266.cjs

@@ -0,0 +1,150 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/type.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultHeadingSizes = {
+  h1: {
+    size: 32,
+    sizeSm: 21
+  },
+  h2: {
+    size: 24,
+    sizeSm: 18
+  },
+  h3: {
+    size: 21,
+    sizeSm: 18
+  },
+  h4: {
+    size: 14,
+    sizeSm: 14
+  }
+};
+var defaultHeadingMargins = {
+  h1: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h2: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h3: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h4: {
+    mt: 16,
+    mb: 16,
+    mtSm: 16,
+    mbSm: 16
+  }
+};
+var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
+  line-height: 1.214em;
+
+  margin-bottom: ${mb}px;
+  margin-top: ${mt}px;
+
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    margin-top: ${mtSm}px;
+    margin-bottom: ${mbSm}px;
+  `)}
+`;
+var firstChildStyles = _chunk4P7RPU32cjs.firstChild.call(void 0, `margin-top: 0;`);
+var headings = {
+  h1: _styled2.default.h1`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-weight: ${({ light }) => light ? 400 : 800}};
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+    `)}
+  `,
+  h2: _styled2.default.h2`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-weight: ${({ light }) => light ? 400 : 700}};
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+    `)}
+  `,
+  h3: _styled2.default.h3`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-weight: ${({ light }) => light ? 400 : 700}};
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+    `)}
+  `,
+  h4: _styled2.default.h4`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-weight: ${({ light }) => light ? 400 : 600}};
+    ${_chunkKW3JYLRIcjs.bp.sm(`
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+    `)}
+  `
+};
+function Heading({
+  children,
+  type = "h2",
+  id,
+  mt = defaultHeadingMargins[type].mt,
+  mb = defaultHeadingMargins[type].mb,
+  mtSm = defaultHeadingMargins[type].mtSm,
+  mbSm = defaultHeadingMargins[type].mbSm,
+  m0 = false,
+  light = false
+}) {
+  const StyledHeading = headings[type];
+  const theme = _react.useTheme.call(void 0, );
+  const heading = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledHeading,
+    {
+      id,
+      mt: m0 ? 0 : mt,
+      mb: m0 ? 0 : mb,
+      mtSm: m0 ? 0 : mtSm,
+      mbSm: m0 ? 0 : mbSm,
+      light,
+      theme,
+      children: id ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href: `#${id}`, css: { color: "inherit" }, children }) : children
+    }
+  );
+  return heading;
+}
+function headingWithDefaults(defaultProps) {
+  return (props) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Heading, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, defaultProps), props));
+}
+
+
+
+
+
+exports.headings = headings; exports.Heading = Heading; exports.headingWithDefaults = headingWithDefaults;

package/dist/chunk-FZUELDMT.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Download.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Download() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Download = Download;

package/dist/chunk-G2ZTK5RI.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/AnchorLink.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function AnchorLink() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M7.49989 12.5L12.4998 7.50004M6.24989 8.75003L4.99989 10.0001C3.61923 11.3808 3.61925 13.6193 4.99992 15V15C6.38064 16.3807 8.61924 16.3807 9.99993 14.9999L11.2498 13.7499M13.7498 11.25L14.9999 9.99994C16.3805 8.61924 16.3805 6.3807 14.9998 5.00001V5.00001C13.6191 3.6193 11.3805 3.61931 9.99984 5.00004L8.74987 6.25005",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.AnchorLink = AnchorLink;

package/dist/chunk-G5HBO2FI.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/typography/typographyStyles.tsx
+var _react = require('@emotion/react');
+var typographyStyles = ({
+  /* theme, size, colorProp, */
+  block: blockProp,
+  hideOverflow,
+  displayProp
+}) => {
+  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
+  return _react.css`
+    /* Margins should always be set in parent style contexts eg Article: */
+    margin: 0;
+
+    ${displayValue ? `display: ${displayValue};` : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis;" : ""}
+  `;
+};
+
+
+
+exports.typographyStyles = typographyStyles;

package/dist/{chunk-IH5SIRJL.js → chunk-GB2UBWT4.js}

@@ -1,28 +1,46 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-HNK2KIC7.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-OPUCWQMK.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/Label.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var Label = ({
-  content,
+  block = false,
+  children,
   color,
-  size = "Medium",
-  children
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledLabel, { size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledLabel,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
-var StyledLabel = styled.label`
+var StyledLabel = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Label", size, colorProp)}
-  cursor: inherit;
+  ${typographyStyles}
 `;
 
 export {

package/dist/chunk-GCE3EVF6.cjs

@@ -0,0 +1,105 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMSBDBEM7cjs = require('./chunk-MSBDBEM7.cjs');
+
+
+
+
+
+
+
+var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/utils/toReactNodes.tsx
+var _lodashes = require('lodash-es');
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function toReactNodes(toReactNodesArg) {
+  const toReactNodesArray = Array.isArray(toReactNodesArg) ? toReactNodesArg : [toReactNodesArg];
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    let content;
+    if (!node) {
+      return null;
+    } else if (typeof node !== "string" && "typography" in node && node.typography.type) {
+      const props = node.typography.props || {};
+      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _chunkMSBDBEM7cjs.renderTypography.call(void 0, 
+        node.typography.type,
+        Object.assign(props, { content: node })
+      ) }, `typography-${i}-${node.text.substr(0, 10)}`);
+    } else {
+      content = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, node);
+    }
+    return content || null;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: reactNodes });
+}
+function setReactNodesTypography(nodesArg, nodesTypographyMap, replaceExistingTypography = true) {
+  const nodes = Array.isArray(nodesArg) ? nodesArg : [nodesArg];
+  const nodesWithTypography = nodes.map((node, i) => {
+    if (_chunkAZRC3MXCcjs.isIconNode.call(void 0, node)) {
+      return node;
+    } else if (typeof node === "string") {
+      if (nodesTypographyMap.text) {
+        return {
+          text: node,
+          typography: nodesTypographyMap.text
+        };
+      }
+    } else if (!node) {
+      return node;
+    }
+    const useExistingTypography = !replaceExistingTypography && _lodashes.isObject.call(void 0, node) && "typography" in node ? node.typography : void 0;
+    if (_chunkAZRC3MXCcjs.isLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.link) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.link
+        });
+      }
+    } else if (_chunkAZRC3MXCcjs.isExternalLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.externalLink) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.externalLink
+        });
+      }
+    } else if (_chunkAZRC3MXCcjs.isNextLinkNode.call(void 0, node)) {
+      if (nodesTypographyMap.nextLink) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.nextLink
+        });
+      }
+    } else if (_chunkAZRC3MXCcjs.isTextNode.call(void 0, node)) {
+      if (nodesTypographyMap.text) {
+        return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
+          typography: useExistingTypography || nodesTypographyMap.text
+        });
+      }
+    }
+    return node;
+  });
+  return nodesWithTypography;
+}
+function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
+  if (!nodesArg) {
+    return null;
+  }
+  const nodesWithTypography = setReactNodesTypography(
+    nodesArg,
+    nodesTypographyMap
+  );
+  const nodes = toReactNodes(nodesWithTypography);
+  return nodes;
+}
+function setDefaultReactNodesTypography(nodesArg, nodesTypographyMap) {
+  return setReactNodesTypography(nodesArg, nodesTypographyMap, false);
+}
+
+
+
+
+
+
+exports.toReactNodes = toReactNodes; exports.setReactNodesTypography = setReactNodesTypography; exports.toReactNodesWithTypographyMap = toReactNodesWithTypographyMap; exports.setDefaultReactNodesTypography = setDefaultReactNodesTypography;

package/dist/chunk-GDXNYWJH.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Selector.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Selector() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 5.33331L8 1.33331L12 5.33331",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4 10.6667L8 14.6667L12 10.6667",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Selector = Selector;

package/dist/{chunk-OPUCWQMK.js → chunk-GHXNMLAB.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   getTypographyString
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-24PXYMSU.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/chunk-GSYM5JMB.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useLiveRef.tsx
+var _react = require('react');
+function useLiveRef() {
+  const [ready, setReady] = _react.useState.call(void 0, false);
+  const ref = _react.useRef.call(void 0, null);
+  const refCb = _react.useCallback.call(void 0, (node) => {
+    if (node !== null) {
+      ref.current = node;
+      setReady(true);
+    }
+  }, []);
+  return [ready ? ref : { current: null }, refCb];
+}
+
+
+
+exports.useLiveRef = useLiveRef;

package/dist/chunk-GVKKUMAK.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sidebar.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sidebar() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M5 1H13C14.1046 1 15 1.89543 15 3V8M5 1H3.1875H3C1.89543 1 1 1.89543 1 3V13C1 14.1046 1.89543 15 3 15H5M5 1V5V8M5 15H13C14.1046 15 15 14.1046 15 13V8M5 15V8M5 8H15",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Sidebar = Sidebar;