@lightsparkdev/ui 1.0.11 → 1.0.13

package/dist/{chunk-WTFNCHBK.cjs → chunk-AZ5X6OZD.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Trash.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Trash() {
+function Trash({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,12 +18,29 @@ function Trash() {
           {
             d: "M0.5 2.85714H11.5M4.07143 11.5H7.92857C8.79647 11.5 9.5 10.7965 9.5 9.92857L9.92857 2.07143C9.92857 1.20355 9.22504 0.5 8.35714 0.5H3.64286C2.77498 0.5 2.07143 1.20355 2.07143 2.07143L2.5 9.92857C2.5 10.7965 3.20355 11.5 4.07143 11.5Z",
             stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 5V9", stroke: "currentColor", strokeLinecap: "round" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M7 5V9", stroke: "currentColor", strokeLinecap: "round" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M5 5V9",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7 5V9",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
       ]
     }
   );

package/dist/{chunk-YQP6BIJN.js → chunk-AZSSORPU.js}

@@ -2009,7 +2009,7 @@ function getTypographyTypes(fontFamilies) {
         [TypographyType.Body]: {
           [TokenSize.Large]: {
             fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
             lineHeight: `${LINE_HEIGHTS["UmaAuthSdk" /* UmaAuthSdk */].sm}`,
             fontSize: `${FONT_SIZE["UmaAuthSdk" /* UmaAuthSdk */].md}`,
             letterSpacing: `${LETTER_SPACING["UmaAuthSdk" /* UmaAuthSdk */].normal}`,
@@ -4079,6 +4079,10 @@ function getLineHeightForTypographyType(type, size, theme) {
   }
   return desktopTokens.lineHeight;
 }
+function getLineHeightNumberForTypographyType(type, size, theme) {
+  const lineHeight = getLineHeightForTypographyType(type, size, theme);
+  return parseFloat(lineHeight);
+}
 
 export {
   TypographyGroup,
@@ -4088,5 +4092,6 @@ export {
   TypographyType,
   getTypography,
   getTypographyString,
-  getLineHeightForTypographyType
+  getLineHeightForTypographyType,
+  getLineHeightNumberForTypographyType
 };

package/dist/{chunk-MNZQCCZJ.cjs → chunk-BBUM55WQ.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/StackedLines.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function StackedLines() {
+function StackedLines({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +16,8 @@ function StackedLines() {
         {
           d: "M18.5466 1.55566H1.1864M18.5466 8.00009H1.1864M18.5466 14.4445H1.1864",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap
         }
       )
     }

package/dist/{chunk-J3G627ED.cjs → chunk-BHJZ6MSD.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Eye.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Eye() {
+function Eye({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,7 +18,9 @@ function Eye() {
           {
             d: "M10.0714 8.17857C10.0714 9.32259 9.14402 10.25 8 10.25C6.85598 10.25 5.92857 9.32259 5.92857 8.17857C5.92857 7.03455 6.85598 6.10714 8 6.10714C9.14402 6.10714 10.0714 7.03455 10.0714 8.17857Z",
             stroke: "currentColor",
-            strokeWidth: "1.5"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -22,7 +28,9 @@ function Eye() {
           {
             d: "M8 3C4.375 3 0.75 5.82468 0.75 8.17857C0.75 10.5325 4.375 13.3571 8 13.3571C11.625 13.3571 15.25 10.5325 15.25 8.17857C15.25 5.82468 11.625 3 8 3Z",
             stroke: "currentColor",
-            strokeWidth: "1.5"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-NVLTKMR6.js → chunk-BJSYSTAY.js}

@@ -22,6 +22,8 @@ var buttonsThemeBase = {
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
   defaultHoverBorderColor: "bg",
+  defaultActiveBackgroundColor: "bg",
+  defaultActiveBorderColor: "bg",
   defaultOutlineOffset: 1,
   defaultPaddingsY: {
     ExtraSmall: 4,
@@ -43,7 +45,9 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
-      defaultHoverBorderColor: "c8Neutral"
+      defaultHoverBorderColor: "c8Neutral",
+      defaultActiveBackgroundColor: "c7Neutral",
+      defaultActiveBorderColor: "c7Neutral"
     },
     ghost: {
       defaultBackgroundColor: "transparent",
@@ -58,11 +62,45 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
         Large: 0
       }
     },
+    transparent: {
+      defaultBackgroundColor: "transparent",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "transparenta02",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "transparenta08",
+      defaultActiveBorderColor: "transparent"
+    },
     secondary: {
-      defaultBackgroundColor: ["bg", "c1Neutral"],
-      defaultBorderColor: ["gray90", "gray20"],
-      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
-      defaultHoverBorderColor: ["gray90", "gray20"]
+      defaultBackgroundColor: "bg",
+      defaultBorderColor: "gray90",
+      defaultHoverBackgroundColor: "bg",
+      defaultHoverBorderColor: "gray85",
+      defaultActiveBackgroundColor: "bg",
+      defaultActiveBorderColor: "gray80"
+    },
+    linkLight: {
+      defaultColor: "link",
+      defaultBackgroundColor: "linkLight",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "grayBlue93",
+      defaultHoverBorderColor: "grayBlue93",
+      defaultActiveBackgroundColor: "grayBlue92",
+      defaultActiveBorderColor: "grayBlue92"
+    },
+    warning: {
+      defaultColor: "danger",
+      defaultBackgroundColor: "red42a10",
+      defaultBorderColor: "transparent",
+      defaultHoverBackgroundColor: "red42a20",
+      defaultHoverBorderColor: "transparent",
+      defaultActiveBackgroundColor: "red42a30",
+      defaultActiveBorderColor: "transparent"
+    },
+    tertiary: {
+      defaultColor: "bg",
+      defaultBackgroundColor: "grayBlue9",
+      defaultHoverBackgroundColor: "grayBlue12",
+      defaultActiveBackgroundColor: "grayBlue14"
     },
     blue39: {
       defaultBorderColor: "blue39",

package/dist/{chunk-TA7W237X.js → chunk-BKCJOZOI.js}

@@ -1,6 +1,10 @@
 // src/icons/Close.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Close() {
+function Close({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,8 +17,9 @@ function Close() {
         {
           d: "M0.5 0.5L7.5 7.5M0.5 7.5L7.5 0.5",
           stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-PCIGHDWC.cjs → chunk-BNIOTRUN.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkIUVXBD5Jcjs = require('./chunk-IUVXBD5J.cjs');
+var _chunkXV2CSNTPcjs = require('./chunk-XV2CSNTP.cjs');
 
 
-var _chunkQZ7ENG5Kcjs = require('./chunk-QZ7ENG5K.cjs');
+var _chunkUA2GWYSCcjs = require('./chunk-UA2GWYSC.cjs');
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
 
-var _chunk4JVJ3TUUcjs = require('./chunk-4JVJ3TUU.cjs');
+var _chunkPDEQT5F6cjs = require('./chunk-PDEQT5F6.cjs');
 
 
 
-var _chunkQNKAOYT3cjs = require('./chunk-QNKAOYT3.cjs');
+var _chunkF6A3D2TEcjs = require('./chunk-F6A3D2TE.cjs');
 
 
-var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
+var _chunkXNXC2QV2cjs = require('./chunk-XNXC2QV2.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNKAOYT3cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6A3D2TEcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkQNKAOYT3cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkF6A3D2TEcjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkCFG65CGCcjs.colors.gray40};
+  color: ${_chunkJBCEOOZScjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkCFG65CGCcjs.colors.gray80};
+  color: ${_chunkJBCEOOZScjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQZ7ENG5Kcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXNXC2QV2cjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUA2GWYSCcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIUVXBD5Jcjs.TextButton,
+      _chunkXV2CSNTPcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -161,7 +161,7 @@ var PageSectionBoxActionRow = ({
         title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             title,
-            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JVJ3TUUcjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPDEQT5F6cjs.Badge, { content: titleBadge, ml: 4 }) : null
           ] }),
           description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
@@ -197,7 +197,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkBCPM2M3Ycjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkITH4PPTTcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -215,7 +215,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunk36SDWEWYcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkSCLUBPNMcjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkBCPM2M3Ycjs.standardBorderColor}
+    ${_chunkITH4PPTTcjs.standardBorderColor}
   }
 
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -262,7 +262,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkBCPM2M3Ycjs.standardBorderColor}
+        ${_chunkITH4PPTTcjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkBCPM2M3Ycjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkITH4PPTTcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -283,7 +283,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   align-items: center;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkOQEP7VDDcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk4JVJ3TUUcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkD262WAOVcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkPDEQT5F6cjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-3NJYXJSP.js → chunk-BOGZDXE3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-A35Y4ISY.js";
+} from "./chunk-5Q7DKJ3J.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";
@@ -47,7 +47,9 @@ var DocsHeadline = ({
   children,
   color,
   size = "Medium",
-  heading = "h1"
+  heading = "h1",
+  onClick,
+  textAlign
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ jsx(
@@ -59,6 +61,8 @@ var DocsHeadline = ({
       colorProp: color,
       displayProp: "block",
       hideOverflow: false,
+      textAlign,
+      onClick,
       block: true,
       children
     }

package/dist/chunk-BQMS62AQ.js

@@ -0,0 +1,31 @@
+// src/icons/Copy.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Copy({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M13.25 6.75V1.25C13.25 0.97386 13.0261 0.75 12.75 0.75H1.25C0.97386 0.75 0.75 0.97386 0.75 1.25V12.75C0.75 13.0261 0.97386 13.25 1.25 13.25H6.75M7.25 6.75H18.75C19.0261 6.75 19.25 6.97386 19.25 7.25V18.75C19.25 19.0261 19.0261 19.25 18.75 19.25H7.25C6.97386 19.25 6.75 19.0261 6.75 18.75V7.25C6.75 6.97386 6.97386 6.75 7.25 6.75Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  Copy
+};

package/dist/{chunk-6AFSPHQC.js → chunk-BRXGIA2O.js}

@@ -1,13 +1,25 @@
+import {
+  invertStrokeColor
+} from "./chunk-VI6WTKMV.js";
+
 // src/icons/CirclePlus.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function CirclePlus() {
+function CirclePlus({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
     "path",
     {
       fillRule: "evenodd",
       clipRule: "evenodd",
       d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.0994 8.10001C11.0994 7.60295 11.5024 7.20001 11.9994 7.20001C12.4965 7.20001 12.8994 7.60296 12.8994 8.10001V11.1001L15.8998 11.1001C16.3969 11.1001 16.7998 11.503 16.7998 12.0001C16.7998 12.4971 16.3969 12.9001 15.8998 12.9001H12.8994V15.9C12.8994 16.3971 12.4965 16.8 11.9994 16.8C11.5024 16.8 11.0994 16.3971 11.0994 15.9V12.9001H8.09982C7.60276 12.9001 7.19982 12.4971 7.19982 12.0001C7.19982 11.503 7.60276 11.1001 8.09982 11.1001H11.0994V8.10001Z",
-      fill: "#FFF14E"
+      fill: "currentColor",
+      className: invertStrokeColor,
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin
     }
   ) });
 }

package/dist/{chunk-NHRJSG5K.js → chunk-BXJM6PXH.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-EVYCZKU3.js";
+} from "./chunk-PYKAAA4T.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-MNMGIPSQ.js → chunk-C4BSD2VC.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-P2OCWRMQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   getColor,
   themeOr
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-C7EZFAK6.js

@@ -0,0 +1,27 @@
+// src/icons/Logout.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Logout() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.2917 1.125H14.0417C14.5019 1.125 14.875 1.4981 14.875 1.95833V14.0417C14.875 14.5019 14.5019 14.875 14.0417 14.875H10.2917M10.5 8H1.125M10.5 8L7.58333 10.9167M10.5 8L7.58333 5.08333",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Logout
+};

package/dist/{chunk-TAEOGBWY.js → chunk-CBMUUZOJ.js}

@@ -1,6 +1,10 @@
 // src/icons/Search.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Search() {
+function Search({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "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-UKPYD5GH.cjs → chunk-CDA4RBHU.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
 
@@ -21,11 +21,11 @@ function BodyStrongString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkUBC75VRUcjs.typographyStyles}
 `;