@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-G5IVQ4O3.js

@@ -0,0 +1,41 @@
+// src/utils/toReactNodes/nodes.tsx
+import { isObject } from "lodash-es";
+function isLinkNode(node) {
+  return Boolean(node && isObject(node) && "link" in node);
+}
+function isNextLinkNode(node) {
+  return Boolean(node && isObject(node) && "nextLink" in node);
+}
+function isIconNode(node) {
+  return Boolean(node && isObject(node) && "icon" in node);
+}
+function isCurrencyAmountNode(node) {
+  return Boolean(node && isObject(node) && "currencyAmount" in node);
+}
+function isTextNode(node) {
+  const allowedKeys = ["text", "onClick", "typography"];
+  return Boolean(
+    /* Exclude other nodes by ensuring only text node properties: */
+    node && isObject(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 });
+
+export {
+  isLinkNode,
+  isNextLinkNode,
+  isIconNode,
+  isCurrencyAmountNode,
+  isTextNode,
+  link,
+  nextLink,
+  currencyAmount,
+  icon
+};

package/dist/{chunk-BED5BMM6.js → chunk-G6VXXZIN.js}

@@ -1,13 +1,13 @@
 import {
   SingleCodeInput
-} from "./chunk-CULDUDP3.js";
+} from "./chunk-QHH6BGRE.js";
 import {
   textInputBorderColor
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-W5NH2F3D.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/CodeInput/CodeInput.tsx
 import styled from "@emotion/styled";
@@ -59,7 +59,7 @@ function CodeInput({
     [getInputId, autoFocus]
   );
   const [inputState, setInputState] = useState(
-    Array(codeLength).fill(0).reduce((acc, item, i) => {
+    Array(codeLength).fill(0).reduce((acc, _, i) => {
       return __spreadProps(__spreadValues({}, acc), {
         [getInputId(i)]: {
           value: ""
@@ -252,7 +252,7 @@ function CodeInput({
             if (isMobileSafari && event.nativeEvent instanceof CustomEvent) {
               autofillValuesRef.current += event.target.value;
               if (autofillValuesRef.current.length === codeLength) {
-                const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
+                const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
                   return __spreadProps(__spreadValues({}, acc), {
                     [getInputId(i2)]: {
                       value: autofillValuesRef.current[i2]
@@ -266,7 +266,7 @@ function CodeInput({
                 autofillValuesRef.current = "";
               }
             } else if (isMobile && isChrome && event.target.value.length === codeLength) {
-              const newState = Array(codeLength).fill(0).reduce((acc, item, i2) => {
+              const newState = Array(codeLength).fill(0).reduce((acc, _, i2) => {
                 return __spreadProps(__spreadValues({}, acc), {
                   [getInputId(i2)]: {
                     value: event.target.value[i2]

package/dist/{chunk-MJ4HZKPZ.cjs → chunk-GFKY6YX2.cjs}

@@ -1,56 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPGULRMMVcjs = require('./chunk-PGULRMMV.cjs');
+var _chunkVSBIQ3WKcjs = require('./chunk-VSBIQ3WK.cjs');
 
 
 
 
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
 
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
 
 
-var _chunkEKTDBUWDcjs = require('./chunk-EKTDBUWD.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkM72EXGIScjs = require('./chunk-M72EXGIS.cjs');
+
 
 
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
 
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
 
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.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, {}, _chunkNVVAOGNLcjs.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, {}, _chunkQR6XKKRKcjs.defaultTextInputTypography), props.typography);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && props.onEnter) {
       props.onEnter();
@@ -62,62 +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);
-        }
+  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,
@@ -130,34 +147,23 @@ function TextInput(props) {
           iconOffset,
           focused,
           hasValue: Boolean(props.value),
-          colorProp: typography.color,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: props.icon.name, width: iconWidth })
+          colorProp: props.typography.color,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.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);
@@ -168,23 +174,18 @@ function TextInput(props) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQR6XKKRKcjs.InputSubtext,
+      _chunkNVVAOGNLcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OP23S3Qcjs.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 }) => _chunkIXV57HL7cjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -195,14 +196,14 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
   input {
     padding-right: 34px;
   }
 
-  & ${_chunkCB3IFR2Xcjs.IconContainer.toString()} {
+  & ${_chunkI6Y7IHF5cjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -216,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 ? _chunkPDZ23BEDcjs.getFontColor.call(void 0, theme, colorProp) : _chunkQR6XKKRKcjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkJX6HEEEQcjs.getFontColor.call(void 0, theme, colorProp) : _chunkNVVAOGNLcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkQR6XKKRKcjs.textInputStyle};
+  ${_chunkNVVAOGNLcjs.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, _chunkUEG2PUK7cjs.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, _chunk7QXYBPSJcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -243,7 +253,7 @@ var RightButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -255,7 +265,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+  margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -263,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: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+    margin-top: ${_chunkNVVAOGNLcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkEKTDBUWDcjs.CheckboxContainer.toString()} + &,
-  ${_chunkPGULRMMVcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkEKTDBUWDcjs.CheckboxContainer.toString()},
-  & + ${_chunkPGULRMMVcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkQR6XKKRKcjs.inputSpacingPx}px;
+  ${_chunkM72EXGIScjs.CheckboxContainer.toString()} + &,
+  ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkM72EXGIScjs.CheckboxContainer.toString()},
+  & + ${_chunkVSBIQ3WKcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunkNVVAOGNLcjs.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-CRVO2CAL.cjs → chunk-GIZQB46V.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCWGZNP4Ncjs = require('./chunk-CWGZNP4N.cjs');
+var _chunk4SNEOOFXcjs = require('./chunk-4SNEOOFX.cjs');
 
 
-var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
 
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/TextButton.tsx
 var _react = require('@emotion/react');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCWGZNP4Ncjs.TextIconAligner,
+    _chunk4SNEOOFXcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -57,7 +57,7 @@ function TextButton({
         width: leftIcon.width
       } : null,
       content: text,
-      typography: _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { size: "ExtraSmall" }, typography),
+      typography: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { size: "ExtraSmall" }, typography),
       rightIcon: rightIconProp ? {
         name: rightIconProp.name,
         color: rightIconProp.color || defaultIconColor,
@@ -77,9 +77,9 @@ function TextButton({
     }
   };
   if (to) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, children: content }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonLink, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { to, params: toParams, children: content }));
   }
-  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonHrefLink, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { href, target: "_blank", children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
+  return href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonHrefLink, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { href, target: "_blank", children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButton, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: content }));
 }
 var buttonStyle = ({
   theme,
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkMNAZ4BDQcjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunk23NA5VW6cjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.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, _chunkYDTPEU32cjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-V74OSV6N.cjs → chunk-GJZCJSPK.cjs}

@@ -3,31 +3,31 @@
 var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
-var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
-
-
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Dropdown.tsx
 var _react = require('@emotion/react');
@@ -199,7 +199,7 @@ function Dropdown({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      css: _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { position: "relative", display: "inline-flex" }, containerCSS),
+      css: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { position: "relative", display: "inline-flex" }, containerCSS),
       ref: dropdownRef,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -266,9 +266,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkMNAZ4BDQcjs.overlaySurface}
-  color: ${({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk23NA5VW6cjs.overlaySurface}
+  color: ${({ theme }) => _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
   padding: 12px 0;
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -280,14 +280,11 @@ var DropdownItems = _styled2.default.ul`
   list-style: none;
   margin: 0;
 `;
-function DropdownItem({
-  dropdownItem,
-  onClick
-}) {
+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, 
-    _chunkCB3IFR2Xcjs.Icon,
+    _chunkI6Y7IHF5cjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -330,8 +327,8 @@ function DropdownItem({
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+var DropdownButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+  ${_chunk23NA5VW6cjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({ selected, theme }) => `
   background-color: ${selected ? theme.primary : "transparent"};
@@ -356,20 +353,20 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunk23NA5VW6cjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQCJWZRIPcjs.Link,
-    _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props), {
+    _chunkYDTPEU32cjs.Link,
+    _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
   );
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+  ${_chunk23NA5VW6cjs.standardFocusOutline}
 `;