@lightsparkdev/ui 1.0.11 → 1.0.12

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @lightsparkdev/ui
 
+## 1.0.12
+
+### Patch Changes
+
+- f148f37: - update ClipboardTextField
+  - Fix line height typography
+  - Enable single defaultTypography argument for setDefaultTypography
+  - Move CardForm description typography to theme
+  - Add typed iconProps to Icon
+  - add padding and outline props to TextInput
+  - add button active and hover colors
+  - add Inter font for uma auth sdk themes
+  - add floating Drawer kind and adjust closeButton size
+  - add path props to most icons
+  - add new icons
+  - add icon object prop instead of icon name to Button
+- Updated dependencies [f148f37]
+  - @lightsparkdev/core@1.2.5
+
 ## 1.0.11
 
 ### Patch Changes

package/dist/{chunk-54JF52UO.cjs → chunk-23OGEUAA.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -24,7 +24,7 @@ function ButtonRow({
   headerHeight = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBPPT3NUcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
+  ${_chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+    padding: ${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-AQ4L3IR5.js → chunk-24B3POUB.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-CTPC457D.js → chunk-24LPJJHJ.js}

@@ -1,6 +1,10 @@
 // src/icons/Notebook.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Notebook() {
+function Notebook({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function Notebook() {
         {
           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"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-G2ZTK5RI.cjs → chunk-2DRWZCMM.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/AnchorLink.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function AnchorLink() {
+function AnchorLink({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function AnchorLink() {
         {
           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"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-XWH5OMCO.js → chunk-2FWNZBZE.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-WUPMVX4G.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/chunk-2LRIRGH3.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CalendarClock.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CalendarClock({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  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.08337 16.6667H4.16671C3.70647 16.6667 3.33337 16.2936 3.33337 15.8333V5C3.33337 4.53977 3.70647 4.16667 4.16671 4.16667H15.8334C16.2936 4.16667 16.6667 4.53977 16.6667 5V7.08333M6.66671 4.16667V2.5M13.3334 4.16667V2.5M14.1667 12.5002V14.1666L15.4167 15.4168M12.5728 10.3182C14.6985 9.43767 17.1346 10.4473 18.0152 12.573C18.8957 14.6986 17.886 17.1346 15.7603 18.0152C13.6346 18.8957 11.1985 17.886 10.318 15.7603C9.43812 13.6354 10.4471 11.1987 12.5728 10.3182Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.CalendarClock = CalendarClock;

package/dist/chunk-2Q7NWUOL.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/SparklesSoft.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SparklesSoft({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19 13C14.0987 13.4243 11.4243 16.0987 11 21C10.5578 16.0225 7.89737 13.5547 3 13C7.97478 12.4262 10.4262 9.97478 11 5C11.5547 9.89737 14.0225 12.5578 19 13Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M18.8864 2.34512C18.8642 2.14869 18.6981 2.0002 18.5004 2C18.3027 1.9998 18.1363 2.14794 18.1137 2.34433C18.0082 3.25861 17.7367 3.88584 17.3113 4.31127C16.8858 4.7367 16.2586 5.00822 15.3443 5.11367C15.1479 5.13632 14.9998 5.30271 15 5.5004C15.0002 5.69809 15.1487 5.86417 15.3451 5.88642C16.2439 5.98823 16.8855 6.25969 17.3217 6.68804C17.7556 7.11407 18.0322 7.74041 18.1126 8.64552C18.1305 8.84634 18.2988 9.00023 18.5004 9C18.702 8.99977 18.8701 8.84551 18.8874 8.64465C18.9645 7.75483 19.2409 7.11438 19.6776 6.67764C20.1144 6.24091 20.7548 5.96446 21.6446 5.88744C21.8455 5.87005 21.9998 5.70205 22 5.50044C22.0002 5.29883 21.8463 5.13048 21.6455 5.11264C20.7404 5.03224 20.1141 4.75557 19.688 4.3217C19.2597 3.88545 18.9882 3.24394 18.8864 2.34512Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.SparklesSoft = SparklesSoft;

package/dist/{chunk-GXP5ES4C.cjs → chunk-2T5Z36FG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQWWNVICKcjs = require('./chunk-QWWNVICK.cjs');
+var _chunkPG25LYTUcjs = require('./chunk-PG25LYTU.cjs');
 
 // src/components/CardForm/CardFormCodeInput.tsx
 var _react = require('@emotion/react');
@@ -12,7 +12,7 @@ function CardFormCodeInput({
   onBlur
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQWWNVICKcjs.CodeInput,
+    _chunkPG25LYTUcjs.CodeInput,
     {
       codeLength: 6,
       onSubmit,

package/dist/{chunk-YU5VK6IK.js → chunk-2YWN7AMD.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-3UCMIAB4.js";
+} from "./chunk-I6XDZ76B.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YPCTBP2X.cjs → chunk-2ZQXX5QN.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Person.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Person() {
+function Person({
+  strokeWidth = "1.5",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,8 +17,8 @@ function Person() {
           {
             d: "M15.7485 6.5C15.7485 8.57107 14.0696 10.25 11.9985 10.25C9.92747 10.25 8.24854 8.57107 8.24854 6.5C8.24854 4.42893 9.92747 2.75 11.9985 2.75C14.0696 2.75 15.7485 4.42893 15.7485 6.5Z",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -23,8 +26,8 @@ function Person() {
           {
             d: "M11.9985 13.25C8.20293 13.25 5.43245 15.7735 4.67009 19.1657C4.54089 19.7406 5.0077 20.25 5.59696 20.25H18.4001C18.9894 20.25 19.4562 19.7406 19.327 19.1657C18.5646 15.7735 15.7941 13.25 11.9985 13.25Z",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-TGY3VJCU.js → chunk-35422IVB.js}

@@ -1,12 +1,12 @@
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-HGKK6OQJ.js";
 import {
   Tooltip
-} from "./chunk-EVYCZKU3.js";
+} from "./chunk-CIPNSK37.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-VDL5FG27.cjs → chunk-3CC6QLHR.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Envelope.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Envelope() {
+function Envelope({
+  strokeWidth = "3",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function Envelope() {
         {
           d: "M35.0027 15.417C30.8238 18.5565 25.6293 20.417 20.0002 20.417C14.371 20.417 9.17645 18.5565 4.99773 15.417M4.5835 7.91699H35.4168V32.0837H4.5835V7.91699Z",
           stroke: "currentColor",
-          strokeWidth: "3",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/chunk-3DZBJFI6.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZHPDXKF2cjs = require('./chunk-ZHPDXKF2.cjs');
+
+
+var _chunkCSKAG4GKcjs = require('./chunk-CSKAG4GK.cjs');
+
+
+var _chunkTPTRQKV2cjs = require('./chunk-TPTRQKV2.cjs');
+
+
+var _chunkUH6CSXBFcjs = require('./chunk-UH6CSXBF.cjs');
+
+
+var _chunkULIKCHGYcjs = require('./chunk-ULIKCHGY.cjs');
+
+
+var _chunkN5PWG2KYcjs = require('./chunk-N5PWG2KY.cjs');
+
+
+var _chunkBW4YJMRGcjs = require('./chunk-BW4YJMRG.cjs');
+
+
+var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
+
+
+var _chunkYFRUEGETcjs = require('./chunk-YFRUEGET.cjs');
+
+
+var _chunkXOTPCTYHcjs = require('./chunk-XOTPCTYH.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkBW4YJMRGcjs.DisplayString,
+  Headline: _chunkTP3PDGQBcjs.HeadlineString,
+  Title: _chunkULIKCHGYcjs.TitleString,
+  Body: _chunkYFRUEGETcjs.BodyString,
+  "Body Strong": _chunkXOTPCTYHcjs.BodyStrongString,
+  Label: _chunkZHPDXKF2cjs.LabelString,
+  "Label Moderate": _chunkCSKAG4GKcjs.LabelModerateString,
+  "Label Strong": _chunkTPTRQKV2cjs.LabelStrongString,
+  Overline: _chunkUH6CSXBFcjs.OverlineString,
+  Code: _chunkN5PWG2KYcjs.CodeString,
+  "Code Strong": _chunkN5PWG2KYcjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-XTLPMH2Q.cjs → chunk-3ENUNXXT.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DollarManropeSmall.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function DollarManropeSmall() {
+function DollarManropeSmall({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function DollarManropeSmall() {
         {
           d: "M10.0005 3.3291V1.84668M10.0005 16.6709V18.1533M13.5318 5.55273C12.8269 4.66654 11.5095 4.07031 10.0005 4.07031H9.54754C7.5462 4.07031 5.92383 5.25023 5.92383 6.70572V6.81886C5.92383 7.85997 6.7326 8.81163 8.01298 9.27722L11.9881 10.7227C13.2685 11.1883 14.0771 12.14 14.0771 13.1811C14.0771 14.699 12.3852 15.9296 10.2978 15.9296H10.0005C8.4915 15.9296 7.17414 15.3334 6.46921 14.4472",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-M5QQFZEO.js → chunk-3JH7VKIA.js}

@@ -1,29 +1,29 @@
-import {
-  extend,
-  flexCenter,
-  pxToRems
-} from "./chunk-CD4D43OU.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-HGKK6OQJ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
+import {
+  extend,
+  flexCenter,
+  pxToRems
+} from "./chunk-AV62WHL7.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   themeOr
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-NPK4DLGQ.cjs → chunk-3KKC4JH2.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
 
@@ -49,24 +49,24 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkBCPM2M3Ycjs.fieldWidth,
-        maxWidth: _chunkBCPM2M3Ycjs.maxFieldWidth,
+        width: _chunkLQ7N5FRYcjs.fieldWidth,
+        maxWidth: _chunkLQ7N5FRYcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
     control: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkBCPM2M3Ycjs.textInputPaddingPx - 1}px` : _chunkBCPM2M3Ycjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkLQ7N5FRYcjs.textInputPaddingPx - 1}px` : _chunkLQ7N5FRYcjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkBCPM2M3Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBCPM2M3Ycjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkLQ7N5FRYcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLQ7N5FRYcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkBCPM2M3Ycjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkBCPM2M3Ycjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkLQ7N5FRYcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLQ7N5FRYcjs.textInputBorderColor.call(void 0, { theme })
       });
     },
     indicatorsContainer: (styles2) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -89,13 +89,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunk7EIZIKLRcjs.getColor.call(void 0, theme, _chunkBCPM2M3Ycjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkBCPM2M3Ycjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunk7EIZIKLRcjs.getColor.call(void 0, theme, _chunkBCPM2M3Ycjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, _chunkLQ7N5FRYcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkLQ7N5FRYcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, _chunkLQ7N5FRYcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunk7EIZIKLRcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkC6XJ7ZJFcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -134,7 +134,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "Chevron", width: 16 })
           // Option: (option) => {
           //   return <div>Option</div>;
           // },

package/dist/{chunk-H3Z7VJF4.cjs → chunk-3RSPLU4N.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Code() {
+function Code({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function Code() {
         {
           d: "M3.85714 3.37502L0.75 7.00002L3.85714 10.625M12.1429 3.37502L15.25 7.00002L12.1429 10.625M9.55357 1.30359L6.44643 12.6964",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-43LGFT5G.cjs → chunk-3XHBIFRP.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Search.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Search() {
+function Search({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -14,9 +18,9 @@ function Search() {
         {
           d: "M10.9972 10.9512C9.78136 12.1281 8.12781 12.6667 6.83333 12.6667C4.5 12.6667 1 10.9167 1 6.83333C1 2.75 4.5 1 6.83333 1C9.16667 1 12.6667 2.75 12.6667 6.83333C12.6667 8.65133 11.9729 10.0068 10.9972 10.9512ZM10.9972 10.9512L15 15",
           stroke: "#404040",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-RSUJHDQA.cjs → chunk-47766MAP.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/MagicWand.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function MagicWand() {
+function MagicWand({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,9 +18,9 @@ function MagicWand() {
           {
             d: "M9 9.99954L1 17.9995L2.5 19.4995L4 20.9995L12 12.9995M9 9.99954L11.2929 7.70665C11.6834 7.31612 12.3166 7.31612 12.7071 7.70665L14.2929 9.29243C14.6834 9.68296 14.6834 10.3161 14.2929 10.7067L12 12.9995M9 9.99954L12 12.9995",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -24,8 +28,8 @@ function MagicWand() {
           {
             d: "M9 2.99951C10.3668 4.36635 10.5 4.49951 10.5 4.49951M10.5 2.99951L9 4.49951",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -33,8 +37,8 @@ function MagicWand() {
           {
             d: "M18 8.99969C20.7337 11.7334 21 11.9997 21 11.9997M21 8.99969L18 11.9997",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -42,8 +46,8 @@ function MagicWand() {
           {
             d: "M17.5977 0.999512C16.5971 4.73377 16.4996 5.09759 16.4996 5.09759M19.0977 3.59759L14.9996 2.49951",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-E6A3UWLO.js → chunk-4BF5OJOG.js}

@@ -1,15 +1,15 @@
 import {
   InfoIconTooltip
-} from "./chunk-NHRJSG5K.js";
+} from "./chunk-WYK3Q2DP.js";
 import {
   Label
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-IAGH4CKJ.js";
 import {
   link
-} from "./chunk-G5IVQ4O3.js";
+} from "./chunk-FZUV52PP.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   addCommasToDigits
 } from "./chunk-EDN2QDCB.js";