@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/{chunk-DBB5TKTS.cjs → chunk-4CFGJROV.cjs}

@@ -1,56 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYZVHWN44cjs = require('./chunk-YZVHWN44.cjs');
+var _chunkXHLL5XVNcjs = require('./chunk-XHLL5XVN.cjs');
 
 
 
 
 
 
-var _chunkKLC2OBTGcjs = require('./chunk-KLC2OBTG.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
-var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkVNFSKZW2cjs = require('./chunk-VNFSKZW2.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
+var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkKEO4UBBQcjs = require('./chunk-KEO4UBBQ.cjs');
+
 
 
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
-var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/TextInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var selectLeftOffset = 10;
-function TextInput(props) {
+var iconSides = ["left", "right"];
+var iconOffsets = ["small", "large"];
+var iconWidths = [8, 12, 16];
+function withDefaults(textInputProps) {
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, textInputProps), {
+    width: textInputProps.width || "full",
+    type: textInputProps.type || "text",
+    disabled: Boolean(textInputProps.disabled),
+    typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkJPRA3J5Ccjs.defaultTextInputTypography), textInputProps.typography)
+  });
+}
+function TextInput(textInputProps) {
   var _a, _b;
+  const props = withDefaults(textInputProps);
   const [focused, setFocused] = _react.useState.call(void 0, false);
   const inputRef = props.inputRef || _react2.default.createRef();
   const ref = props.inputRefCb || inputRef;
   if (props.inputRefCb && !props.inputRef) {
     console.warn("TextInput: inputRef should be provided with inputRefCb.");
   }
-  const typography = _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, _chunkKLC2OBTGcjs.defaultTextInputTypography), props.typography);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && props.onEnter) {
       props.onEnter();
@@ -62,63 +74,67 @@ function TextInput(props) {
   const iconCenterOffset = ((_b = props.icon) == null ? void 0 : _b.offset) === "large" ? 26 : 18;
   const iconOffset = iconCenterOffset - iconWidth / 2;
   const iconTextOffset = iconCenterOffset === 18 ? 4 : 14;
+  const textInputWidth = props.width === "short" ? "250px" : "100%";
   let paddingLeftPx;
   if (props.icon && !isIconRight) {
     paddingLeftPx = iconOffset + iconWidth + iconTextOffset;
-  } else if (props.select && typeof props.select.width === "number") {
+  } else if (props.select) {
     paddingLeftPx = selectLeftOffset + props.select.width + 5;
   }
-  let input = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Input,
-    {
-      disabled: Boolean(props.disabled),
-      maxLength: props.maxLength,
-      inputMode: props.inputMode,
-      pattern: props.pattern,
-      onBlur: () => {
-        setFocused(false);
-        if (props.onBlur) {
-          props.onBlur();
-        }
-      },
-      onChange: (e) => {
-        e.target.setCustomValidity("");
-        props.onChange(e.target.value, e);
-      },
-      onFocus: () => {
-        setFocused(true);
-        if (props.onFocus) {
-          props.onFocus();
-        }
-      },
-      onKeyDown: (e) => {
-        if (props.onKeyDown) {
-          props.onKeyDown(e.key, e);
-        }
-        handleKeyDown(e);
-      },
-      id: props.id,
-      onPaste: props.onPaste,
-      placeholder: props.placeholder,
-      ref,
-      name: props.name,
-      type: props.type || "text",
-      value: props.value,
-      paddingLeftPx,
-      paddingRightPx: isIconRight ? 28 : void 0,
-      hasError,
-      "data-test-id": props.testId,
-      typography,
-      autoComplete: props.autoComplete === "off" ? "new-password" : props.autoComplete,
-      onBeforeInput: (e) => {
-        if (props.onBeforeInput) {
-          const event = e;
-          props.onBeforeInput(event);
-        }
-      },
-      borderRadius: props.borderRadius
-    }
-  );
+  let input = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Input,
+      {
+        disabled: props.disabled,
+        maxLength: props.maxLength,
+        inputMode: props.inputMode,
+        pattern: props.pattern,
+        onBlur: () => {
+          setFocused(false);
+          if (props.onBlur) {
+            props.onBlur();
+          }
+        },
+        onChange: (e) => {
+          e.target.setCustomValidity("");
+          props.onChange(e.target.value, e);
+        },
+        onFocus: () => {
+          setFocused(true);
+          if (props.onFocus) {
+            props.onFocus();
+          }
+        },
+        onKeyDown: (e) => {
+          if (props.onKeyDown) {
+            props.onKeyDown(e.key, e);
+          }
+          handleKeyDown(e);
+        },
+        id: props.id,
+        onPaste: props.onPaste,
+        placeholder: props.placeholder,
+        ref,
+        name: props.name,
+        type: props.type,
+        value: props.value,
+        paddingLeftPx,
+        paddingRightPx: isIconRight ? 28 : void 0,
+        hasError,
+        "data-test-id": props.testId,
+        typography: props.typography,
+        autoComplete: props.autoComplete === "off" ? "new-password" : props.autoComplete,
+        onBeforeInput: (e) => {
+          if (props.onBeforeInput) {
+            const event = e;
+            props.onBeforeInput(event);
+          }
+        },
+        borderRadius: props.borderRadius
+      }
+    ),
+    props.rightButtonText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RightButtonAligner, { iconOffset, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RightButton, { onClick: props.onRightButtonClick, children: props.rightButtonText }) })
+  ] });
   if (props.icon) {
     input = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, WithIcon, { hasError, withFocus: focused, children: [
       isIconRight ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input }) : null,
@@ -131,34 +147,23 @@ function TextInput(props) {
           iconOffset,
           focused,
           hasValue: Boolean(props.value),
-          colorProp: typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: props.icon.name, width: iconWidth })
+          colorProp: props.typography.color,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
-      isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input }),
-      props.rightButtonText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        TextInputIconContainer,
-        {
-          isIconRight: true,
-          iconOffset,
-          hasValue: Boolean(props.value),
-          focused,
-          colorProp: typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RightButton, { onClick: props.onRightButtonClick, children: props.rightButtonText })
-        }
-      )
+      isIconRight ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: input })
     ] });
   }
   const hintTooltipId = props.hintTooltip ? `${props.id || "input"}-hint-tooltip` : void 0;
   const { select } = props;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTextInput, { width: textInputWidth, children: [
     props.label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextInputLabel, { hasError, children: props.label }) : null,
     select && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       TextInputSelect,
       {
         value: select.value,
         widthProp: select.width,
-        typography,
+        typography: props.typography,
         onChange: (event) => {
           var _a2;
           select.onChange(event.target.value);
@@ -169,23 +174,18 @@ function TextInput(props) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKLC2OBTGcjs.InputSubtext,
+      _chunkJPRA3J5Ccjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
-TextInput.defaultProps = {
-  disabled: false,
-  autoComplete: void 0,
-  hint: null
-};
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -196,14 +196,14 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkBY47I7ZPcjs.IconContainer.toString()} {
+  & ${_chunkJMIYMECJcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -217,24 +217,33 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWTHHP7G2cjs.getFontColor.call(void 0, theme, colorProp) : _chunkKLC2OBTGcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkWKRK5OVEcjs.getFontColor.call(void 0, theme, colorProp) : _chunkJPRA3J5Ccjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkKLC2OBTGcjs.textInputStyle};
+  ${_chunkJPRA3J5Ccjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
   &:-webkit-autofill:focus,
   &:-internal-autofill-selected,
   &:-internal-autofill-selected:focus {
-    background-color: ${({ theme, disabled }) => theme.bg} !important;
+    background-color: ${({ theme }) => theme.bg} !important;
     color: ${({ theme }) => theme.text} !important;
     transition:
       background-color 600000s 0s,
       color 600000s 0s !important;
   }
 `;
-var RightButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
+var RightButtonAligner = _styled2.default.div`
+  position: absolute;
+  top: 0;
+  right: ${({ iconOffset }) => iconOffset}px;
+  z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
+  bottom: 0;
+  display: flex;
+  align-items: center;
+`;
+var RightButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -244,7 +253,7 @@ var RightButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -256,7 +265,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+  margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -264,28 +273,34 @@ var TextInputHalfRow = _styled2.default.div`
     width: 50%;
   }
 `;
-var InputContainer = _styled2.default.div`
-  width: 100%;
+var StyledTextInput = _styled2.default.div`
+  width: ${({ width }) => width};
   position: relative;
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()} + &,
-  ${_chunkYZVHWN44cjs.ToggleContainer.toString()} + &,
-  & + ${_chunkVNFSKZW2cjs.CheckboxContainer.toString()},
-  & + ${_chunkYZVHWN44cjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkKLC2OBTGcjs.inputSpacingPx}px;
+  ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()} + &,
+  ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkKEO4UBBQcjs.CheckboxContainer.toString()},
+  & + ${_chunkXHLL5XVNcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkJPRA3J5Ccjs.inputSpacingPx}px;
   }
 `;
+var InputContainer = _styled2.default.div`
+  position: relative;
+`;
+
+
+
 
 
 
 
-exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;
+exports.iconSides = iconSides; exports.iconOffsets = iconOffsets; exports.iconWidths = iconWidths; exports.TextInput = TextInput; exports.TextInputHalfRow = TextInputHalfRow;

package/dist/{chunk-BOBYW7PP.cjs → chunk-4EK5RAZS.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkPYL3O7AFcjs.standardFocusOutline}
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/{chunk-O7UTME4V.cjs → chunk-4QK2V7YW.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 _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.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 }) => _chunk6IU4OQOCcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

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

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
 
-var _chunkGCE3EVF6cjs = require('./chunk-GCE3EVF6.cjs');
 
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.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 = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  console.log(content);
-  content = _chunkGCE3EVF6cjs.toReactNodes.call(void 0, content);
+  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkBY47I7ZPcjs.Icon,
+    _chunkJMIYMECJcjs.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,
+    _chunkJMIYMECJcjs.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-FBU6BGRP.js → chunk-54VI7M4H.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-R4JQUMCP.js";
+import {
+  toReactNodesBase
+} from "./chunk-DILTUDQN.js";
 
 // src/components/typography/LabelStrong.tsx
 import styled from "@emotion/styled";
@@ -23,7 +23,7 @@ var LabelStrong = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = toNonTypographicReactNodes(content);
+    reactNodes = toReactNodesBase(content);
   }
   return /* @__PURE__ */ jsx(
     StyledLabelStrong,

package/dist/{chunk-6LHW62FG.cjs → chunk-55FMRU2M.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -101,7 +101,7 @@ var Drawer = (props) => {
         children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHTFKWW4Scjs.Button,
+            _chunk7LOKZM7Vcjs.Button,
             {
               onClick: props.handleBack,
               icon: "ChevronLeft",
@@ -109,7 +109,7 @@ var Drawer = (props) => {
               size: "Small"
             }
           ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Close", width: 12 }) }) }),
+          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Close", width: 12 }) }) }),
           props.children
         ]
       }
@@ -199,7 +199,7 @@ var CloseButtonContainer = _styled2.default.div`
   top: 20px;
   right: 20px;
   border-radius: 50%;
-  background-color: ${_chunkKSKKC6C2cjs.colors.grayBlue94};
+  background-color: ${_chunkCFG65CGCcjs.colors.grayBlue94};
   padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   height: 30px;
   width: 30px;
@@ -210,8 +210,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
-  ${_chunkPYL3O7AFcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/chunk-57IQEIDN.js

@@ -0,0 +1,27 @@
+// src/icons/ArrowUpRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ArrowUpRight() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M22.4167 17.4167V1.58333M22.4167 1.58333H6.58333M22.4167 1.58333L2 22",
+          stroke: "currentColor",
+          strokeWidth: "2.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ArrowUpRight
+};