@orfium/ictinus 5.43.9 → 5.44.0

package/dist/vanilla/src/icons/IncomeIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function IncomeIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M11.2914 10.5373C11.7984 10.5373 12.2232 10.3561 12.5659 9.99388C12.9085 9.6316 13.0799 9.18899 13.0799 8.66604C13.0799 8.15337 12.9073 7.71951 12.5621 7.36445C12.2169 7.00939 11.7951 6.83186 11.2967 6.83186C10.7883 6.83186 10.358 7.0081 10.0058 7.36059C9.65364 7.71308 9.47755 8.15005 9.47755 8.67148C9.47755 9.19293 9.65313 9.63426 10.0043 9.99547C10.3555 10.3567 10.7845 10.5373 11.2914 10.5373ZM6.36425 13.3691C5.86201 13.3691 5.44133 13.1947 5.10221 12.8459C4.76311 12.4971 4.59355 12.0644 4.59355 11.5478V5.82137C4.59355 5.30476 4.76311 4.87204 5.10221 4.52321C5.44133 4.1744 5.86201 4 6.36425 4H16.2292C16.7314 4 17.1521 4.1744 17.4912 4.52321C17.8303 4.87204 17.9999 5.30476 17.9999 5.82137V11.5478C17.9999 12.0644 17.8303 12.4971 17.4912 12.8459C17.1521 13.1947 16.7314 13.3691 16.2292 13.3691H6.36425ZM3.77057 16C3.26832 16 2.84764 15.8256 2.50853 15.4768C2.16943 15.128 1.99988 14.6952 1.99988 14.1786V7.04276C1.99988 6.82351 2.0757 6.63593 2.22733 6.48C2.37898 6.32407 2.5614 6.2461 2.77461 6.2461C2.98782 6.2461 3.17016 6.32407 3.32164 6.48C3.47312 6.63593 3.54886 6.82351 3.54886 7.04276V14.1786C3.54886 14.2356 3.57196 14.2879 3.61816 14.3354C3.66434 14.3829 3.71514 14.4067 3.77057 14.4067H15.0058C15.2189 14.4067 15.4013 14.4847 15.5529 14.6406C15.7045 14.7966 15.7803 14.9843 15.7803 15.2036C15.7803 15.4229 15.7045 15.6104 15.5529 15.7663C15.4013 15.9221 15.2189 16 15.0058 16H3.77057ZM6.14256 7.15533C6.56131 7.15533 6.91909 7.00238 7.21589 6.6965C7.51269 6.3906 7.66109 6.02288 7.66109 5.59334H6.36425C6.30421 5.59334 6.25225 5.6159 6.20837 5.66104C6.1645 5.70617 6.14256 5.75962 6.14256 5.82137V7.15533ZM16.4509 7.15533V5.82137C16.4509 5.75962 16.429 5.70617 16.3851 5.66104C16.3412 5.6159 16.2892 5.59334 16.2292 5.59334H14.9324C14.9324 6.02469 15.0811 6.39286 15.3784 6.69785C15.6758 7.00284 16.0333 7.15533 16.4509 7.15533ZM6.36425 11.7758H7.66109C7.66109 11.3451 7.5124 10.9771 7.21502 10.6718C6.91763 10.3664 6.56015 10.2138 6.14256 10.2138V11.5478C6.14256 11.6095 6.1645 11.663 6.20837 11.7081C6.25225 11.7532 6.30421 11.7758 6.36425 11.7758ZM14.9324 11.7758H16.2292C16.2892 11.7758 16.3412 11.7532 16.3851 11.7081C16.429 11.663 16.4509 11.6095 16.4509 11.5478V10.2138C16.0315 10.2138 15.6736 10.3667 15.3771 10.6726C15.0806 10.9785 14.9324 11.3463 14.9324 11.7758Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const IncomeIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M11.2914 10.5373C11.7984 10.5373 12.2232 10.3561 12.5659 9.99388C12.9085 9.6316 13.0799 9.18899 13.0799 8.66604C13.0799 8.15337 12.9073 7.71951 12.5621 7.36445C12.2169 7.00939 11.7951 6.83186 11.2967 6.83186C10.7883 6.83186 10.358 7.0081 10.0058 7.36059C9.65364 7.71308 9.47755 8.15005 9.47755 8.67148C9.47755 9.19293 9.65313 9.63426 10.0043 9.99547C10.3555 10.3567 10.7845 10.5373 11.2914 10.5373ZM6.36425 13.3691C5.86201 13.3691 5.44133 13.1947 5.10221 12.8459C4.76311 12.4971 4.59355 12.0644 4.59355 11.5478V5.82137C4.59355 5.30476 4.76311 4.87204 5.10221 4.52321C5.44133 4.1744 5.86201 4 6.36425 4H16.2292C16.7314 4 17.1521 4.1744 17.4912 4.52321C17.8303 4.87204 17.9999 5.30476 17.9999 5.82137V11.5478C17.9999 12.0644 17.8303 12.4971 17.4912 12.8459C17.1521 13.1947 16.7314 13.3691 16.2292 13.3691H6.36425ZM3.77057 16C3.26832 16 2.84764 15.8256 2.50853 15.4768C2.16943 15.128 1.99988 14.6952 1.99988 14.1786V7.04276C1.99988 6.82351 2.0757 6.63593 2.22733 6.48C2.37898 6.32407 2.5614 6.2461 2.77461 6.2461C2.98782 6.2461 3.17016 6.32407 3.32164 6.48C3.47312 6.63593 3.54886 6.82351 3.54886 7.04276V14.1786C3.54886 14.2356 3.57196 14.2879 3.61816 14.3354C3.66434 14.3829 3.71514 14.4067 3.77057 14.4067H15.0058C15.2189 14.4067 15.4013 14.4847 15.5529 14.6406C15.7045 14.7966 15.7803 14.9843 15.7803 15.2036C15.7803 15.4229 15.7045 15.6104 15.5529 15.7663C15.4013 15.9221 15.2189 16 15.0058 16H3.77057ZM6.14256 7.15533C6.56131 7.15533 6.91909 7.00238 7.21589 6.6965C7.51269 6.3906 7.66109 6.02288 7.66109 5.59334H6.36425C6.30421 5.59334 6.25225 5.6159 6.20837 5.66104C6.1645 5.70617 6.14256 5.75962 6.14256 5.82137V7.15533ZM16.4509 7.15533V5.82137C16.4509 5.75962 16.429 5.70617 16.3851 5.66104C16.3412 5.6159 16.2892 5.59334 16.2292 5.59334H14.9324C14.9324 6.02469 15.0811 6.39286 15.3784 6.69785C15.6758 7.00284 16.0333 7.15533 16.4509 7.15533ZM6.36425 11.7758H7.66109C7.66109 11.3451 7.5124 10.9771 7.21502 10.6718C6.91763 10.3664 6.56015 10.2138 6.14256 10.2138V11.5478C6.14256 11.6095 6.1645 11.663 6.20837 11.7081C6.25225 11.7532 6.30421 11.7758 6.36425 11.7758ZM14.9324 11.7758H16.2292C16.2892 11.7758 16.3412 11.7532 16.3851 11.7081C16.429 11.663 16.4509 11.6095 16.4509 11.5478V10.2138C16.0315 10.2138 15.6736 10.3667 15.3771 10.6726C15.0806 10.9785 14.9324 11.3463 14.9324 11.7758Z",
+    fill: "currentColor"
+  }
+) }) }));
+IncomeIcon.displayName = "IncomeIcon";
 
 export { IncomeIcon };

package/dist/vanilla/src/icons/InformationalIcon.js

@@ -1,17 +1,16 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function InformationalIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M6.88122 17.3701C7.85478 17.79 8.89481 18 10.0013 18C11.1111 18 12.1541 17.7896 13.1301 17.3687C14.1062 16.9478 14.9553 16.3766 15.6773 15.6552C16.3994 14.9337 16.967 14.0884 17.3802 13.1192C17.7934 12.15 18 11.1104 18 10.0003C18 8.89025 17.7933 7.84706 17.3799 6.87073C16.9666 5.8944 16.3986 5.04513 15.6761 4.32292C14.9536 3.60072 14.1042 3.03301 13.1278 2.61981C12.1514 2.2066 11.1084 2 9.9987 2C8.89371 2 7.8553 2.20669 6.88345 2.62006C5.91159 3.03343 5.06506 3.60129 4.34387 4.32362C3.62269 5.04596 3.05175 5.89538 2.63105 6.87186C2.21035 7.84835 2 8.8915 2 10.0013C2 11.1078 2.21005 12.1476 2.63016 13.1208C3.05026 14.094 3.62041 14.9405 4.34059 15.6604C5.06076 16.3803 5.90763 16.9502 6.88122 17.3701ZM10.6094 13.7549C10.4461 13.9183 10.2495 14 10.0197 14C9.78983 14 9.59317 13.9183 9.42969 13.7549C9.26622 13.5914 9.18448 13.3948 9.18448 13.1651V10.0582C9.18448 9.82847 9.26613 9.63188 9.42944 9.46844C9.59274 9.30501 9.78931 9.2233 10.0192 9.2233C10.249 9.2233 10.4457 9.30501 10.6091 9.46844C10.7726 9.63188 10.8544 9.82847 10.8544 10.0582V13.1651C10.8544 13.3948 10.7727 13.5914 10.6094 13.7549ZM9.9751 7.90001C10.5964 7.90001 11.1001 7.39633 11.1001 6.77501C11.1001 6.15369 10.5964 5.65001 9.9751 5.65001C9.35378 5.65001 8.8501 6.15369 8.8501 6.77501C8.8501 7.39633 9.35378 7.90001 9.9751 7.90001Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const InformationalIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.88122 17.3701C7.85478 17.79 8.89481 18 10.0013 18C11.1111 18 12.1541 17.7896 13.1301 17.3687C14.1062 16.9478 14.9553 16.3766 15.6773 15.6552C16.3994 14.9337 16.967 14.0884 17.3802 13.1192C17.7934 12.15 18 11.1104 18 10.0003C18 8.89025 17.7933 7.84706 17.3799 6.87073C16.9666 5.8944 16.3986 5.04513 15.6761 4.32292C14.9536 3.60072 14.1042 3.03301 13.1278 2.61981C12.1514 2.2066 11.1084 2 9.9987 2C8.89371 2 7.8553 2.20669 6.88345 2.62006C5.91159 3.03343 5.06506 3.60129 4.34387 4.32362C3.62269 5.04596 3.05175 5.89538 2.63105 6.87186C2.21035 7.84835 2 8.8915 2 10.0013C2 11.1078 2.21005 12.1476 2.63016 13.1208C3.05026 14.094 3.62041 14.9405 4.34059 15.6604C5.06076 16.3803 5.90763 16.9502 6.88122 17.3701ZM10.6094 13.7549C10.4461 13.9183 10.2495 14 10.0197 14C9.78983 14 9.59317 13.9183 9.42969 13.7549C9.26622 13.5914 9.18448 13.3948 9.18448 13.1651V10.0582C9.18448 9.82847 9.26613 9.63188 9.42944 9.46844C9.59274 9.30501 9.78931 9.2233 10.0192 9.2233C10.249 9.2233 10.4457 9.30501 10.6091 9.46844C10.7726 9.63188 10.8544 9.82847 10.8544 10.0582V13.1651C10.8544 13.3948 10.7727 13.5914 10.6094 13.7549ZM9.9751 7.90001C10.5964 7.90001 11.1001 7.39633 11.1001 6.77501C11.1001 6.15369 10.5964 5.65001 9.9751 5.65001C9.35378 5.65001 8.8501 6.15369 8.8501 6.77501C8.8501 7.39633 9.35378 7.90001 9.9751 7.90001Z",
+    fill: "currentColor"
+  }
+) }) }));
+InformationalIcon.displayName = "InformationalIcon";
 
 export { InformationalIcon };

package/dist/vanilla/src/icons/InsightIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function InsightIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M3.61202 17.1879C3.40674 16.9798 3.30411 16.7363 3.30411 16.4574C3.30411 16.1785 3.40674 15.9324 3.61202 15.7191L8.08583 11.2209C8.18243 11.123 8.28809 11.0496 8.4028 11.0006C8.51751 10.9517 8.63525 10.9272 8.756 10.9272C8.87675 10.9272 8.99448 10.9517 9.10919 11.0006C9.22391 11.0496 9.32956 11.123 9.42616 11.2209L11.6902 13.5159L16.3452 8.28335C16.5263 8.07528 16.7527 7.96818 17.0244 7.96206C17.2961 7.95594 17.5285 8.0508 17.7217 8.24663C17.8988 8.42616 17.9914 8.64239 17.9995 8.89534C18.0075 9.14831 17.927 9.3727 17.758 9.56854L12.3604 15.7007C12.2638 15.7987 12.1581 15.8752 12.0434 15.9302C11.9287 15.9853 11.805 16.0129 11.6721 16.0129C11.5393 16.0129 11.4155 15.9914 11.3008 15.9486C11.1861 15.9058 11.0804 15.8354 10.9838 15.7375L8.756 13.4792L5.06103 17.1879C4.85061 17.396 4.60782 17.5 4.33267 17.5C4.05751 17.5 3.8173 17.396 3.61202 17.1879ZM4.37275 11.9186C4.29225 11.9186 4.21175 11.8977 4.13125 11.856C4.05075 11.8143 3.98635 11.7434 3.93805 11.6432L3.40905 10.4903L2.27169 9.9541C2.17289 9.90514 2.10292 9.83986 2.06176 9.75826C2.02059 9.67667 2 9.59507 2 9.51346C2 9.43186 2.02059 9.35026 2.06176 9.26867C2.1029 9.18707 2.17288 9.12179 2.27169 9.07283L3.40905 8.53661L3.93805 7.38372C3.98635 7.28357 4.05075 7.21264 4.13125 7.17091C4.21175 7.12919 4.29225 7.10832 4.37275 7.10832C4.45325 7.10832 4.53375 7.12919 4.61424 7.17091C4.69475 7.21264 4.75915 7.28357 4.80745 7.38372L5.33645 8.53661L6.47381 9.07283C6.65494 9.15377 6.7455 9.29946 6.7455 9.5099C6.7455 9.72036 6.65494 9.86842 6.47381 9.9541L5.33645 10.4903L4.80745 11.6432C4.75915 11.7434 4.69475 11.8143 4.61424 11.856C4.53375 11.8977 4.45325 11.9186 4.37275 11.9186ZM12.3423 10.4498C12.2618 10.4498 12.1813 10.429 12.1008 10.3872C12.0203 10.3455 11.9559 10.2746 11.9076 10.1744L11.3786 9.02153L10.2412 8.48531C10.1424 8.43635 10.0725 8.37107 10.0313 8.28947C9.99012 8.20788 9.96954 8.12628 9.96954 8.04468C9.96954 7.96307 9.99012 7.88147 10.0313 7.79988C10.0725 7.71828 10.1424 7.653 10.2412 7.60404L11.3786 7.06782L11.9076 5.91493C11.9559 5.81479 12.0203 5.74385 12.1008 5.70212C12.1813 5.6604 12.2618 5.63954 12.3423 5.63954C12.4228 5.63954 12.5033 5.6604 12.5838 5.70212C12.6643 5.74385 12.7287 5.81479 12.777 5.91493L13.306 7.06782L14.4434 7.60404C14.5421 7.653 14.6121 7.71828 14.6533 7.79988C14.6945 7.88147 14.715 7.96307 14.715 8.04468C14.715 8.12628 14.6945 8.20788 14.6533 8.28947C14.6121 8.37107 14.5421 8.43635 14.4434 8.48531L13.306 9.02153L12.777 10.1744C12.7287 10.2746 12.6643 10.3455 12.5838 10.3872C12.5033 10.429 12.4228 10.4498 12.3423 10.4498ZM7.6149 7.8978C7.5183 7.8978 7.43285 7.87332 7.35854 7.82436C7.28423 7.7754 7.22478 7.70196 7.1802 7.60404L6.58249 6.24541L5.24098 5.63638C5.14516 5.58952 5.0731 5.52938 5.0248 5.45594C4.9765 5.3825 4.95235 5.29682 4.95235 5.1989C4.95235 5.10098 4.9765 5.01436 5.0248 4.93903C5.0731 4.86371 5.14555 4.80345 5.24215 4.75826L6.58249 4.15239L7.18332 2.79256C7.22954 2.69544 7.28888 2.6224 7.36133 2.57344C7.43378 2.52448 7.5183 2.5 7.6149 2.5C7.7115 2.5 7.79696 2.52448 7.87127 2.57344C7.94558 2.6224 8.00502 2.69584 8.04961 2.79376L8.64732 4.15239L9.98883 4.76142C10.0846 4.80827 10.1567 4.86842 10.205 4.94186C10.2533 5.0153 10.2775 5.10098 10.2775 5.1989C10.2775 5.29682 10.2533 5.38344 10.205 5.45876C10.1567 5.53409 10.0843 5.59435 9.98765 5.63954L8.64732 6.24541L8.04649 7.60523C8.00027 7.70236 7.94093 7.7754 7.86848 7.82436C7.79603 7.87332 7.7115 7.8978 7.6149 7.8978Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const InsightIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M3.61202 17.1879C3.40674 16.9798 3.30411 16.7363 3.30411 16.4574C3.30411 16.1785 3.40674 15.9324 3.61202 15.7191L8.08583 11.2209C8.18243 11.123 8.28809 11.0496 8.4028 11.0006C8.51751 10.9517 8.63525 10.9272 8.756 10.9272C8.87675 10.9272 8.99448 10.9517 9.10919 11.0006C9.22391 11.0496 9.32956 11.123 9.42616 11.2209L11.6902 13.5159L16.3452 8.28335C16.5263 8.07528 16.7527 7.96818 17.0244 7.96206C17.2961 7.95594 17.5285 8.0508 17.7217 8.24663C17.8988 8.42616 17.9914 8.64239 17.9995 8.89534C18.0075 9.14831 17.927 9.3727 17.758 9.56854L12.3604 15.7007C12.2638 15.7987 12.1581 15.8752 12.0434 15.9302C11.9287 15.9853 11.805 16.0129 11.6721 16.0129C11.5393 16.0129 11.4155 15.9914 11.3008 15.9486C11.1861 15.9058 11.0804 15.8354 10.9838 15.7375L8.756 13.4792L5.06103 17.1879C4.85061 17.396 4.60782 17.5 4.33267 17.5C4.05751 17.5 3.8173 17.396 3.61202 17.1879ZM4.37275 11.9186C4.29225 11.9186 4.21175 11.8977 4.13125 11.856C4.05075 11.8143 3.98635 11.7434 3.93805 11.6432L3.40905 10.4903L2.27169 9.9541C2.17289 9.90514 2.10292 9.83986 2.06176 9.75826C2.02059 9.67667 2 9.59507 2 9.51346C2 9.43186 2.02059 9.35026 2.06176 9.26867C2.1029 9.18707 2.17288 9.12179 2.27169 9.07283L3.40905 8.53661L3.93805 7.38372C3.98635 7.28357 4.05075 7.21264 4.13125 7.17091C4.21175 7.12919 4.29225 7.10832 4.37275 7.10832C4.45325 7.10832 4.53375 7.12919 4.61424 7.17091C4.69475 7.21264 4.75915 7.28357 4.80745 7.38372L5.33645 8.53661L6.47381 9.07283C6.65494 9.15377 6.7455 9.29946 6.7455 9.5099C6.7455 9.72036 6.65494 9.86842 6.47381 9.9541L5.33645 10.4903L4.80745 11.6432C4.75915 11.7434 4.69475 11.8143 4.61424 11.856C4.53375 11.8977 4.45325 11.9186 4.37275 11.9186ZM12.3423 10.4498C12.2618 10.4498 12.1813 10.429 12.1008 10.3872C12.0203 10.3455 11.9559 10.2746 11.9076 10.1744L11.3786 9.02153L10.2412 8.48531C10.1424 8.43635 10.0725 8.37107 10.0313 8.28947C9.99012 8.20788 9.96954 8.12628 9.96954 8.04468C9.96954 7.96307 9.99012 7.88147 10.0313 7.79988C10.0725 7.71828 10.1424 7.653 10.2412 7.60404L11.3786 7.06782L11.9076 5.91493C11.9559 5.81479 12.0203 5.74385 12.1008 5.70212C12.1813 5.6604 12.2618 5.63954 12.3423 5.63954C12.4228 5.63954 12.5033 5.6604 12.5838 5.70212C12.6643 5.74385 12.7287 5.81479 12.777 5.91493L13.306 7.06782L14.4434 7.60404C14.5421 7.653 14.6121 7.71828 14.6533 7.79988C14.6945 7.88147 14.715 7.96307 14.715 8.04468C14.715 8.12628 14.6945 8.20788 14.6533 8.28947C14.6121 8.37107 14.5421 8.43635 14.4434 8.48531L13.306 9.02153L12.777 10.1744C12.7287 10.2746 12.6643 10.3455 12.5838 10.3872C12.5033 10.429 12.4228 10.4498 12.3423 10.4498ZM7.6149 7.8978C7.5183 7.8978 7.43285 7.87332 7.35854 7.82436C7.28423 7.7754 7.22478 7.70196 7.1802 7.60404L6.58249 6.24541L5.24098 5.63638C5.14516 5.58952 5.0731 5.52938 5.0248 5.45594C4.9765 5.3825 4.95235 5.29682 4.95235 5.1989C4.95235 5.10098 4.9765 5.01436 5.0248 4.93903C5.0731 4.86371 5.14555 4.80345 5.24215 4.75826L6.58249 4.15239L7.18332 2.79256C7.22954 2.69544 7.28888 2.6224 7.36133 2.57344C7.43378 2.52448 7.5183 2.5 7.6149 2.5C7.7115 2.5 7.79696 2.52448 7.87127 2.57344C7.94558 2.6224 8.00502 2.69584 8.04961 2.79376L8.64732 4.15239L9.98883 4.76142C10.0846 4.80827 10.1567 4.86842 10.205 4.94186C10.2533 5.0153 10.2775 5.10098 10.2775 5.1989C10.2775 5.29682 10.2533 5.38344 10.205 5.45876C10.1567 5.53409 10.0843 5.59435 9.98765 5.63954L8.64732 6.24541L8.04649 7.60523C8.00027 7.70236 7.94093 7.7754 7.86848 7.82436C7.79603 7.87332 7.7115 7.8978 7.6149 7.8978Z",
+    fill: "currentColor"
+  }
+) }) }));
+InsightIcon.displayName = "InsightIcon";
 
 export { InsightIcon };

package/dist/vanilla/src/icons/InvoiceIcon.js

@@ -1,17 +1,16 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function InvoiceIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M3 4C3 2.89543 3.89543 2 5 2H15C16.1046 2 17 2.89543 17 4V16C17 17.1046 16.1046 18 15 18H5C3.89543 18 3 17.1046 3 16V4ZM6 15.5C6 15.2239 6.22386 15 6.5 15H13.5C13.7761 15 14 15.2239 14 15.5C14 15.7761 13.7761 16 13.5 16H6.5C6.22386 16 6 15.7761 6 15.5ZM9.41 13.43C9.45667 13.4767 9.51667 13.5 9.59 13.5H10.42C10.4867 13.5 10.5433 13.4767 10.59 13.43C10.6433 13.3833 10.67 13.3233 10.67 13.25V12.55C11.1433 12.49 11.5567 12.3667 11.91 12.18C12.2633 11.9933 12.5367 11.75 12.73 11.45C12.93 11.15 13.03 10.8033 13.03 10.41C13.03 10.0033 12.9433 9.66667 12.77 9.4C12.5967 9.12667 12.3233 8.90667 11.95 8.74C11.5767 8.56667 11.0867 8.42333 10.48 8.31C10.1133 8.23 9.82333 8.15333 9.61 8.08C9.39667 8.00667 9.24333 7.92 9.15 7.82C9.06333 7.72 9.02 7.60333 9.02 7.47C9.02 7.25667 9.10333 7.1 9.27 7C9.43667 6.89333 9.66333 6.84 9.95 6.84C10.2233 6.84 10.4467 6.89667 10.62 7.01C10.7933 7.11667 10.9 7.24333 10.94 7.39C10.98 7.45 11.0267 7.49333 11.08 7.52C11.1333 7.54667 11.1967 7.56 11.27 7.56H12.59C12.65 7.56 12.7 7.54 12.74 7.5C12.78 7.45333 12.8 7.40333 12.8 7.35C12.7933 7.11 12.7067 6.86 12.54 6.6C12.38 6.34 12.1433 6.10667 11.83 5.9C11.5167 5.69333 11.13 5.55 10.67 5.47V4.75C10.67 4.67667 10.6433 4.61667 10.59 4.57C10.5433 4.52333 10.4867 4.5 10.42 4.5H9.59C9.51667 4.5 9.45667 4.52333 9.41 4.57C9.36333 4.61667 9.34 4.67667 9.34 4.75V5.45C8.66667 5.54333 8.13667 5.77667 7.75 6.15C7.37 6.52333 7.18 6.97667 7.18 7.51C7.18 7.92333 7.27333 8.27 7.46 8.55C7.64667 8.82333 7.91667 9.04667 8.27 9.22C8.63 9.38667 9.06333 9.52333 9.57 9.63C9.96333 9.71 10.2767 9.79 10.51 9.87C10.75 9.94333 10.9233 10.03 11.03 10.13C11.1367 10.2233 11.19 10.3433 11.19 10.49C11.19 10.6967 11.09 10.86 10.89 10.98C10.6967 11.1 10.4067 11.16 10.02 11.16C9.78667 11.16 9.59 11.1333 9.43 11.08C9.27667 11.02 9.15 10.9433 9.05 10.85C8.95667 10.7567 8.88333 10.66 8.83 10.56C8.78333 10.5067 8.73667 10.4633 8.69 10.43C8.64333 10.3967 8.57333 10.38 8.48 10.38H7.22C7.16 10.38 7.10667 10.4033 7.06 10.45C7.02 10.49 7 10.5367 7 10.59C7.01333 10.8967 7.10667 11.19 7.28 11.47C7.45333 11.7433 7.71 11.9767 8.05 12.17C8.39667 12.3633 8.82667 12.4933 9.34 12.56V13.25C9.34 13.3233 9.36333 13.3833 9.41 13.43Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const InvoiceIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3 4C3 2.89543 3.89543 2 5 2H15C16.1046 2 17 2.89543 17 4V16C17 17.1046 16.1046 18 15 18H5C3.89543 18 3 17.1046 3 16V4ZM6 15.5C6 15.2239 6.22386 15 6.5 15H13.5C13.7761 15 14 15.2239 14 15.5C14 15.7761 13.7761 16 13.5 16H6.5C6.22386 16 6 15.7761 6 15.5ZM9.41 13.43C9.45667 13.4767 9.51667 13.5 9.59 13.5H10.42C10.4867 13.5 10.5433 13.4767 10.59 13.43C10.6433 13.3833 10.67 13.3233 10.67 13.25V12.55C11.1433 12.49 11.5567 12.3667 11.91 12.18C12.2633 11.9933 12.5367 11.75 12.73 11.45C12.93 11.15 13.03 10.8033 13.03 10.41C13.03 10.0033 12.9433 9.66667 12.77 9.4C12.5967 9.12667 12.3233 8.90667 11.95 8.74C11.5767 8.56667 11.0867 8.42333 10.48 8.31C10.1133 8.23 9.82333 8.15333 9.61 8.08C9.39667 8.00667 9.24333 7.92 9.15 7.82C9.06333 7.72 9.02 7.60333 9.02 7.47C9.02 7.25667 9.10333 7.1 9.27 7C9.43667 6.89333 9.66333 6.84 9.95 6.84C10.2233 6.84 10.4467 6.89667 10.62 7.01C10.7933 7.11667 10.9 7.24333 10.94 7.39C10.98 7.45 11.0267 7.49333 11.08 7.52C11.1333 7.54667 11.1967 7.56 11.27 7.56H12.59C12.65 7.56 12.7 7.54 12.74 7.5C12.78 7.45333 12.8 7.40333 12.8 7.35C12.7933 7.11 12.7067 6.86 12.54 6.6C12.38 6.34 12.1433 6.10667 11.83 5.9C11.5167 5.69333 11.13 5.55 10.67 5.47V4.75C10.67 4.67667 10.6433 4.61667 10.59 4.57C10.5433 4.52333 10.4867 4.5 10.42 4.5H9.59C9.51667 4.5 9.45667 4.52333 9.41 4.57C9.36333 4.61667 9.34 4.67667 9.34 4.75V5.45C8.66667 5.54333 8.13667 5.77667 7.75 6.15C7.37 6.52333 7.18 6.97667 7.18 7.51C7.18 7.92333 7.27333 8.27 7.46 8.55C7.64667 8.82333 7.91667 9.04667 8.27 9.22C8.63 9.38667 9.06333 9.52333 9.57 9.63C9.96333 9.71 10.2767 9.79 10.51 9.87C10.75 9.94333 10.9233 10.03 11.03 10.13C11.1367 10.2233 11.19 10.3433 11.19 10.49C11.19 10.6967 11.09 10.86 10.89 10.98C10.6967 11.1 10.4067 11.16 10.02 11.16C9.78667 11.16 9.59 11.1333 9.43 11.08C9.27667 11.02 9.15 10.9433 9.05 10.85C8.95667 10.7567 8.88333 10.66 8.83 10.56C8.78333 10.5067 8.73667 10.4633 8.69 10.43C8.64333 10.3967 8.57333 10.38 8.48 10.38H7.22C7.16 10.38 7.10667 10.4033 7.06 10.45C7.02 10.49 7 10.5367 7 10.59C7.01333 10.8967 7.10667 11.19 7.28 11.47C7.45333 11.7433 7.71 11.9767 8.05 12.17C8.39667 12.3633 8.82667 12.4933 9.34 12.56V13.25C9.34 13.3233 9.36333 13.3833 9.41 13.43Z",
+    fill: "currentColor"
+  }
+) }) }));
+InvoiceIcon.displayName = "InvoiceIcon";
 
 export { InvoiceIcon };

package/dist/vanilla/src/icons/IssueIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function IssueIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M2.90304 17C2.7225 17 2.56612 16.9542 2.4339 16.8625C2.30168 16.7709 2.1967 16.6639 2.11896 16.5416C2.03333 16.4214 1.99392 16.2791 2.00076 16.1146C2.00758 15.9501 2.05299 15.7868 2.137 15.6247L9.26013 3.41888C9.34414 3.25678 9.44942 3.14644 9.57597 3.08787C9.70253 3.02929 9.84404 3 10.0005 3C10.157 3 10.2983 3.02929 10.4245 3.08787C10.5507 3.14644 10.6559 3.25678 10.7399 3.41888L17.863 15.6247C17.947 15.7868 17.9924 15.9501 17.9992 16.1146C18.0061 16.2791 17.9667 16.4214 17.881 16.5416C17.7977 16.6626 17.6914 16.7692 17.5619 16.8615C17.4325 16.9538 17.2775 17 17.097 17H2.90304ZM10.0152 14.563C10.2324 14.563 10.4197 14.4831 10.5772 14.3231C10.7348 14.1632 10.8135 13.9711 10.8135 13.7467C10.8135 13.5224 10.7361 13.3289 10.5813 13.1662C10.4265 13.0035 10.2405 12.9221 10.0233 12.9221C9.8061 12.9221 9.61874 13.0021 9.46121 13.162C9.30369 13.3219 9.22492 13.514 9.22492 13.7384C9.22492 13.9627 9.30234 14.1562 9.45718 14.3189C9.612 14.4817 9.798 14.563 10.0152 14.563ZM10.0154 12.0283C10.2201 12.0283 10.3969 11.9523 10.5458 11.8004C10.6947 11.6484 10.7692 11.4662 10.7692 11.2537V8.90983C10.7692 8.6973 10.696 8.51507 10.5496 8.36314C10.4032 8.21119 10.2277 8.13521 10.023 8.13521C9.81834 8.13521 9.64155 8.21119 9.49265 8.36314C9.34375 8.51507 9.2693 8.6973 9.2693 8.90983V11.2537C9.2693 11.4662 9.34249 11.6484 9.48887 11.8004C9.63524 11.9523 9.81077 12.0283 10.0154 12.0283Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const IssueIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M2.90304 17C2.7225 17 2.56612 16.9542 2.4339 16.8625C2.30168 16.7709 2.1967 16.6639 2.11896 16.5416C2.03333 16.4214 1.99392 16.2791 2.00076 16.1146C2.00758 15.9501 2.05299 15.7868 2.137 15.6247L9.26013 3.41888C9.34414 3.25678 9.44942 3.14644 9.57597 3.08787C9.70253 3.02929 9.84404 3 10.0005 3C10.157 3 10.2983 3.02929 10.4245 3.08787C10.5507 3.14644 10.6559 3.25678 10.7399 3.41888L17.863 15.6247C17.947 15.7868 17.9924 15.9501 17.9992 16.1146C18.0061 16.2791 17.9667 16.4214 17.881 16.5416C17.7977 16.6626 17.6914 16.7692 17.5619 16.8615C17.4325 16.9538 17.2775 17 17.097 17H2.90304ZM10.0152 14.563C10.2324 14.563 10.4197 14.4831 10.5772 14.3231C10.7348 14.1632 10.8135 13.9711 10.8135 13.7467C10.8135 13.5224 10.7361 13.3289 10.5813 13.1662C10.4265 13.0035 10.2405 12.9221 10.0233 12.9221C9.8061 12.9221 9.61874 13.0021 9.46121 13.162C9.30369 13.3219 9.22492 13.514 9.22492 13.7384C9.22492 13.9627 9.30234 14.1562 9.45718 14.3189C9.612 14.4817 9.798 14.563 10.0152 14.563ZM10.0154 12.0283C10.2201 12.0283 10.3969 11.9523 10.5458 11.8004C10.6947 11.6484 10.7692 11.4662 10.7692 11.2537V8.90983C10.7692 8.6973 10.696 8.51507 10.5496 8.36314C10.4032 8.21119 10.2277 8.13521 10.023 8.13521C9.81834 8.13521 9.64155 8.21119 9.49265 8.36314C9.34375 8.51507 9.2693 8.6973 9.2693 8.90983V11.2537C9.2693 11.4662 9.34249 11.6484 9.48887 11.8004C9.63524 11.9523 9.81077 12.0283 10.0154 12.0283Z",
+    fill: "currentColor"
+  }
+) }) }));
+IssueIcon.displayName = "IssueIcon";
 
 export { IssueIcon };

package/dist/vanilla/src/icons/KeywordIcon.js

@@ -1,17 +1,16 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function KeywordIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12.7779 2.5C15.3854 2.5 17.5 4.6369 17.5 7.27569C17.5 9.91273 15.3854 12.0514 12.7779 12.0514C12.3941 12.0514 12.0241 11.9993 11.6678 11.9124C11.2398 12.3453 10.6564 12.5889 10.0477 12.5889H8.57092V14.0444C8.57092 14.5967 8.1232 15.0444 7.57092 15.0444H6.14289V16.5C6.14289 17.0523 5.69518 17.5 5.14289 17.5H3.5C2.94772 17.5 2.5 17.0523 2.5 16.5V14.6383C2.5 14.1119 2.70755 13.6067 3.07762 13.2323L8.13305 8.11794C8.08497 7.84443 8.05578 7.56396 8.05578 7.27569C8.05578 4.6369 10.1696 2.5 12.7779 2.5ZM14.0134 4.5822C13.3025 4.5822 12.7255 5.16483 12.7255 5.88466C12.7255 6.60362 13.3025 7.18712 14.0134 7.18712C14.7251 7.18712 15.3012 6.60362 15.3012 5.88466C15.3012 5.16483 14.7251 4.5822 14.0134 4.5822Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const KeywordIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.7779 2.5C15.3854 2.5 17.5 4.6369 17.5 7.27569C17.5 9.91273 15.3854 12.0514 12.7779 12.0514C12.3941 12.0514 12.0241 11.9993 11.6678 11.9124C11.2398 12.3453 10.6564 12.5889 10.0477 12.5889H8.57092V14.0444C8.57092 14.5967 8.1232 15.0444 7.57092 15.0444H6.14289V16.5C6.14289 17.0523 5.69518 17.5 5.14289 17.5H3.5C2.94772 17.5 2.5 17.0523 2.5 16.5V14.6383C2.5 14.1119 2.70755 13.6067 3.07762 13.2323L8.13305 8.11794C8.08497 7.84443 8.05578 7.56396 8.05578 7.27569C8.05578 4.6369 10.1696 2.5 12.7779 2.5ZM14.0134 4.5822C13.3025 4.5822 12.7255 5.16483 12.7255 5.88466C12.7255 6.60362 13.3025 7.18712 14.0134 7.18712C14.7251 7.18712 15.3012 6.60362 15.3012 5.88466C15.3012 5.16483 14.7251 4.5822 14.0134 4.5822Z",
+    fill: "currentColor"
+  }
+) }) }));
+KeywordIcon.displayName = "KeywordIcon";
 
 export { KeywordIcon };

package/dist/vanilla/src/icons/LanguageIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LanguageIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10 18C8.89355 18 7.85315 17.7915 6.8788 17.3745C5.90444 16.9575 5.05621 16.388 4.33411 15.6659C3.61202 14.9438 3.04248 14.0956 2.6255 13.1212C2.2085 12.1469 2 11.1065 2 10C2 8.89873 2.2085 7.85962 2.6255 6.88268C3.04248 5.90573 3.61202 5.05621 4.33411 4.33411C5.05621 3.61202 5.90444 3.04248 6.8788 2.6255C7.85315 2.2085 8.89355 2 10 2C11.1013 2 12.1404 2.2085 13.1173 2.6255C14.0943 3.04248 14.9438 3.61202 15.6659 4.33411C16.388 5.05621 16.9575 5.90573 17.3745 6.88268C17.7915 7.85962 18 8.89873 18 10C18 11.1065 17.7915 12.1469 17.3745 13.1212C16.9575 14.0956 16.388 14.9438 15.6659 15.6659C14.9438 16.388 14.0943 16.9575 13.1173 17.3745C12.1404 17.7915 11.1013 18 10 18ZM10 16.3668C10.2642 16.0891 10.517 15.6182 10.7584 14.9542C10.9998 14.2901 11.1888 13.5742 11.3256 12.8065H8.67442C8.82153 13.5949 9.0132 14.3212 9.24941 14.9852C9.48561 15.6493 9.73581 16.1098 10 16.3668ZM8.49575 16.2253C8.25333 15.8617 8.03577 15.38 7.84306 14.7801C7.65036 14.1803 7.4991 13.5224 7.38929 12.8065H4.22374C4.62365 13.6996 5.21288 14.4483 5.99144 15.0529C6.77002 15.6574 7.60479 16.0482 8.49575 16.2253ZM11.5042 16.2253C12.3952 16.0482 13.23 15.6574 14.0086 15.0529C14.7871 14.4483 15.3763 13.6996 15.7763 12.8065H12.6107C12.475 13.5276 12.3108 14.188 12.1181 14.7879C11.9254 15.3877 11.7208 15.8669 11.5042 16.2253ZM3.77621 11.554H7.24476C7.22093 11.294 7.20436 11.0264 7.19504 10.7514C7.18572 10.4763 7.18106 10.2124 7.18106 9.9596C7.18106 9.70681 7.18572 9.44962 7.19504 9.18802C7.20436 8.92643 7.22093 8.67908 7.24476 8.44598H3.77621C3.69851 8.68012 3.64567 8.93187 3.6177 9.20123C3.58973 9.47059 3.57574 9.73685 3.57574 10C3.57574 10.2632 3.58973 10.5294 3.6177 10.7988C3.64567 11.0681 3.69851 11.3199 3.77621 11.554ZM8.53767 11.554H11.4623C11.4996 11.2805 11.5229 11.0156 11.5323 10.7591C11.5416 10.5027 11.5462 10.2497 11.5462 10C11.5462 9.75032 11.5416 9.4939 11.5323 9.23077C11.5229 8.96761 11.4996 8.70602 11.4623 8.44598H8.53767C8.50038 8.70602 8.47707 8.96761 8.46773 9.23077C8.45841 9.4939 8.45375 9.75032 8.45375 10C8.45375 10.2497 8.45841 10.5061 8.46773 10.7692C8.47707 11.0324 8.50038 11.294 8.53767 11.554ZM12.7552 11.554H16.2238C16.3015 11.3199 16.3543 11.0681 16.3823 10.7988C16.4103 10.5294 16.4243 10.2632 16.4243 10C16.4243 9.73685 16.4103 9.46722 16.3823 9.19113C16.3543 8.91503 16.3015 8.66665 16.2238 8.44598H12.7552C12.7791 8.70602 12.7956 8.97357 12.805 9.24862C12.8143 9.5237 12.8189 9.78762 12.8189 10.0404C12.8189 10.2932 12.8143 10.5504 12.805 10.812C12.7956 11.0736 12.7791 11.3209 12.7552 11.554ZM12.6107 7.19349H15.7763C15.3712 6.29008 14.7858 5.54129 14.0202 4.94714C13.2546 4.353 12.4159 3.95957 11.5042 3.76687C11.7467 4.15641 11.9616 4.64722 12.1492 5.2393C12.3367 5.83138 12.4905 6.48278 12.6107 7.19349ZM8.67442 7.19349H11.3256C11.1785 6.41027 10.9829 5.6835 10.7389 5.0132C10.495 4.34291 10.2486 3.84925 10 3.53223C9.75135 3.84925 9.50504 4.34291 9.26107 5.0132C9.01708 5.6835 8.82153 6.41027 8.67442 7.19349ZM4.22374 7.19349H7.38929C7.50946 6.48278 7.66331 5.83138 7.85084 5.2393C8.03836 4.64722 8.25333 4.15641 8.49575 3.76687C7.57889 3.95957 6.73894 4.3543 5.97591 4.95104C5.21289 5.54778 4.62883 6.29526 4.22374 7.19349Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LanguageIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10 18C8.89355 18 7.85315 17.7915 6.8788 17.3745C5.90444 16.9575 5.05621 16.388 4.33411 15.6659C3.61202 14.9438 3.04248 14.0956 2.6255 13.1212C2.2085 12.1469 2 11.1065 2 10C2 8.89873 2.2085 7.85962 2.6255 6.88268C3.04248 5.90573 3.61202 5.05621 4.33411 4.33411C5.05621 3.61202 5.90444 3.04248 6.8788 2.6255C7.85315 2.2085 8.89355 2 10 2C11.1013 2 12.1404 2.2085 13.1173 2.6255C14.0943 3.04248 14.9438 3.61202 15.6659 4.33411C16.388 5.05621 16.9575 5.90573 17.3745 6.88268C17.7915 7.85962 18 8.89873 18 10C18 11.1065 17.7915 12.1469 17.3745 13.1212C16.9575 14.0956 16.388 14.9438 15.6659 15.6659C14.9438 16.388 14.0943 16.9575 13.1173 17.3745C12.1404 17.7915 11.1013 18 10 18ZM10 16.3668C10.2642 16.0891 10.517 15.6182 10.7584 14.9542C10.9998 14.2901 11.1888 13.5742 11.3256 12.8065H8.67442C8.82153 13.5949 9.0132 14.3212 9.24941 14.9852C9.48561 15.6493 9.73581 16.1098 10 16.3668ZM8.49575 16.2253C8.25333 15.8617 8.03577 15.38 7.84306 14.7801C7.65036 14.1803 7.4991 13.5224 7.38929 12.8065H4.22374C4.62365 13.6996 5.21288 14.4483 5.99144 15.0529C6.77002 15.6574 7.60479 16.0482 8.49575 16.2253ZM11.5042 16.2253C12.3952 16.0482 13.23 15.6574 14.0086 15.0529C14.7871 14.4483 15.3763 13.6996 15.7763 12.8065H12.6107C12.475 13.5276 12.3108 14.188 12.1181 14.7879C11.9254 15.3877 11.7208 15.8669 11.5042 16.2253ZM3.77621 11.554H7.24476C7.22093 11.294 7.20436 11.0264 7.19504 10.7514C7.18572 10.4763 7.18106 10.2124 7.18106 9.9596C7.18106 9.70681 7.18572 9.44962 7.19504 9.18802C7.20436 8.92643 7.22093 8.67908 7.24476 8.44598H3.77621C3.69851 8.68012 3.64567 8.93187 3.6177 9.20123C3.58973 9.47059 3.57574 9.73685 3.57574 10C3.57574 10.2632 3.58973 10.5294 3.6177 10.7988C3.64567 11.0681 3.69851 11.3199 3.77621 11.554ZM8.53767 11.554H11.4623C11.4996 11.2805 11.5229 11.0156 11.5323 10.7591C11.5416 10.5027 11.5462 10.2497 11.5462 10C11.5462 9.75032 11.5416 9.4939 11.5323 9.23077C11.5229 8.96761 11.4996 8.70602 11.4623 8.44598H8.53767C8.50038 8.70602 8.47707 8.96761 8.46773 9.23077C8.45841 9.4939 8.45375 9.75032 8.45375 10C8.45375 10.2497 8.45841 10.5061 8.46773 10.7692C8.47707 11.0324 8.50038 11.294 8.53767 11.554ZM12.7552 11.554H16.2238C16.3015 11.3199 16.3543 11.0681 16.3823 10.7988C16.4103 10.5294 16.4243 10.2632 16.4243 10C16.4243 9.73685 16.4103 9.46722 16.3823 9.19113C16.3543 8.91503 16.3015 8.66665 16.2238 8.44598H12.7552C12.7791 8.70602 12.7956 8.97357 12.805 9.24862C12.8143 9.5237 12.8189 9.78762 12.8189 10.0404C12.8189 10.2932 12.8143 10.5504 12.805 10.812C12.7956 11.0736 12.7791 11.3209 12.7552 11.554ZM12.6107 7.19349H15.7763C15.3712 6.29008 14.7858 5.54129 14.0202 4.94714C13.2546 4.353 12.4159 3.95957 11.5042 3.76687C11.7467 4.15641 11.9616 4.64722 12.1492 5.2393C12.3367 5.83138 12.4905 6.48278 12.6107 7.19349ZM8.67442 7.19349H11.3256C11.1785 6.41027 10.9829 5.6835 10.7389 5.0132C10.495 4.34291 10.2486 3.84925 10 3.53223C9.75135 3.84925 9.50504 4.34291 9.26107 5.0132C9.01708 5.6835 8.82153 6.41027 8.67442 7.19349ZM4.22374 7.19349H7.38929C7.50946 6.48278 7.66331 5.83138 7.85084 5.2393C8.03836 4.64722 8.25333 4.15641 8.49575 3.76687C7.57889 3.95957 6.73894 4.3543 5.97591 4.95104C5.21289 5.54778 4.62883 6.29526 4.22374 7.19349Z",
+    fill: "currentColor"
+  }
+) }) }));
+LanguageIcon.displayName = "LanguageIcon";
 
 export { LanguageIcon };

package/dist/vanilla/src/icons/LegalIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LegalIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10 11.3831L11.649 12.6247C11.7381 12.6876 11.8292 12.6876 11.9223 12.6247C12.0155 12.5619 12.0419 12.4812 12.0015 12.3827L11.3478 10.3395L13.0481 9.00826C13.1558 8.95063 13.1881 8.86785 13.1452 8.75992C13.1022 8.652 13.0186 8.59804 12.8944 8.59804H10.8804L10.2189 6.57998C10.1786 6.48148 10.1056 6.43223 10 6.43223C9.89441 6.43223 9.82143 6.48148 9.78106 6.57998L9.11957 8.59804H7.10561C6.98139 8.59804 6.90245 8.652 6.86881 8.75992C6.83516 8.86785 6.87217 8.95063 6.97983 9.00826L8.65217 10.3395L7.99846 12.3701C7.95809 12.4686 7.98448 12.5527 8.07765 12.6224C8.17082 12.6921 8.26192 12.6955 8.35095 12.6326L10 11.3831ZM10 18C9.91615 18 9.82039 17.9932 9.71273 17.9796C9.60507 17.9659 9.50672 17.9455 9.4177 17.9183C7.6206 17.3189 6.18505 16.2014 5.11104 14.5658C4.03701 12.9302 3.5 11.1678 3.5 9.27858V5.6998C3.5 5.30897 3.60533 4.95508 3.816 4.63812C4.02666 4.32114 4.3116 4.09298 4.67081 3.95363L9.34784 2.13516C9.56109 2.04505 9.77847 2 10 2C10.2215 2 10.4389 2.04505 10.6522 2.13516L15.3292 3.95363C15.6884 4.09298 15.9733 4.32114 16.184 4.63812C16.3947 4.95508 16.5 5.30897 16.5 5.6998V9.27858C16.5 11.1678 15.963 12.9302 14.889 14.5658C13.815 16.2014 12.3794 17.3189 10.5823 17.9183C10.4933 17.9455 10.3949 17.9659 10.2873 17.9796C10.1796 17.9932 10.0839 18 10 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LegalIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10 11.3831L11.649 12.6247C11.7381 12.6876 11.8292 12.6876 11.9223 12.6247C12.0155 12.5619 12.0419 12.4812 12.0015 12.3827L11.3478 10.3395L13.0481 9.00826C13.1558 8.95063 13.1881 8.86785 13.1452 8.75992C13.1022 8.652 13.0186 8.59804 12.8944 8.59804H10.8804L10.2189 6.57998C10.1786 6.48148 10.1056 6.43223 10 6.43223C9.89441 6.43223 9.82143 6.48148 9.78106 6.57998L9.11957 8.59804H7.10561C6.98139 8.59804 6.90245 8.652 6.86881 8.75992C6.83516 8.86785 6.87217 8.95063 6.97983 9.00826L8.65217 10.3395L7.99846 12.3701C7.95809 12.4686 7.98448 12.5527 8.07765 12.6224C8.17082 12.6921 8.26192 12.6955 8.35095 12.6326L10 11.3831ZM10 18C9.91615 18 9.82039 17.9932 9.71273 17.9796C9.60507 17.9659 9.50672 17.9455 9.4177 17.9183C7.6206 17.3189 6.18505 16.2014 5.11104 14.5658C4.03701 12.9302 3.5 11.1678 3.5 9.27858V5.6998C3.5 5.30897 3.60533 4.95508 3.816 4.63812C4.02666 4.32114 4.3116 4.09298 4.67081 3.95363L9.34784 2.13516C9.56109 2.04505 9.77847 2 10 2C10.2215 2 10.4389 2.04505 10.6522 2.13516L15.3292 3.95363C15.6884 4.09298 15.9733 4.32114 16.184 4.63812C16.3947 4.95508 16.5 5.30897 16.5 5.6998V9.27858C16.5 11.1678 15.963 12.9302 14.889 14.5658C13.815 16.2014 12.3794 17.3189 10.5823 17.9183C10.4933 17.9455 10.3949 17.9659 10.2873 17.9796C10.1796 17.9932 10.0839 18 10 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+LegalIcon.displayName = "LegalIcon";
 
 export { LegalIcon };

package/dist/vanilla/src/icons/LicenseIcon.js

@@ -1,17 +1,16 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LicenseIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M17 8C17 10.3846 15.8076 12.4908 13.9865 13.7547L14.8478 17.993C14.8478 18.3127 14.7227 18.5743 14.4724 18.7777C14.2221 18.9811 13.947 19.0449 13.6471 18.9691L9.93478 18.1501L6.20068 18.9691C5.90079 19.0449 5.62571 18.9811 5.37544 18.7777C5.12514 18.5743 5 18.3127 5 17.993L5.89872 13.6733C4.14246 12.4015 3 10.3342 3 8C3 4.13401 6.13401 1 10 1C13.866 1 17 4.13401 17 8ZM10 11C11.6569 11 13 9.65685 13 8C13 6.34315 11.6569 5 10 5C8.34315 5 7 6.34315 7 8C7 9.65685 8.34315 11 10 11Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LicenseIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17 8C17 10.3846 15.8076 12.4908 13.9865 13.7547L14.8478 17.993C14.8478 18.3127 14.7227 18.5743 14.4724 18.7777C14.2221 18.9811 13.947 19.0449 13.6471 18.9691L9.93478 18.1501L6.20068 18.9691C5.90079 19.0449 5.62571 18.9811 5.37544 18.7777C5.12514 18.5743 5 18.3127 5 17.993L5.89872 13.6733C4.14246 12.4015 3 10.3342 3 8C3 4.13401 6.13401 1 10 1C13.866 1 17 4.13401 17 8ZM10 11C11.6569 11 13 9.65685 13 8C13 6.34315 11.6569 5 10 5C8.34315 5 7 6.34315 7 8C7 9.65685 8.34315 11 10 11Z",
+    fill: "currentColor"
+  }
+) }) }));
+LicenseIcon.displayName = "LicenseIcon";
 
 export { LicenseIcon };

package/dist/vanilla/src/icons/LinkIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LinkIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M6.03439 14C4.91549 14 3.96337 13.6107 3.17802 12.8321C2.39267 12.0536 2 11.1097 2 10.0004C2 8.89117 2.39267 7.94712 3.17802 7.16827C3.96337 6.38942 4.91549 6 6.03439 6H8.39254C8.62257 6 8.81938 6.08114 8.98298 6.24341C9.1466 6.40567 9.22841 6.60087 9.22841 6.82902C9.22841 7.05715 9.1466 7.25227 8.98298 7.41436C8.81938 7.57645 8.62257 7.6575 8.39254 7.6575H6.03439C5.38143 7.6575 4.82441 7.88606 4.36335 8.3432C3.90229 8.80033 3.67176 9.3526 3.67176 10C3.67176 10.6474 3.90229 11.1997 4.36335 11.6568C4.82441 12.1139 5.38143 12.3425 6.03439 12.3425H8.39254C8.62257 12.3425 8.81938 12.4236 8.98298 12.5859C9.1466 12.7482 9.22841 12.9434 9.22841 13.1715C9.22841 13.3997 9.1466 13.5948 8.98298 13.7569C8.81938 13.919 8.62257 14 8.39254 14H6.03439ZM7.60898 10.8095C7.37894 10.8095 7.18213 10.7283 7.01853 10.5661C6.85491 10.4038 6.77311 10.2086 6.77311 9.98048C6.77311 9.75233 6.85491 9.55721 7.01853 9.39512C7.18213 9.23302 7.37894 9.15198 7.60898 9.15198H12.391C12.6211 9.15198 12.8179 9.23311 12.9815 9.39537C13.1451 9.55764 13.2269 9.75284 13.2269 9.98098C13.2269 10.2091 13.1451 10.4042 12.9815 10.5663C12.8179 10.7284 12.6211 10.8095 12.391 10.8095H7.60898ZM11.6075 14C11.3775 14 11.1806 13.9189 11.017 13.7566C10.8534 13.5943 10.7716 13.3991 10.7716 13.171C10.7716 12.9428 10.8534 12.7477 11.017 12.5856C11.1806 12.4235 11.3775 12.3425 11.6075 12.3425H13.9656C14.6186 12.3425 15.1756 12.1139 15.6367 11.6568C16.0977 11.1997 16.3283 10.6474 16.3283 10C16.3283 9.3526 16.0977 8.80033 15.6367 8.3432C15.1756 7.88606 14.6186 7.6575 13.9656 7.6575H11.6075C11.3775 7.6575 11.1806 7.57637 11.017 7.41411C10.8534 7.25184 10.7716 7.05663 10.7716 6.8285C10.7716 6.60035 10.8534 6.40523 11.017 6.24314C11.1806 6.08105 11.3775 6 11.6075 6H13.9656C15.0845 6 16.0366 6.38928 16.822 7.16785C17.6073 7.94642 18 8.89033 18 9.99958C18 11.1088 17.6073 12.0529 16.822 12.8317C16.0366 13.6106 15.0845 14 13.9656 14H11.6075Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LinkIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M6.03439 14C4.91549 14 3.96337 13.6107 3.17802 12.8321C2.39267 12.0536 2 11.1097 2 10.0004C2 8.89117 2.39267 7.94712 3.17802 7.16827C3.96337 6.38942 4.91549 6 6.03439 6H8.39254C8.62257 6 8.81938 6.08114 8.98298 6.24341C9.1466 6.40567 9.22841 6.60087 9.22841 6.82902C9.22841 7.05715 9.1466 7.25227 8.98298 7.41436C8.81938 7.57645 8.62257 7.6575 8.39254 7.6575H6.03439C5.38143 7.6575 4.82441 7.88606 4.36335 8.3432C3.90229 8.80033 3.67176 9.3526 3.67176 10C3.67176 10.6474 3.90229 11.1997 4.36335 11.6568C4.82441 12.1139 5.38143 12.3425 6.03439 12.3425H8.39254C8.62257 12.3425 8.81938 12.4236 8.98298 12.5859C9.1466 12.7482 9.22841 12.9434 9.22841 13.1715C9.22841 13.3997 9.1466 13.5948 8.98298 13.7569C8.81938 13.919 8.62257 14 8.39254 14H6.03439ZM7.60898 10.8095C7.37894 10.8095 7.18213 10.7283 7.01853 10.5661C6.85491 10.4038 6.77311 10.2086 6.77311 9.98048C6.77311 9.75233 6.85491 9.55721 7.01853 9.39512C7.18213 9.23302 7.37894 9.15198 7.60898 9.15198H12.391C12.6211 9.15198 12.8179 9.23311 12.9815 9.39537C13.1451 9.55764 13.2269 9.75284 13.2269 9.98098C13.2269 10.2091 13.1451 10.4042 12.9815 10.5663C12.8179 10.7284 12.6211 10.8095 12.391 10.8095H7.60898ZM11.6075 14C11.3775 14 11.1806 13.9189 11.017 13.7566C10.8534 13.5943 10.7716 13.3991 10.7716 13.171C10.7716 12.9428 10.8534 12.7477 11.017 12.5856C11.1806 12.4235 11.3775 12.3425 11.6075 12.3425H13.9656C14.6186 12.3425 15.1756 12.1139 15.6367 11.6568C16.0977 11.1997 16.3283 10.6474 16.3283 10C16.3283 9.3526 16.0977 8.80033 15.6367 8.3432C15.1756 7.88606 14.6186 7.6575 13.9656 7.6575H11.6075C11.3775 7.6575 11.1806 7.57637 11.017 7.41411C10.8534 7.25184 10.7716 7.05663 10.7716 6.8285C10.7716 6.60035 10.8534 6.40523 11.017 6.24314C11.1806 6.08105 11.3775 6 11.6075 6H13.9656C15.0845 6 16.0366 6.38928 16.822 7.16785C17.6073 7.94642 18 8.89033 18 9.99958C18 11.1088 17.6073 12.0529 16.822 12.8317C16.0366 13.6106 15.0845 14 13.9656 14H11.6075Z",
+    fill: "currentColor"
+  }
+) }) }));
+LinkIcon.displayName = "LinkIcon";
 
 export { LinkIcon };

package/dist/vanilla/src/icons/LocationIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LocationIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M9.94011 10.3704C10.49 10.3704 10.9599 10.1796 11.3497 9.79809C11.7396 9.41656 11.9345 8.95789 11.9345 8.4221C11.9345 7.88632 11.7387 7.4285 11.3471 7.04864C10.9555 6.66878 10.4848 6.47886 9.93489 6.47886C9.38501 6.47886 8.91514 6.66963 8.52529 7.05118C8.13543 7.43272 7.9405 7.89139 7.9405 8.42718C7.9405 8.96296 8.1363 9.42078 8.52789 9.80064C8.91947 10.1805 9.39021 10.3704 9.94011 10.3704ZM9.9375 18.6042C7.58315 16.6242 5.82789 14.816 4.67173 13.1794C3.51558 11.5427 2.9375 10.0138 2.9375 8.59259C2.9375 6.44684 3.6374 4.74565 5.03721 3.48905C6.43701 2.23245 8.06964 1.60416 9.9351 1.60416C11.8006 1.60416 13.434 2.23245 14.8354 3.48905C16.2368 4.74565 16.9375 6.44684 16.9375 8.59259C16.9375 10.0138 16.3594 11.5427 15.2033 13.1794C14.0471 14.816 12.2919 16.6242 9.9375 18.6042Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LocationIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M9.94011 10.3704C10.49 10.3704 10.9599 10.1796 11.3497 9.79809C11.7396 9.41656 11.9345 8.95789 11.9345 8.4221C11.9345 7.88632 11.7387 7.4285 11.3471 7.04864C10.9555 6.66878 10.4848 6.47886 9.93489 6.47886C9.38501 6.47886 8.91514 6.66963 8.52529 7.05118C8.13543 7.43272 7.9405 7.89139 7.9405 8.42718C7.9405 8.96296 8.1363 9.42078 8.52789 9.80064C8.91947 10.1805 9.39021 10.3704 9.94011 10.3704ZM9.9375 18.6042C7.58315 16.6242 5.82789 14.816 4.67173 13.1794C3.51558 11.5427 2.9375 10.0138 2.9375 8.59259C2.9375 6.44684 3.6374 4.74565 5.03721 3.48905C6.43701 2.23245 8.06964 1.60416 9.9351 1.60416C11.8006 1.60416 13.434 2.23245 14.8354 3.48905C16.2368 4.74565 16.9375 6.44684 16.9375 8.59259C16.9375 10.0138 16.3594 11.5427 15.2033 13.1794C14.0471 14.816 12.2919 16.6242 9.9375 18.6042Z",
+    fill: "currentColor"
+  }
+) }) }));
+LocationIcon.displayName = "LocationIcon";
 
 export { LocationIcon };

package/dist/vanilla/src/icons/LockIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LockIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M5.43638 18C4.88713 18 4.42709 17.8269 4.05626 17.4806C3.68542 17.1344 3.5 16.7049 3.5 16.192V9.14129C3.5 8.62847 3.68542 8.19894 4.05626 7.8527C4.42709 7.50645 4.88713 7.33332 5.43638 7.33332H5.90304V5.86205C5.90304 4.78407 6.30176 3.8709 7.0992 3.12254C7.89665 2.37418 8.86359 2 10 2C11.1364 2 12.1033 2.37418 12.9008 3.12254C13.6982 3.8709 14.097 4.78407 14.097 5.86205V7.33332H14.5636C15.1129 7.33332 15.5729 7.50645 15.9437 7.8527C16.3146 8.19894 16.5 8.62847 16.5 9.14129V16.192C16.5 16.7049 16.3146 17.1344 15.9437 17.4806C15.5729 17.8269 15.1129 18 14.5636 18H5.43638ZM10.0031 14.2483C10.4627 14.2483 10.8528 14.0976 11.1735 13.7962C11.4942 13.4948 11.6545 13.1296 11.6545 12.7005C11.6545 12.2715 11.4931 11.9072 11.1703 11.6078C10.8475 11.3083 10.4564 11.1586 9.99687 11.1586C9.53734 11.1586 9.14722 11.3093 8.82653 11.6107C8.50582 11.9121 8.34547 12.2773 8.34547 12.7064C8.34547 13.1354 8.50687 13.4997 8.82966 13.7991C9.15246 14.0985 9.54361 14.2483 10.0031 14.2483ZM7.59696 7.33332H12.403V5.86205C12.403 5.23676 12.1692 4.70036 11.7015 4.25285C11.2338 3.80534 10.6658 3.58158 9.99768 3.58158C9.32953 3.58158 8.76237 3.80534 8.29621 4.25285C7.83004 4.70036 7.59696 5.23676 7.59696 5.86205V7.33332Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LockIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M5.43638 18C4.88713 18 4.42709 17.8269 4.05626 17.4806C3.68542 17.1344 3.5 16.7049 3.5 16.192V9.14129C3.5 8.62847 3.68542 8.19894 4.05626 7.8527C4.42709 7.50645 4.88713 7.33332 5.43638 7.33332H5.90304V5.86205C5.90304 4.78407 6.30176 3.8709 7.0992 3.12254C7.89665 2.37418 8.86359 2 10 2C11.1364 2 12.1033 2.37418 12.9008 3.12254C13.6982 3.8709 14.097 4.78407 14.097 5.86205V7.33332H14.5636C15.1129 7.33332 15.5729 7.50645 15.9437 7.8527C16.3146 8.19894 16.5 8.62847 16.5 9.14129V16.192C16.5 16.7049 16.3146 17.1344 15.9437 17.4806C15.5729 17.8269 15.1129 18 14.5636 18H5.43638ZM10.0031 14.2483C10.4627 14.2483 10.8528 14.0976 11.1735 13.7962C11.4942 13.4948 11.6545 13.1296 11.6545 12.7005C11.6545 12.2715 11.4931 11.9072 11.1703 11.6078C10.8475 11.3083 10.4564 11.1586 9.99687 11.1586C9.53734 11.1586 9.14722 11.3093 8.82653 11.6107C8.50582 11.9121 8.34547 12.2773 8.34547 12.7064C8.34547 13.1354 8.50687 13.4997 8.82966 13.7991C9.15246 14.0985 9.54361 14.2483 10.0031 14.2483ZM7.59696 7.33332H12.403V5.86205C12.403 5.23676 12.1692 4.70036 11.7015 4.25285C11.2338 3.80534 10.6658 3.58158 9.99768 3.58158C9.32953 3.58158 8.76237 3.80534 8.29621 4.25285C7.83004 4.70036 7.59696 5.23676 7.59696 5.86205V7.33332Z",
+    fill: "currentColor"
+  }
+) }) }));
+LockIcon.displayName = "LockIcon";
 
 export { LockIcon };

package/dist/vanilla/src/icons/LoginIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LoginIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M7.63145 13.6299C7.44798 13.4553 7.3596 13.2424 7.3663 12.9914C7.373 12.7404 7.46808 12.5223 7.65155 12.3373L9.12497 10.8513H3.36424C3.12615 10.8513 2.92258 10.7661 2.75355 10.5956C2.58452 10.4252 2.5 10.2199 2.5 9.97974C2.5 9.73962 2.58452 9.53432 2.75355 9.36385C2.92258 9.19336 3.12615 9.10812 3.36424 9.10812H9.12497L7.60361 7.57382C7.43046 7.39918 7.34724 7.19649 7.35394 6.96573C7.36064 6.73496 7.45314 6.52965 7.63145 6.34982C7.81491 6.16999 8.0244 6.08008 8.25993 6.08008C8.49543 6.08008 8.70493 6.17259 8.8884 6.35762L11.8105 9.30458C11.9125 9.4075 11.9857 9.51794 12.03 9.63591C12.0743 9.7539 12.0965 9.87527 12.0965 10C12.0965 10.1247 12.0743 10.2461 12.03 10.3641C11.9857 10.4821 11.9125 10.5925 11.8105 10.6954L8.88066 13.6502C8.7075 13.8248 8.50188 13.9114 8.26378 13.9098C8.02569 13.9082 7.81491 13.8149 7.63145 13.6299ZM10.872 17.5C10.6339 17.5 10.4303 17.4148 10.2613 17.2443C10.0922 17.0738 10.0077 16.8685 10.0077 16.6284C10.0077 16.3883 10.0922 16.183 10.2613 16.0125C10.4303 15.842 10.6339 15.7568 10.872 15.7568H15.5241C15.586 15.7568 15.6427 15.7308 15.6942 15.6788C15.7457 15.6268 15.7715 15.5697 15.7715 15.5073V4.49273C15.7715 4.43035 15.7457 4.37317 15.6942 4.32118C15.6427 4.26921 15.586 4.24323 15.5241 4.24323H10.872C10.6339 4.24323 10.4303 4.15799 10.2613 3.98752C10.0922 3.81704 10.0077 3.61174 10.0077 3.37162C10.0077 3.1315 10.0922 2.9262 10.2613 2.75573C10.4303 2.58524 10.6339 2.5 10.872 2.5H15.5241C16.0776 2.5 16.5453 2.69257 16.9272 3.0777C17.3091 3.46284 17.5 3.93452 17.5 4.49273V15.5073C17.5 16.0655 17.3091 16.5372 16.9272 16.9223C16.5453 17.3074 16.0776 17.5 15.5241 17.5H10.872Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LoginIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M7.63145 13.6299C7.44798 13.4553 7.3596 13.2424 7.3663 12.9914C7.373 12.7404 7.46808 12.5223 7.65155 12.3373L9.12497 10.8513H3.36424C3.12615 10.8513 2.92258 10.7661 2.75355 10.5956C2.58452 10.4252 2.5 10.2199 2.5 9.97974C2.5 9.73962 2.58452 9.53432 2.75355 9.36385C2.92258 9.19336 3.12615 9.10812 3.36424 9.10812H9.12497L7.60361 7.57382C7.43046 7.39918 7.34724 7.19649 7.35394 6.96573C7.36064 6.73496 7.45314 6.52965 7.63145 6.34982C7.81491 6.16999 8.0244 6.08008 8.25993 6.08008C8.49543 6.08008 8.70493 6.17259 8.8884 6.35762L11.8105 9.30458C11.9125 9.4075 11.9857 9.51794 12.03 9.63591C12.0743 9.7539 12.0965 9.87527 12.0965 10C12.0965 10.1247 12.0743 10.2461 12.03 10.3641C11.9857 10.4821 11.9125 10.5925 11.8105 10.6954L8.88066 13.6502C8.7075 13.8248 8.50188 13.9114 8.26378 13.9098C8.02569 13.9082 7.81491 13.8149 7.63145 13.6299ZM10.872 17.5C10.6339 17.5 10.4303 17.4148 10.2613 17.2443C10.0922 17.0738 10.0077 16.8685 10.0077 16.6284C10.0077 16.3883 10.0922 16.183 10.2613 16.0125C10.4303 15.842 10.6339 15.7568 10.872 15.7568H15.5241C15.586 15.7568 15.6427 15.7308 15.6942 15.6788C15.7457 15.6268 15.7715 15.5697 15.7715 15.5073V4.49273C15.7715 4.43035 15.7457 4.37317 15.6942 4.32118C15.6427 4.26921 15.586 4.24323 15.5241 4.24323H10.872C10.6339 4.24323 10.4303 4.15799 10.2613 3.98752C10.0922 3.81704 10.0077 3.61174 10.0077 3.37162C10.0077 3.1315 10.0922 2.9262 10.2613 2.75573C10.4303 2.58524 10.6339 2.5 10.872 2.5H15.5241C16.0776 2.5 16.5453 2.69257 16.9272 3.0777C17.3091 3.46284 17.5 3.93452 17.5 4.49273V15.5073C17.5 16.0655 17.3091 16.5372 16.9272 16.9223C16.5453 17.3074 16.0776 17.5 15.5241 17.5H10.872Z",
+    fill: "currentColor"
+  }
+) }) }));
+LoginIcon.displayName = "LoginIcon";
 
 export { LoginIcon };

package/dist/vanilla/src/icons/LogoutIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function LogoutIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12.9115 13.6299C12.723 13.4553 12.6322 13.2424 12.6391 12.9914C12.6459 12.7404 12.7437 12.5223 12.9322 12.3373L14.4463 10.8513H8.52636C8.28168 10.8513 8.07249 10.7661 7.89879 10.5956C7.72508 10.4252 7.63823 10.2199 7.63823 9.97974C7.63823 9.73962 7.72508 9.53432 7.89879 9.36385C8.07249 9.19336 8.28168 9.10812 8.52636 9.10812H14.4463L12.8829 7.57382C12.705 7.39918 12.6195 7.19649 12.6263 6.96573C12.6332 6.73496 12.7283 6.52965 12.9115 6.34982C13.1001 6.16999 13.3154 6.08008 13.5574 6.08008C13.7994 6.08008 14.0147 6.17259 14.2032 6.35762L17.2061 9.30458C17.3109 9.4075 17.3861 9.51794 17.4317 9.63591C17.4772 9.7539 17.5 9.87527 17.5 10C17.5 10.1247 17.4772 10.2461 17.4317 10.3641C17.3861 10.4821 17.3109 10.5925 17.2061 10.6954L14.1953 13.6502C14.0226 13.8196 13.8127 13.9049 13.5653 13.9059C13.318 13.9069 13.1001 13.8149 12.9115 13.6299ZM4.5305 17.5C3.96171 17.5 3.4811 17.3074 3.08866 16.9223C2.69622 16.5372 2.5 16.0655 2.5 15.5073V4.49273C2.5 3.93452 2.69622 3.46284 3.08866 3.0777C3.4811 2.69257 3.96171 2.5 4.5305 2.5H9.31126C9.55593 2.5 9.76513 2.58524 9.93885 2.75573C10.1126 2.9262 10.1994 3.1315 10.1994 3.37162C10.1994 3.61174 10.1126 3.81704 9.93885 3.98752C9.76513 4.15799 9.55593 4.24323 9.31126 4.24323H4.5305C4.46694 4.24323 4.40868 4.26921 4.35572 4.32118C4.30275 4.37317 4.27626 4.43035 4.27626 4.49273V15.5073C4.27626 15.5697 4.30275 15.6268 4.35572 15.6788C4.40868 15.7308 4.46694 15.7568 4.5305 15.7568H9.31126C9.55593 15.7568 9.76513 15.842 9.93885 16.0125C10.1126 16.183 10.1994 16.3883 10.1994 16.6284C10.1994 16.8685 10.1126 17.0738 9.93885 17.2443C9.76513 17.4148 9.55593 17.5 9.31126 17.5H4.5305Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const LogoutIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M12.9115 13.6299C12.723 13.4553 12.6322 13.2424 12.6391 12.9914C12.6459 12.7404 12.7437 12.5223 12.9322 12.3373L14.4463 10.8513H8.52636C8.28168 10.8513 8.07249 10.7661 7.89879 10.5956C7.72508 10.4252 7.63823 10.2199 7.63823 9.97974C7.63823 9.73962 7.72508 9.53432 7.89879 9.36385C8.07249 9.19336 8.28168 9.10812 8.52636 9.10812H14.4463L12.8829 7.57382C12.705 7.39918 12.6195 7.19649 12.6263 6.96573C12.6332 6.73496 12.7283 6.52965 12.9115 6.34982C13.1001 6.16999 13.3154 6.08008 13.5574 6.08008C13.7994 6.08008 14.0147 6.17259 14.2032 6.35762L17.2061 9.30458C17.3109 9.4075 17.3861 9.51794 17.4317 9.63591C17.4772 9.7539 17.5 9.87527 17.5 10C17.5 10.1247 17.4772 10.2461 17.4317 10.3641C17.3861 10.4821 17.3109 10.5925 17.2061 10.6954L14.1953 13.6502C14.0226 13.8196 13.8127 13.9049 13.5653 13.9059C13.318 13.9069 13.1001 13.8149 12.9115 13.6299ZM4.5305 17.5C3.96171 17.5 3.4811 17.3074 3.08866 16.9223C2.69622 16.5372 2.5 16.0655 2.5 15.5073V4.49273C2.5 3.93452 2.69622 3.46284 3.08866 3.0777C3.4811 2.69257 3.96171 2.5 4.5305 2.5H9.31126C9.55593 2.5 9.76513 2.58524 9.93885 2.75573C10.1126 2.9262 10.1994 3.1315 10.1994 3.37162C10.1994 3.61174 10.1126 3.81704 9.93885 3.98752C9.76513 4.15799 9.55593 4.24323 9.31126 4.24323H4.5305C4.46694 4.24323 4.40868 4.26921 4.35572 4.32118C4.30275 4.37317 4.27626 4.43035 4.27626 4.49273V15.5073C4.27626 15.5697 4.30275 15.6268 4.35572 15.6788C4.40868 15.7308 4.46694 15.7568 4.5305 15.7568H9.31126C9.55593 15.7568 9.76513 15.842 9.93885 16.0125C10.1126 16.183 10.1994 16.3883 10.1994 16.6284C10.1994 16.8685 10.1126 17.0738 9.93885 17.2443C9.76513 17.4148 9.55593 17.5 9.31126 17.5H4.5305Z",
+    fill: "currentColor"
+  }
+) }) }));
+LogoutIcon.displayName = "LogoutIcon";
 
 export { LogoutIcon };

package/dist/vanilla/src/icons/MailIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function MailIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M4.28961 16C3.79164 16 3.36888 15.8264 3.02134 15.4793C2.67378 15.1322 2.5 14.7099 2.5 14.2126V5.78742C2.5 5.29005 2.67377 4.86781 3.02132 4.52069C3.36886 4.17356 3.79162 4 4.28959 4H15.7104C16.2084 4 16.6311 4.17356 16.9787 4.52069C17.3262 4.86781 17.5 5.29005 17.5 5.78742V14.2126C17.5 14.7099 17.3262 15.1322 16.9787 15.4793C16.6311 15.8264 16.2084 16 15.7104 16H4.28961ZM10 10.6671C10.085 10.6671 10.1657 10.655 10.2421 10.6307C10.3185 10.6065 10.3923 10.5725 10.4635 10.5287L15.6004 7.25161C15.6822 7.20133 15.7525 7.11721 15.8113 6.99926C15.8701 6.88131 15.8925 6.76264 15.8785 6.64326C15.8692 6.41112 15.7567 6.23818 15.541 6.12444C15.3254 6.0107 15.1083 6.02002 14.8899 6.15242L10.8069 8.75784C10.3148 9.07185 9.68523 9.07185 9.19313 8.75784L5.11015 6.15242C4.89171 6.02002 4.67583 6.00627 4.46253 6.11117C4.24922 6.21605 4.13556 6.39344 4.12155 6.64332C4.10755 6.76546 4.12995 6.88364 4.18876 6.99786C4.24757 7.11208 4.31852 7.19716 4.4016 7.2531L9.53653 10.5287C9.60771 10.5725 9.68151 10.6065 9.75794 10.6307C9.83438 10.655 9.91507 10.6671 10 10.6671Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const MailIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M4.28961 16C3.79164 16 3.36888 15.8264 3.02134 15.4793C2.67378 15.1322 2.5 14.7099 2.5 14.2126V5.78742C2.5 5.29005 2.67377 4.86781 3.02132 4.52069C3.36886 4.17356 3.79162 4 4.28959 4H15.7104C16.2084 4 16.6311 4.17356 16.9787 4.52069C17.3262 4.86781 17.5 5.29005 17.5 5.78742V14.2126C17.5 14.7099 17.3262 15.1322 16.9787 15.4793C16.6311 15.8264 16.2084 16 15.7104 16H4.28961ZM10 10.6671C10.085 10.6671 10.1657 10.655 10.2421 10.6307C10.3185 10.6065 10.3923 10.5725 10.4635 10.5287L15.6004 7.25161C15.6822 7.20133 15.7525 7.11721 15.8113 6.99926C15.8701 6.88131 15.8925 6.76264 15.8785 6.64326C15.8692 6.41112 15.7567 6.23818 15.541 6.12444C15.3254 6.0107 15.1083 6.02002 14.8899 6.15242L10.8069 8.75784C10.3148 9.07185 9.68523 9.07185 9.19313 8.75784L5.11015 6.15242C4.89171 6.02002 4.67583 6.00627 4.46253 6.11117C4.24922 6.21605 4.13556 6.39344 4.12155 6.64332C4.10755 6.76546 4.12995 6.88364 4.18876 6.99786C4.24757 7.11208 4.31852 7.19716 4.4016 7.2531L9.53653 10.5287C9.60771 10.5725 9.68151 10.6065 9.75794 10.6307C9.83438 10.655 9.91507 10.6671 10 10.6671Z",
+    fill: "currentColor"
+  }
+) }) }));
+MailIcon.displayName = "MailIcon";
 
 export { MailIcon };

package/dist/vanilla/src/icons/ManualIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function ManualIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10.6585 15.1849C11.3179 14.8715 11.9855 14.6277 12.6615 14.4535C13.3374 14.2793 14.0356 14.1921 14.7561 14.1921C15.2439 14.1921 15.7116 14.2222 16.1592 14.2823C16.6068 14.3423 17.0289 14.4696 17.4256 14.664C17.4899 14.6913 17.5489 14.6872 17.6025 14.6517C17.6561 14.6162 17.6829 14.5602 17.6829 14.4837V5.1067C17.6829 5.05756 17.6695 5.01388 17.6427 4.97564C17.6159 4.93741 17.5704 4.90464 17.506 4.87734C17.0182 4.69495 16.5286 4.55653 16.037 4.46205C15.5454 4.3676 15.0349 4.32037 14.5052 4.32037C13.8266 4.32037 13.1662 4.41074 12.524 4.59149C11.8818 4.77225 11.26 5.02917 10.6585 5.36226V15.1849ZM9.99281 17C9.88343 17 9.78858 16.9653 9.70828 16.896C9.62798 16.8266 9.53949 16.7641 9.44279 16.7084C8.81132 16.3338 8.14824 16.0408 7.45355 15.8295C6.75886 15.6182 6.04768 15.5125 5.32003 15.5125C4.89833 15.5125 4.47628 15.5311 4.05388 15.5682C3.63147 15.6053 3.22675 15.7074 2.83973 15.8745C2.39256 16.0569 1.97415 16.0668 1.58449 15.904C1.19483 15.7413 1 15.4628 1 15.0685V4.7758C1 4.54973 1.06379 4.3455 1.19137 4.16311C1.31896 3.98073 1.4771 3.83985 1.66579 3.74046C2.21255 3.41173 2.79416 3.20614 3.41063 3.12369C4.02707 3.04123 4.6521 3 5.2857 3C6.12731 3 6.92227 3.09556 7.67059 3.28669C8.41892 3.47781 9.1919 3.78743 9.98955 4.21555C10.7872 3.78743 11.5602 3.47781 12.3085 3.28669C13.0568 3.09556 13.8518 3 14.6934 3C15.2712 3 15.844 3.03768 16.4117 3.11304C16.9794 3.18839 17.5157 3.34784 18.0206 3.59138C18.279 3.70497 18.5068 3.86005 18.7041 4.05663C18.9014 4.25321 19 4.49293 19 4.7758V15.0685C19 15.4202 18.8277 15.6782 18.4831 15.8426C18.1384 16.007 17.765 16.0263 17.3629 15.9008C16.9115 15.7391 16.4508 15.634 15.9807 15.5854C15.5106 15.5368 15.0352 15.5125 14.5545 15.5125C13.8408 15.5125 13.1471 15.6146 12.4733 15.8188C11.7995 16.0231 11.1608 16.3196 10.5572 16.7084C10.4618 16.7783 10.3713 16.8444 10.2855 16.9066C10.1998 16.9689 10.1022 17 9.99281 17Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ManualIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10.6585 15.1849C11.3179 14.8715 11.9855 14.6277 12.6615 14.4535C13.3374 14.2793 14.0356 14.1921 14.7561 14.1921C15.2439 14.1921 15.7116 14.2222 16.1592 14.2823C16.6068 14.3423 17.0289 14.4696 17.4256 14.664C17.4899 14.6913 17.5489 14.6872 17.6025 14.6517C17.6561 14.6162 17.6829 14.5602 17.6829 14.4837V5.1067C17.6829 5.05756 17.6695 5.01388 17.6427 4.97564C17.6159 4.93741 17.5704 4.90464 17.506 4.87734C17.0182 4.69495 16.5286 4.55653 16.037 4.46205C15.5454 4.3676 15.0349 4.32037 14.5052 4.32037C13.8266 4.32037 13.1662 4.41074 12.524 4.59149C11.8818 4.77225 11.26 5.02917 10.6585 5.36226V15.1849ZM9.99281 17C9.88343 17 9.78858 16.9653 9.70828 16.896C9.62798 16.8266 9.53949 16.7641 9.44279 16.7084C8.81132 16.3338 8.14824 16.0408 7.45355 15.8295C6.75886 15.6182 6.04768 15.5125 5.32003 15.5125C4.89833 15.5125 4.47628 15.5311 4.05388 15.5682C3.63147 15.6053 3.22675 15.7074 2.83973 15.8745C2.39256 16.0569 1.97415 16.0668 1.58449 15.904C1.19483 15.7413 1 15.4628 1 15.0685V4.7758C1 4.54973 1.06379 4.3455 1.19137 4.16311C1.31896 3.98073 1.4771 3.83985 1.66579 3.74046C2.21255 3.41173 2.79416 3.20614 3.41063 3.12369C4.02707 3.04123 4.6521 3 5.2857 3C6.12731 3 6.92227 3.09556 7.67059 3.28669C8.41892 3.47781 9.1919 3.78743 9.98955 4.21555C10.7872 3.78743 11.5602 3.47781 12.3085 3.28669C13.0568 3.09556 13.8518 3 14.6934 3C15.2712 3 15.844 3.03768 16.4117 3.11304C16.9794 3.18839 17.5157 3.34784 18.0206 3.59138C18.279 3.70497 18.5068 3.86005 18.7041 4.05663C18.9014 4.25321 19 4.49293 19 4.7758V15.0685C19 15.4202 18.8277 15.6782 18.4831 15.8426C18.1384 16.007 17.765 16.0263 17.3629 15.9008C16.9115 15.7391 16.4508 15.634 15.9807 15.5854C15.5106 15.5368 15.0352 15.5125 14.5545 15.5125C13.8408 15.5125 13.1471 15.6146 12.4733 15.8188C11.7995 16.0231 11.1608 16.3196 10.5572 16.7084C10.4618 16.7783 10.3713 16.8444 10.2855 16.9066C10.1998 16.9689 10.1022 17 9.99281 17Z",
+    fill: "currentColor"
+  }
+) }) }));
+ManualIcon.displayName = "ManualIcon";
 
 export { ManualIcon };

package/dist/vanilla/src/icons/MediaFileIcon.js

@@ -1,15 +1,14 @@
 import { jsx } from '@emotion/react/jsx-runtime';
-import { Box } from '../../Box/Box.js';
-import '../sprinkles/sprinkles.js';
+import { forwardRef } from 'react';
+import { Icon } from './Icon.js';
 
-function MediaFileIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M9.02565 12.9013L12.6262 10.5796C12.8397 10.4402 12.9464 10.2466 12.9464 9.99879C12.9464 9.75096 12.8397 9.55815 12.6262 9.42036L9.02565 7.0987C8.79047 6.96091 8.55737 6.96124 8.32634 7.09971C8.09532 7.23819 7.97981 7.4378 7.97981 7.69854V12.3015C7.97981 12.5622 8.09532 12.7618 8.32634 12.9003C8.55737 13.0388 8.79047 13.0391 9.02565 12.9013ZM10.0069 18C8.90589 18 7.86912 17.7916 6.89662 17.3749C5.9241 16.9582 5.07331 16.3855 4.34425 15.6568C3.61517 14.928 3.04219 14.0778 2.62531 13.1063C2.20844 12.1348 2 11.0967 2 9.9921C2 8.88403 2.20875 7.84559 2.62624 6.87678C3.04374 5.90798 3.61755 5.05792 4.34766 4.32659C5.07779 3.59528 5.92794 3.02468 6.89809 2.61481C7.86825 2.20494 8.90485 2 10.0079 2C11.1158 2 12.1542 2.20485 13.1229 2.61455C14.0915 3.02425 14.9416 3.59468 15.6731 4.32586C16.4046 5.05706 16.9753 5.90849 17.3852 6.88015C17.7951 7.85181 18 8.89001 18 9.99477C18 11.0995 17.7951 12.1359 17.3855 13.1038C16.9758 14.0717 16.4054 14.9209 15.6744 15.6513C14.9434 16.3818 14.0922 16.9558 13.1208 17.3735C12.1493 17.7912 11.1114 18 10.0069 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const MediaFileIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M9.02565 12.9013L12.6262 10.5796C12.8397 10.4402 12.9464 10.2466 12.9464 9.99879C12.9464 9.75096 12.8397 9.55815 12.6262 9.42036L9.02565 7.0987C8.79047 6.96091 8.55737 6.96124 8.32634 7.09971C8.09532 7.23819 7.97981 7.4378 7.97981 7.69854V12.3015C7.97981 12.5622 8.09532 12.7618 8.32634 12.9003C8.55737 13.0388 8.79047 13.0391 9.02565 12.9013ZM10.0069 18C8.90589 18 7.86912 17.7916 6.89662 17.3749C5.9241 16.9582 5.07331 16.3855 4.34425 15.6568C3.61517 14.928 3.04219 14.0778 2.62531 13.1063C2.20844 12.1348 2 11.0967 2 9.9921C2 8.88403 2.20875 7.84559 2.62624 6.87678C3.04374 5.90798 3.61755 5.05792 4.34766 4.32659C5.07779 3.59528 5.92794 3.02468 6.89809 2.61481C7.86825 2.20494 8.90485 2 10.0079 2C11.1158 2 12.1542 2.20485 13.1229 2.61455C14.0915 3.02425 14.9416 3.59468 15.6731 4.32586C16.4046 5.05706 16.9753 5.90849 17.3852 6.88015C17.7951 7.85181 18 8.89001 18 9.99477C18 11.0995 17.7951 12.1359 17.3855 13.1038C16.9758 14.0717 16.4054 14.9209 15.6744 15.6513C14.9434 16.3818 14.0922 16.9558 13.1208 17.3735C12.1493 17.7912 11.1114 18 10.0069 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+MediaFileIcon.displayName = "MediaFileIcon";
 
 export { MediaFileIcon };