@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/{chunk-HTFKWW4S.cjs → chunk-3XWROTDT.cjs}

@@ -1,42 +1,42 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkMSBDBEM7cjs = require('./chunk-MSBDBEM7.cjs');
+var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
 
 
-var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
 
 
-var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
+var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
-var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
 
 
-var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
 
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Button.tsx
 var _react = require('@emotion/react');
@@ -56,20 +56,20 @@ var buttonKinds = [
   "tertiary"
 ];
 var roundPaddingsX = {
-  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 10,
-  [_chunkTMTEVKSDcjs.TokenSize.Small]: 10,
-  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 10,
-  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 14,
-  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 19,
-  [_chunkTMTEVKSDcjs.TokenSize.Large]: 19
+  [_chunkDCQM7IVKcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkDCQM7IVKcjs.TokenSize.Small]: 10,
+  [_chunkDCQM7IVKcjs.TokenSize.Schmedium]: 10,
+  [_chunkDCQM7IVKcjs.TokenSize.Medium]: 14,
+  [_chunkDCQM7IVKcjs.TokenSize.Mlarge]: 19,
+  [_chunkDCQM7IVKcjs.TokenSize.Large]: 19
 };
 var paddingsX = {
-  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 16,
-  [_chunkTMTEVKSDcjs.TokenSize.Small]: 24,
-  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 24,
-  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 24,
-  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 24,
-  [_chunkTMTEVKSDcjs.TokenSize.Large]: 24
+  [_chunkDCQM7IVKcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkDCQM7IVKcjs.TokenSize.Small]: 24,
+  [_chunkDCQM7IVKcjs.TokenSize.Schmedium]: 24,
+  [_chunkDCQM7IVKcjs.TokenSize.Medium]: 24,
+  [_chunkDCQM7IVKcjs.TokenSize.Mlarge]: 24,
+  [_chunkDCQM7IVKcjs.TokenSize.Large]: 24
 };
 function getPaddingX(size, kind, isRound) {
   return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
@@ -83,11 +83,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkWTHHP7G2cjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkJX6HEEEQcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkWTHHP7G2cjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkJX6HEEEQcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -109,7 +109,7 @@ function resolveProps(props, theme) {
     paddingY: paddingYType = "regular",
     borderRadius,
     typography: typographyProp
-  } = _a, rest = _chunkLKKJVJCGcjs.__objRest.call(void 0, _a, [
+  } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, [
     "kind",
     "size",
     "paddingY",
@@ -145,7 +145,7 @@ function resolveProps(props, theme) {
     color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
     size
   };
-  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, rest), {
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
     kind,
     size,
     typography,
@@ -203,7 +203,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkST3UQPZYcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -214,14 +214,14 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: iconSize, color: typography.color })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon, width: iconSize, color: typography.color })
       }
     );
   }
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
-      _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
+      _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, tooltipText ? { "data-tooltip-id": tooltipId.current } : {}), {
         css: {
           display: "flex",
           alignItems: "center",
@@ -237,7 +237,7 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkMSBDBEM7cjs.renderTypography.call(void 0, typography.type, {
+              children: _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typography.type, {
                 content: text,
                 color: typography.color,
                 size
@@ -248,7 +248,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -278,17 +278,17 @@ function Button(props) {
     zIndex
   };
   if (to) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, hash, children: content }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, hash, children: content }));
   }
   return externalLink ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     ButtonHrefLink,
-    _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), {
+    _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), {
       href: externalLink,
       download: filename,
       target: "_blank",
       children: content
     })
-  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
 }
 var buttonStyle = ({
   paddingY,
@@ -316,7 +316,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkZBBVZQKJcjs.applyTypography.call(void 0, 
+    ${_chunkUN4FMYEQcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -324,7 +324,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkPYL3O7AFcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunk23NA5VW6cjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -360,10 +360,10 @@ var buttonStyle = ({
 var ButtonIcon = _styled2.default.div`
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunkQCJWZRIPcjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`
@@ -372,6 +372,9 @@ var ButtonHrefLink = _styled2.default.a`
 var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4SAHQcjs.select.call(void 0, StyledButton)}, ${_chunk6VA4SAHQcjs.select.call(void 0, ButtonLink)}, ${_chunk6VA4SAHQcjs.select.call(void 0, 
   ButtonHrefLink
 )})${append}`;
+function LinkWithoutTypography(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDTPEU32cjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
+}
 
 
 

package/dist/{chunk-2WREDS5B.cjs → chunk-425MNRRK.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CopyToClipboardButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,7 +28,7 @@ var CopyToClipboardButton = (props) => {
       {
         type: "button",
         onClick: () => {
-          void (() => _chunkLKKJVJCGcjs.__async.call(void 0, void 0, null, function* () {
+          void (() => _chunkYM5JDZDQcjs.__async.call(void 0, void 0, null, function* () {
             try {
               yield navigator.clipboard.writeText(props.value);
               setTooltipContent("Copied!");
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLZ24FX6Ccjs.Tooltip,
+      _chunk5OP23S3Qcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-GB2UBWT4.js → chunk-4MZNGM5R.js}

@@ -1,12 +1,12 @@
-import {
-  toNonTypographicReactNodes
-} from "./chunk-UC6SP4KJ.js";
 import {
   typographyStyles
-} from "./chunk-EGOOSBGG.js";
+} from "./chunk-X5SBSJ3Z.js";
 import {
   applyTypography
-} from "./chunk-GHXNMLAB.js";
+} from "./chunk-U4Y4CF4A.js";
+import {
+  toReactNodesBase
+} from "./chunk-HQO3PIAY.js";
 
 // src/components/typography/Label.tsx
 import styled from "@emotion/styled";
@@ -23,7 +23,7 @@ var Label = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = toNonTypographicReactNodes(content);
+    reactNodes = toReactNodesBase(content);
   }
   return /* @__PURE__ */ jsx(
     StyledLabel,

package/dist/{chunk-O7UTME4V.cjs → chunk-4PWNHIAM.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunk4P7RPU32cjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkZO52GP5Zcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-YJJBABLW.cjs → chunk-4SNEOOFX.cjs}

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkVZEYA2KHcjs = require('./chunk-VZEYA2KH.cjs');
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 // src/components/TextIconAligner.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -17,25 +19,21 @@ function TextIconAligner({
 }) {
   const defaultTypography = {
     type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
-    props: {
-      size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
-      color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
-    }
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
   const defaultTypographyMap = {
     link: defaultTypography,
-    externalLink: defaultTypography,
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  let content = _chunkGCE3EVF6cjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkVZEYA2KHcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  console.log(content);
-  content = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+  const content = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBY47I7ZPcjs.Icon,
+    _chunkI6Y7IHF5cjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -44,7 +42,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBY47I7ZPcjs.Icon,
+    _chunkI6Y7IHF5cjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/chunk-4WKQPWLI.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/toReactNodes/nodes.tsx
+var _lodashes = require('lodash-es');
+function isLinkNode(node) {
+  return Boolean(node && _lodashes.isObject.call(void 0, node) && "link" in node);
+}
+function isNextLinkNode(node) {
+  return Boolean(node && _lodashes.isObject.call(void 0, node) && "nextLink" in node);
+}
+function isIconNode(node) {
+  return Boolean(node && _lodashes.isObject.call(void 0, node) && "icon" in node);
+}
+function isCurrencyAmountNode(node) {
+  return Boolean(node && _lodashes.isObject.call(void 0, node) && "currencyAmount" in node);
+}
+function isTextNode(node) {
+  const allowedKeys = ["text", "onClick", "typography"];
+  return Boolean(
+    /* Exclude other nodes by ensuring only text node properties: */
+    node && _lodashes.isObject.call(void 0, node) && /* text is required: */
+    "text" in node && /* ensure the rest of the keys are allowed: */
+    Object.keys(node).every((key) => allowedKeys.includes(key))
+  );
+}
+var link = (link2) => ({ link: link2 });
+var nextLink = (nextLink2) => ({
+  nextLink: nextLink2
+});
+var currencyAmount = (currencyAmount2) => ({ currencyAmount: currencyAmount2 });
+var icon = (icon2) => ({ icon: icon2 });
+
+
+
+
+
+
+
+
+
+
+
+exports.isLinkNode = isLinkNode; exports.isNextLinkNode = isNextLinkNode; exports.isIconNode = isIconNode; exports.isCurrencyAmountNode = isCurrencyAmountNode; exports.isTextNode = isTextNode; exports.link = link; exports.nextLink = nextLink; exports.currencyAmount = currencyAmount; exports.icon = icon;

package/dist/chunk-4WSTOUAH.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Notebook.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Notebook() {
+  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.3998 1H2.5998C2.15798 1 1.7998 1.35818 1.7998 1.8V14.2C1.7998 14.6418 2.15798 15 2.5998 15H5.3998M5.3998 1H13.3998C13.8416 1 14.1998 1.35818 14.1998 1.8V14.2C14.1998 14.6418 13.8416 15 13.3998 15H5.3998M5.3998 1V15M8.5998 4.6H10.9998M8.5998 7.8H10.9998",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Notebook = Notebook;

package/dist/chunk-54YV767N.js

@@ -0,0 +1,31 @@
+import {
+  TextInput
+} from "./chunk-6EXTHISM.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/SecretInput.tsx
+import { useState } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+function SecretInput(_a) {
+  var rest = __objRest(_a, []);
+  const [showSecret, setShowSecret] = useState(false);
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    __spreadProps(__spreadValues({}, rest), {
+      type: showSecret ? void 0 : "password",
+      onClickIcon: () => setShowSecret(!showSecret),
+      icon: {
+        name: showSecret ? "NotEye" : "Eye",
+        width: 16
+      }
+    })
+  );
+}
+
+export {
+  SecretInput
+};

package/dist/chunk-5GLOHTP6.js

@@ -0,0 +1,36 @@
+// src/components/typography/renderTypography.tsx
+import React, {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+var typographyMapModulePromise = import("./components/typography/typographyMap.js");
+var renderTypography = (typographyType, typographyProps) => {
+  return React.createElement(RenderTypographyLoader, {
+    typographyType,
+    typographyProps
+  });
+};
+function RenderTypographyLoader({
+  typographyType,
+  typographyProps
+}) {
+  const typographyMap = useRef(null);
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    void typographyMapModulePromise.then((typographyMapModule) => {
+      typographyMap.current = typographyMapModule.typographyMap;
+      setReady(true);
+    });
+  }, []);
+  if (!ready || !typographyMap.current) {
+    return null;
+  }
+  const TypographyComponent = typographyMap.current[typographyType];
+  const { children } = typographyProps;
+  return React.createElement(TypographyComponent, typographyProps, children);
+}
+
+export {
+  renderTypography
+};

package/dist/{chunk-ISVMIEHD.js → chunk-5NMI3YI4.js}

@@ -1,33 +1,33 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-VQVEZVAG.js";
-import {
-  Link
-} from "./chunk-34MTU3ER.js";
 import {
   UnstyledButton
-} from "./chunk-E7RKIBJY.js";
+} from "./chunk-EYWGUIVP.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-K3DMPJSX.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-APUV4UN4.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   themeOr
-} from "./chunk-W5I53DTZ.js";
+} from "./chunk-GZW6KBUI.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  Link
+} from "./chunk-ELHOJIVP.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Dropdown.tsx
 import { css, useTheme } from "@emotion/react";
@@ -280,10 +280,7 @@ var DropdownItems = styled.ul`
   list-style: none;
   margin: 0;
 `;
-function DropdownItem({
-  dropdownItem,
-  onClick
-}) {
+function DropdownItem({ dropdownItem, onClick }) {
   const theme = useTheme();
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ jsx(