@orfium/ictinus 5.43.9 → 5.44.1

package/dist/vanilla/src/icons/EditIcon.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 EditIcon(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.26469 17C4.9027 17 4.60142 16.8776 4.36085 16.6328C4.12028 16.388 4 16.0814 4 15.7131C4 15.3486 4.12123 15.043 4.36368 14.7963C4.60614 14.5496 4.90648 14.4262 5.26469 14.4262H14.7353C15.0973 14.4262 15.3986 14.5486 15.6391 14.7934C15.8797 15.0382 16 15.3448 16 15.7131C16 16.0776 15.8788 16.3832 15.6363 16.6299C15.3939 16.8766 15.0935 17 14.7353 17H5.26469ZM6.17875 12.9298C5.97815 12.9298 5.80998 12.8607 5.67424 12.7226C5.53848 12.5845 5.4706 12.4133 5.4706 12.2092V10.8314C5.4706 10.7293 5.48588 10.6382 5.51643 10.558C5.54697 10.4778 5.59957 10.3998 5.67424 10.3238L10.7704 5.14967L13.1165 7.53698L8.03166 12.7226C7.95701 12.7986 7.88027 12.8521 7.80146 12.8832C7.72265 12.9143 7.6331 12.9298 7.53279 12.9298H6.17875ZM13.9457 6.71857L11.5996 4.31284L12.7308 3.1917C12.8484 3.06584 12.9887 3.00196 13.1516 3.00004C13.3145 2.99813 13.4548 3.06201 13.5724 3.1917L15.0656 4.71109C15.1832 4.83081 15.2439 4.97201 15.2477 5.1347C15.2515 5.29738 15.1945 5.44165 15.0769 5.5675L13.9457 6.71857Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const EditIcon = 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.26469 17C4.9027 17 4.60142 16.8776 4.36085 16.6328C4.12028 16.388 4 16.0814 4 15.7131C4 15.3486 4.12123 15.043 4.36368 14.7963C4.60614 14.5496 4.90648 14.4262 5.26469 14.4262H14.7353C15.0973 14.4262 15.3986 14.5486 15.6391 14.7934C15.8797 15.0382 16 15.3448 16 15.7131C16 16.0776 15.8788 16.3832 15.6363 16.6299C15.3939 16.8766 15.0935 17 14.7353 17H5.26469ZM6.17875 12.9298C5.97815 12.9298 5.80998 12.8607 5.67424 12.7226C5.53848 12.5845 5.4706 12.4133 5.4706 12.2092V10.8314C5.4706 10.7293 5.48588 10.6382 5.51643 10.558C5.54697 10.4778 5.59957 10.3998 5.67424 10.3238L10.7704 5.14967L13.1165 7.53698L8.03166 12.7226C7.95701 12.7986 7.88027 12.8521 7.80146 12.8832C7.72265 12.9143 7.6331 12.9298 7.53279 12.9298H6.17875ZM13.9457 6.71857L11.5996 4.31284L12.7308 3.1917C12.8484 3.06584 12.9887 3.00196 13.1516 3.00004C13.3145 2.99813 13.4548 3.06201 13.5724 3.1917L15.0656 4.71109C15.1832 4.83081 15.2439 4.97201 15.2477 5.1347C15.2515 5.29738 15.1945 5.44165 15.0769 5.5675L13.9457 6.71857Z",
+    fill: "currentColor"
+  }
+) }) }));
+EditIcon.displayName = "EditIcon";
 
 export { EditIcon };

package/dist/vanilla/src/icons/EntitiesIcon.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 EntitiesIcon(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.18607 13.2323C7.63907 13.2323 8.02365 13.0732 8.3398 12.7549C8.65596 12.4367 8.81404 12.0511 8.81404 11.5981C8.81404 11.1451 8.65493 10.7605 8.33671 10.4444C8.0185 10.1282 7.63289 9.97014 7.17988 9.97014C6.72688 9.97014 6.3423 10.1292 6.02614 10.4475C5.70999 10.7657 5.55191 11.1513 5.55191 11.6043C5.55191 12.0573 5.71102 12.4419 6.02923 12.758C6.34746 13.0742 6.73307 13.2323 7.18607 13.2323ZM12.8201 13.2323C13.2731 13.2323 13.6577 13.0732 13.9739 12.7549C14.29 12.4367 14.4481 12.0511 14.4481 11.5981C14.4481 11.1451 14.289 10.7605 13.9708 10.4444C13.6525 10.1282 13.2669 9.97014 12.8139 9.97014C12.3609 9.97014 11.9764 10.1292 11.6602 10.4475C11.344 10.7657 11.186 11.1513 11.186 11.6043C11.186 12.0573 11.3451 12.4419 11.6633 12.758C11.9815 13.0742 12.3671 13.2323 12.8201 13.2323ZM10.0031 8.84091C10.4561 8.84091 10.8407 8.6818 11.1568 8.36359C11.473 8.04537 11.6311 7.65977 11.6311 7.20677C11.6311 6.75376 11.4719 6.36917 11.1537 6.05302C10.8355 5.73688 10.4499 5.5788 9.99691 5.5788C9.5439 5.5788 9.15932 5.73791 8.84318 6.05613C8.52703 6.37434 8.36895 6.75995 8.36895 7.21294C8.36895 7.66594 8.52805 8.05052 8.84627 8.36668C9.16448 8.68283 9.55009 8.84091 10.0031 8.84091ZM10.0013 18C8.89481 18 7.85478 17.79 6.88122 17.3701C5.90763 16.9502 5.06076 16.3803 4.34059 15.6604C3.62041 14.9405 3.05026 14.094 2.63016 13.1208C2.21005 12.1476 2 11.1078 2 10.0013C2 8.8915 2.21035 7.84835 2.63105 6.87186C3.05175 5.89538 3.62269 5.04596 4.34387 4.32362C5.06506 3.60129 5.91159 3.03343 6.88345 2.62006C7.8553 2.20669 8.89371 2 9.9987 2C11.1084 2 12.1514 2.2066 13.1278 2.61981C14.1042 3.03301 14.9536 3.60072 15.6761 4.32292C16.3986 5.04513 16.9666 5.8944 17.3799 6.87073C17.7933 7.84706 18 8.89025 18 10.0003C18 11.1104 17.7934 12.15 17.3802 13.1192C16.967 14.0884 16.3994 14.9337 15.6773 15.6552C14.9553 16.3766 14.1062 16.9478 13.1301 17.3687C12.1541 17.7896 11.1111 18 10.0013 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const EntitiesIcon = 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.18607 13.2323C7.63907 13.2323 8.02365 13.0732 8.3398 12.7549C8.65596 12.4367 8.81404 12.0511 8.81404 11.5981C8.81404 11.1451 8.65493 10.7605 8.33671 10.4444C8.0185 10.1282 7.63289 9.97014 7.17988 9.97014C6.72688 9.97014 6.3423 10.1292 6.02614 10.4475C5.70999 10.7657 5.55191 11.1513 5.55191 11.6043C5.55191 12.0573 5.71102 12.4419 6.02923 12.758C6.34746 13.0742 6.73307 13.2323 7.18607 13.2323ZM12.8201 13.2323C13.2731 13.2323 13.6577 13.0732 13.9739 12.7549C14.29 12.4367 14.4481 12.0511 14.4481 11.5981C14.4481 11.1451 14.289 10.7605 13.9708 10.4444C13.6525 10.1282 13.2669 9.97014 12.8139 9.97014C12.3609 9.97014 11.9764 10.1292 11.6602 10.4475C11.344 10.7657 11.186 11.1513 11.186 11.6043C11.186 12.0573 11.3451 12.4419 11.6633 12.758C11.9815 13.0742 12.3671 13.2323 12.8201 13.2323ZM10.0031 8.84091C10.4561 8.84091 10.8407 8.6818 11.1568 8.36359C11.473 8.04537 11.6311 7.65977 11.6311 7.20677C11.6311 6.75376 11.4719 6.36917 11.1537 6.05302C10.8355 5.73688 10.4499 5.5788 9.99691 5.5788C9.5439 5.5788 9.15932 5.73791 8.84318 6.05613C8.52703 6.37434 8.36895 6.75995 8.36895 7.21294C8.36895 7.66594 8.52805 8.05052 8.84627 8.36668C9.16448 8.68283 9.55009 8.84091 10.0031 8.84091ZM10.0013 18C8.89481 18 7.85478 17.79 6.88122 17.3701C5.90763 16.9502 5.06076 16.3803 4.34059 15.6604C3.62041 14.9405 3.05026 14.094 2.63016 13.1208C2.21005 12.1476 2 11.1078 2 10.0013C2 8.8915 2.21035 7.84835 2.63105 6.87186C3.05175 5.89538 3.62269 5.04596 4.34387 4.32362C5.06506 3.60129 5.91159 3.03343 6.88345 2.62006C7.8553 2.20669 8.89371 2 9.9987 2C11.1084 2 12.1514 2.2066 13.1278 2.61981C14.1042 3.03301 14.9536 3.60072 15.6761 4.32292C16.3986 5.04513 16.9666 5.8944 17.3799 6.87073C17.7933 7.84706 18 8.89025 18 10.0003C18 11.1104 17.7934 12.15 17.3802 13.1192C16.967 14.0884 16.3994 14.9337 15.6773 15.6552C14.9553 16.3766 14.1062 16.9478 13.1301 17.3687C12.1541 17.7896 11.1111 18 10.0013 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+EntitiesIcon.displayName = "EntitiesIcon";
 
 export { EntitiesIcon };

package/dist/vanilla/src/icons/ErrorIcon.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 ErrorIcon(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.3704L12.0185 13.3889C12.2037 13.5741 12.4321 13.6667 12.7037 13.6667C12.9753 13.6667 13.2037 13.5741 13.3889 13.3889C13.5741 13.2037 13.6667 12.9753 13.6667 12.7037C13.6667 12.4321 13.5741 12.2037 13.3889 12.0185L11.3704 10L13.3889 7.98148C13.5741 7.7963 13.6667 7.5679 13.6667 7.2963C13.6667 7.02469 13.5741 6.7963 13.3889 6.61111C13.2037 6.42593 12.9753 6.33333 12.7037 6.33333C12.4321 6.33333 12.2037 6.42593 12.0185 6.61111L10 8.62963L7.98148 6.61111C7.7963 6.42593 7.5679 6.33333 7.2963 6.33333C7.02469 6.33333 6.7963 6.42593 6.61111 6.61111C6.42593 6.7963 6.33333 7.02469 6.33333 7.2963C6.33333 7.5679 6.42593 7.7963 6.61111 7.98148L8.62963 10L6.61111 12.0185C6.42593 12.2037 6.33333 12.4321 6.33333 12.7037C6.33333 12.9753 6.42593 13.2037 6.61111 13.3889C6.7963 13.5741 7.02469 13.6667 7.2963 13.6667C7.5679 13.6667 7.7963 13.5741 7.98148 13.3889L10 11.3704ZM10 18C8.88889 18 7.84877 17.7901 6.87963 17.3704C5.91049 16.9506 5.06481 16.3796 4.34259 15.6574C3.62037 14.9352 3.04938 14.0895 2.62963 13.1204C2.20988 12.1512 2 11.1111 2 10C2 8.88889 2.20988 7.84568 2.62963 6.87037C3.04938 5.89506 3.62037 5.0463 4.34259 4.32407C5.06481 3.60185 5.91049 3.03395 6.87963 2.62037C7.84877 2.20679 8.88889 2 10 2C11.1111 2 12.1543 2.20679 13.1296 2.62037C14.1049 3.03395 14.9537 3.60185 15.6759 4.32407C16.3981 5.0463 16.966 5.89506 17.3796 6.87037C17.7932 7.84568 18 8.88889 18 10C18 11.1111 17.7932 12.1512 17.3796 13.1204C16.966 14.0895 16.3981 14.9352 15.6759 15.6574C14.9537 16.3796 14.1049 16.9506 13.1296 17.3704C12.1543 17.7901 11.1111 18 10 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ErrorIcon = 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.3704L12.0185 13.3889C12.2037 13.5741 12.4321 13.6667 12.7037 13.6667C12.9753 13.6667 13.2037 13.5741 13.3889 13.3889C13.5741 13.2037 13.6667 12.9753 13.6667 12.7037C13.6667 12.4321 13.5741 12.2037 13.3889 12.0185L11.3704 10L13.3889 7.98148C13.5741 7.7963 13.6667 7.5679 13.6667 7.2963C13.6667 7.02469 13.5741 6.7963 13.3889 6.61111C13.2037 6.42593 12.9753 6.33333 12.7037 6.33333C12.4321 6.33333 12.2037 6.42593 12.0185 6.61111L10 8.62963L7.98148 6.61111C7.7963 6.42593 7.5679 6.33333 7.2963 6.33333C7.02469 6.33333 6.7963 6.42593 6.61111 6.61111C6.42593 6.7963 6.33333 7.02469 6.33333 7.2963C6.33333 7.5679 6.42593 7.7963 6.61111 7.98148L8.62963 10L6.61111 12.0185C6.42593 12.2037 6.33333 12.4321 6.33333 12.7037C6.33333 12.9753 6.42593 13.2037 6.61111 13.3889C6.7963 13.5741 7.02469 13.6667 7.2963 13.6667C7.5679 13.6667 7.7963 13.5741 7.98148 13.3889L10 11.3704ZM10 18C8.88889 18 7.84877 17.7901 6.87963 17.3704C5.91049 16.9506 5.06481 16.3796 4.34259 15.6574C3.62037 14.9352 3.04938 14.0895 2.62963 13.1204C2.20988 12.1512 2 11.1111 2 10C2 8.88889 2.20988 7.84568 2.62963 6.87037C3.04938 5.89506 3.62037 5.0463 4.34259 4.32407C5.06481 3.60185 5.91049 3.03395 6.87963 2.62037C7.84877 2.20679 8.88889 2 10 2C11.1111 2 12.1543 2.20679 13.1296 2.62037C14.1049 3.03395 14.9537 3.60185 15.6759 4.32407C16.3981 5.0463 16.966 5.89506 17.3796 6.87037C17.7932 7.84568 18 8.88889 18 10C18 11.1111 17.7932 12.1512 17.3796 13.1204C16.966 14.0895 16.3981 14.9352 15.6759 15.6574C14.9537 16.3796 14.1049 16.9506 13.1296 17.3704C12.1543 17.7901 11.1111 18 10 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+ErrorIcon.displayName = "ErrorIcon";
 
 export { ErrorIcon };

package/dist/vanilla/src/icons/ExternalLinkIcon.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 ExternalLinkIcon(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.746 10.459L7.93733 13.2677C7.7719 13.4331 7.57236 13.5145 7.3387 13.5119C7.10505 13.5094 6.9055 13.4253 6.74007 13.2599C6.57465 13.0945 6.49195 12.8932 6.49195 12.6561C6.49195 12.419 6.57465 12.2186 6.74007 12.0549L9.54099 9.25401H7.58064C7.34206 9.25401 7.13794 9.16914 6.96826 8.99941C6.79857 8.82967 6.71372 8.62547 6.71372 8.38683C6.71372 8.14817 6.79857 7.94407 6.96826 7.77451C7.13794 7.60495 7.34206 7.52017 7.58064 7.52017H11.4888C11.7626 7.52017 11.9962 7.61691 12.1896 7.81038C12.3831 8.00385 12.4798 8.23744 12.4798 8.51116V12.4194C12.4798 12.6579 12.395 12.8621 12.2252 13.0318C12.0555 13.2014 11.8513 13.2863 11.6126 13.2863C11.374 13.2863 11.1699 13.2014 11.0003 13.0318C10.8308 12.8621 10.746 12.6579 10.746 12.4194V10.459ZM10.9879 4.23386C10.7493 4.23386 10.5452 4.14898 10.3755 3.97924C10.2058 3.80951 10.121 3.60531 10.121 3.36666C10.121 3.12801 10.2058 2.92391 10.3755 2.75436C10.5452 2.58479 10.7493 2.5 10.9879 2.5H15.518C16.0802 2.5 16.5511 2.68979 16.9306 3.06938C17.3102 3.44895 17.5 3.91983 17.5 4.48202V9.01211C17.5 9.25068 17.4151 9.4548 17.2454 9.62449C17.0756 9.79419 16.8714 9.87903 16.6328 9.87903C16.3941 9.87903 16.19 9.79419 16.0205 9.62449C15.8509 9.4548 15.7661 9.25068 15.7661 9.01211V4.48202C15.7661 4.40964 15.7429 4.35019 15.6963 4.30365C15.6498 4.25712 15.5904 4.23386 15.518 4.23386H10.9879ZM4.48202 17.5C3.92681 17.5 3.45766 17.3085 3.0746 16.9254C2.69153 16.5423 2.5 16.0732 2.5 15.518V3.36694C2.5 3.12836 2.58487 2.92423 2.75462 2.75454C2.92436 2.58485 3.12856 2.5 3.3672 2.5C3.60586 2.5 3.80996 2.58485 3.97952 2.75454C4.14908 2.92423 4.23386 3.12836 4.23386 3.36694V15.518C4.23386 15.58 4.2597 15.6369 4.3114 15.6886C4.3631 15.7403 4.41998 15.7661 4.48202 15.7661H16.6331C16.8716 15.7661 17.0758 15.851 17.2455 16.0208C17.4152 16.1905 17.5 16.3947 17.5 16.6333C17.5 16.872 17.4152 17.0761 17.2455 17.2456C17.0758 17.4152 16.8716 17.5 16.6331 17.5H4.48202Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ExternalLinkIcon = 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.746 10.459L7.93733 13.2677C7.7719 13.4331 7.57236 13.5145 7.3387 13.5119C7.10505 13.5094 6.9055 13.4253 6.74007 13.2599C6.57465 13.0945 6.49195 12.8932 6.49195 12.6561C6.49195 12.419 6.57465 12.2186 6.74007 12.0549L9.54099 9.25401H7.58064C7.34206 9.25401 7.13794 9.16914 6.96826 8.99941C6.79857 8.82967 6.71372 8.62547 6.71372 8.38683C6.71372 8.14817 6.79857 7.94407 6.96826 7.77451C7.13794 7.60495 7.34206 7.52017 7.58064 7.52017H11.4888C11.7626 7.52017 11.9962 7.61691 12.1896 7.81038C12.3831 8.00385 12.4798 8.23744 12.4798 8.51116V12.4194C12.4798 12.6579 12.395 12.8621 12.2252 13.0318C12.0555 13.2014 11.8513 13.2863 11.6126 13.2863C11.374 13.2863 11.1699 13.2014 11.0003 13.0318C10.8308 12.8621 10.746 12.6579 10.746 12.4194V10.459ZM10.9879 4.23386C10.7493 4.23386 10.5452 4.14898 10.3755 3.97924C10.2058 3.80951 10.121 3.60531 10.121 3.36666C10.121 3.12801 10.2058 2.92391 10.3755 2.75436C10.5452 2.58479 10.7493 2.5 10.9879 2.5H15.518C16.0802 2.5 16.5511 2.68979 16.9306 3.06938C17.3102 3.44895 17.5 3.91983 17.5 4.48202V9.01211C17.5 9.25068 17.4151 9.4548 17.2454 9.62449C17.0756 9.79419 16.8714 9.87903 16.6328 9.87903C16.3941 9.87903 16.19 9.79419 16.0205 9.62449C15.8509 9.4548 15.7661 9.25068 15.7661 9.01211V4.48202C15.7661 4.40964 15.7429 4.35019 15.6963 4.30365C15.6498 4.25712 15.5904 4.23386 15.518 4.23386H10.9879ZM4.48202 17.5C3.92681 17.5 3.45766 17.3085 3.0746 16.9254C2.69153 16.5423 2.5 16.0732 2.5 15.518V3.36694C2.5 3.12836 2.58487 2.92423 2.75462 2.75454C2.92436 2.58485 3.12856 2.5 3.3672 2.5C3.60586 2.5 3.80996 2.58485 3.97952 2.75454C4.14908 2.92423 4.23386 3.12836 4.23386 3.36694V15.518C4.23386 15.58 4.2597 15.6369 4.3114 15.6886C4.3631 15.7403 4.41998 15.7661 4.48202 15.7661H16.6331C16.8716 15.7661 17.0758 15.851 17.2455 16.0208C17.4152 16.1905 17.5 16.3947 17.5 16.6333C17.5 16.872 17.4152 17.0761 17.2455 17.2456C17.0758 17.4152 16.8716 17.5 16.6331 17.5H4.48202Z",
+    fill: "currentColor"
+  }
+) }) }));
+ExternalLinkIcon.displayName = "ExternalLinkIcon";
 
 export { ExternalLinkIcon };

package/dist/vanilla/src/icons/EyeIcon.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 EyeIcon(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.0017 13.525C10.8989 13.525 11.661 13.1821 12.2879 12.4964C12.9149 11.8106 13.2284 10.9778 13.2284 9.99817C13.2284 9.0185 12.9143 8.18638 12.2863 7.50182C11.6582 6.81725 10.8956 6.47497 9.99832 6.47497C9.1011 6.47497 8.33902 6.81785 7.71207 7.50363C7.08512 8.18942 6.77164 9.02215 6.77164 10.0018C6.77164 10.9815 7.08567 11.8136 7.71373 12.4982C8.3418 13.1827 9.10445 13.525 10.0017 13.525ZM9.99782 11.9732C9.49525 11.9732 9.06879 11.7811 8.71844 11.397C8.36808 11.0128 8.1929 10.5464 8.1929 9.99762C8.1929 9.44887 8.36881 8.98322 8.72061 8.60067C9.07241 8.21811 9.49959 8.02684 10.0022 8.02684C10.5047 8.02684 10.9312 8.21891 11.2816 8.60304C11.6319 8.98716 11.8071 9.45361 11.8071 10.0024C11.8071 10.5511 11.6312 11.0168 11.2794 11.3993C10.9276 11.7819 10.5004 11.9732 9.99782 11.9732ZM10 16C8.37353 16 6.86431 15.5343 5.47236 14.603C4.08039 13.6716 2.98819 12.428 2.19576 10.872C2.122 10.7429 2.07093 10.6049 2.04256 10.458C2.01419 10.3112 2 10.1604 2 10.0058C2 9.85118 2.01419 9.6985 2.04256 9.54776C2.07093 9.39701 2.122 9.2571 2.19576 9.12804C2.98819 7.57203 4.08039 6.32835 5.47236 5.39702C6.86431 4.46567 8.37353 4 10 4C11.6265 4 13.1357 4.46567 14.5276 5.39702C15.9196 6.32835 17.0118 7.57203 17.8042 9.12804C17.878 9.2571 17.9291 9.39508 17.9574 9.54197C17.9858 9.68884 18 9.83958 18 9.9942C18 10.1488 17.9858 10.3015 17.9574 10.4522C17.9291 10.603 17.878 10.7429 17.8042 10.872C17.0118 12.428 15.9196 13.6716 14.5276 14.603C13.1357 15.5343 11.6265 16 10 16Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const EyeIcon = 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.0017 13.525C10.8989 13.525 11.661 13.1821 12.2879 12.4964C12.9149 11.8106 13.2284 10.9778 13.2284 9.99817C13.2284 9.0185 12.9143 8.18638 12.2863 7.50182C11.6582 6.81725 10.8956 6.47497 9.99832 6.47497C9.1011 6.47497 8.33902 6.81785 7.71207 7.50363C7.08512 8.18942 6.77164 9.02215 6.77164 10.0018C6.77164 10.9815 7.08567 11.8136 7.71373 12.4982C8.3418 13.1827 9.10445 13.525 10.0017 13.525ZM9.99782 11.9732C9.49525 11.9732 9.06879 11.7811 8.71844 11.397C8.36808 11.0128 8.1929 10.5464 8.1929 9.99762C8.1929 9.44887 8.36881 8.98322 8.72061 8.60067C9.07241 8.21811 9.49959 8.02684 10.0022 8.02684C10.5047 8.02684 10.9312 8.21891 11.2816 8.60304C11.6319 8.98716 11.8071 9.45361 11.8071 10.0024C11.8071 10.5511 11.6312 11.0168 11.2794 11.3993C10.9276 11.7819 10.5004 11.9732 9.99782 11.9732ZM10 16C8.37353 16 6.86431 15.5343 5.47236 14.603C4.08039 13.6716 2.98819 12.428 2.19576 10.872C2.122 10.7429 2.07093 10.6049 2.04256 10.458C2.01419 10.3112 2 10.1604 2 10.0058C2 9.85118 2.01419 9.6985 2.04256 9.54776C2.07093 9.39701 2.122 9.2571 2.19576 9.12804C2.98819 7.57203 4.08039 6.32835 5.47236 5.39702C6.86431 4.46567 8.37353 4 10 4C11.6265 4 13.1357 4.46567 14.5276 5.39702C15.9196 6.32835 17.0118 7.57203 17.8042 9.12804C17.878 9.2571 17.9291 9.39508 17.9574 9.54197C17.9858 9.68884 18 9.83958 18 9.9942C18 10.1488 17.9858 10.3015 17.9574 10.4522C17.9291 10.603 17.878 10.7429 17.8042 10.872C17.0118 12.428 15.9196 13.6716 14.5276 14.603C13.1357 15.5343 11.6265 16 10 16Z",
+    fill: "currentColor"
+  }
+) }) }));
+EyeIcon.displayName = "EyeIcon";
 
 export { EyeIcon };

package/dist/vanilla/src/icons/EyeOffIcon.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 EyeOffIcon(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: "M15.2764 17L12.8422 14.468C12.4388 14.621 11.9957 14.7515 11.5128 14.8594C11.0299 14.9673 10.5256 15.0212 10 15.0212C8.24398 15.0212 6.62762 14.5267 5.15094 13.5378C3.67426 12.5488 2.62394 11.2023 2 9.49817C2.20492 8.84332 2.54974 8.20461 3.03447 7.58207C3.51919 6.95953 4.03723 6.40923 4.58858 5.93116L2.74707 4.02219L3.73536 3L16.2646 15.9778L15.2764 17ZM10 12.743C10.1617 12.743 10.3391 12.7204 10.5321 12.6753C10.725 12.6301 10.8826 12.5819 11.0048 12.5305L7.06824 8.45884C7.03057 8.60711 6.98692 8.77677 6.93729 8.96781C6.88767 9.15886 6.86286 9.33564 6.86286 9.49817C6.86286 10.4134 7.16449 11.1831 7.76776 11.807C8.37102 12.431 9.1151 12.743 10 12.743ZM15.3604 13.1379L12.9331 10.6087C13.0011 10.451 13.0521 10.2725 13.0861 10.0734C13.1201 9.87431 13.1371 9.68256 13.1371 9.49817C13.1371 8.5829 12.8355 7.81329 12.2322 7.18932C11.629 6.56535 10.8849 6.25337 10 6.25337C9.82173 6.25337 9.62371 6.27523 9.40594 6.31896C9.18816 6.36267 9.03057 6.40354 8.93317 6.44156L7.03241 4.4827C7.48543 4.29641 7.96601 4.16525 8.47417 4.08921C8.98232 4.01317 9.49093 3.97515 10 3.97515C11.7514 3.97515 13.3618 4.46962 14.8311 5.45855C16.3005 6.4475 17.3568 7.79404 18 9.49817C17.7344 10.2224 17.3735 10.8839 16.9173 11.4827C16.4611 12.0815 15.9421 12.6332 15.3604 13.1379ZM11.745 9.38697L10.0896 7.66334C10.3221 7.65098 10.5369 7.67831 10.734 7.74531C10.9311 7.81232 11.1132 7.92993 11.2805 8.09816C11.4284 8.22933 11.5477 8.41039 11.6382 8.64134C11.7287 8.8723 11.7643 9.12084 11.745 9.38697Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const EyeOffIcon = 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: "M15.2764 17L12.8422 14.468C12.4388 14.621 11.9957 14.7515 11.5128 14.8594C11.0299 14.9673 10.5256 15.0212 10 15.0212C8.24398 15.0212 6.62762 14.5267 5.15094 13.5378C3.67426 12.5488 2.62394 11.2023 2 9.49817C2.20492 8.84332 2.54974 8.20461 3.03447 7.58207C3.51919 6.95953 4.03723 6.40923 4.58858 5.93116L2.74707 4.02219L3.73536 3L16.2646 15.9778L15.2764 17ZM10 12.743C10.1617 12.743 10.3391 12.7204 10.5321 12.6753C10.725 12.6301 10.8826 12.5819 11.0048 12.5305L7.06824 8.45884C7.03057 8.60711 6.98692 8.77677 6.93729 8.96781C6.88767 9.15886 6.86286 9.33564 6.86286 9.49817C6.86286 10.4134 7.16449 11.1831 7.76776 11.807C8.37102 12.431 9.1151 12.743 10 12.743ZM15.3604 13.1379L12.9331 10.6087C13.0011 10.451 13.0521 10.2725 13.0861 10.0734C13.1201 9.87431 13.1371 9.68256 13.1371 9.49817C13.1371 8.5829 12.8355 7.81329 12.2322 7.18932C11.629 6.56535 10.8849 6.25337 10 6.25337C9.82173 6.25337 9.62371 6.27523 9.40594 6.31896C9.18816 6.36267 9.03057 6.40354 8.93317 6.44156L7.03241 4.4827C7.48543 4.29641 7.96601 4.16525 8.47417 4.08921C8.98232 4.01317 9.49093 3.97515 10 3.97515C11.7514 3.97515 13.3618 4.46962 14.8311 5.45855C16.3005 6.4475 17.3568 7.79404 18 9.49817C17.7344 10.2224 17.3735 10.8839 16.9173 11.4827C16.4611 12.0815 15.9421 12.6332 15.3604 13.1379ZM11.745 9.38697L10.0896 7.66334C10.3221 7.65098 10.5369 7.67831 10.734 7.74531C10.9311 7.81232 11.1132 7.92993 11.2805 8.09816C11.4284 8.22933 11.5477 8.41039 11.6382 8.64134C11.7287 8.8723 11.7643 9.12084 11.745 9.38697Z",
+    fill: "currentColor"
+  }
+) }) }));
+EyeOffIcon.displayName = "EyeOffIcon";
 
 export { EyeOffIcon };

package/dist/vanilla/src/icons/FavoriteIcon.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 FavoriteIcon(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.63053 14.4626L8.86819 15.567C9.18185 15.8578 9.55912 16.0021 10 16C10.4409 15.9979 10.8181 15.8514 11.1318 15.5606L12.3865 14.4396C13.4799 13.4526 14.5222 12.4249 15.5133 11.3566C16.5044 10.2883 17 9.09611 17 7.78C17 6.7066 16.6238 5.80825 15.8715 5.08495C15.1191 4.36165 14.1955 4 13.1006 4C12.479 4 11.901 4.13157 11.3664 4.39471C10.8319 4.65786 10.3764 4.99475 10 5.4054C9.6236 4.99475 9.16812 4.65786 8.63359 4.39471C8.09904 4.13157 7.52099 4 6.89943 4C5.80454 4 4.88091 4.36165 4.12855 5.08495C3.37618 5.80825 3 6.7066 3 7.78C3 9.08335 3.48466 10.266 4.45398 11.3279C5.4233 12.3898 6.48215 13.4347 7.63053 14.4626Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FavoriteIcon = 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.63053 14.4626L8.86819 15.567C9.18185 15.8578 9.55912 16.0021 10 16C10.4409 15.9979 10.8181 15.8514 11.1318 15.5606L12.3865 14.4396C13.4799 13.4526 14.5222 12.4249 15.5133 11.3566C16.5044 10.2883 17 9.09611 17 7.78C17 6.7066 16.6238 5.80825 15.8715 5.08495C15.1191 4.36165 14.1955 4 13.1006 4C12.479 4 11.901 4.13157 11.3664 4.39471C10.8319 4.65786 10.3764 4.99475 10 5.4054C9.6236 4.99475 9.16812 4.65786 8.63359 4.39471C8.09904 4.13157 7.52099 4 6.89943 4C5.80454 4 4.88091 4.36165 4.12855 5.08495C3.37618 5.80825 3 6.7066 3 7.78C3 9.08335 3.48466 10.266 4.45398 11.3279C5.4233 12.3898 6.48215 13.4347 7.63053 14.4626Z",
+    fill: "currentColor"
+  }
+) }) }));
+FavoriteIcon.displayName = "FavoriteIcon";
 
 export { FavoriteIcon };

package/dist/vanilla/src/icons/FavoriteOffIcon.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 FavoriteOffIcon(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: "M8.86819 15.567L7.63053 14.4626C6.48215 13.4347 5.4233 12.3898 4.45398 11.3279C3.48466 10.266 3 9.08335 3 7.78C3 6.7066 3.37618 5.80825 4.12855 5.08495C4.88091 4.36165 5.80454 4 6.89943 4C7.52099 4 8.09904 4.13157 8.63359 4.39471C9.16812 4.65786 9.6236 4.99475 10 5.4054C10.3764 4.99475 10.8319 4.65786 11.3664 4.39471C11.901 4.13157 12.479 4 13.1006 4C14.1955 4 15.1191 4.36165 15.8715 5.08495C16.6238 5.80825 17 6.7066 17 7.78C17 9.09611 16.5044 10.2883 15.5133 11.3566C14.5222 12.4249 13.4799 13.4526 12.3865 14.4396L11.1318 15.5606C10.8181 15.8514 10.4409 15.9979 10 16C9.55912 16.0021 9.18185 15.8578 8.86819 15.567ZM9.30732 6.94341C9.07556 6.52935 8.75079 6.1729 8.33299 5.87406C7.9152 5.57521 7.44012 5.42578 6.90776 5.42578C6.20873 5.42578 5.62621 5.64683 5.16018 6.08894C4.69416 6.53105 4.46115 7.09552 4.46115 7.78237C4.46115 8.33513 4.63977 8.90461 4.99699 9.49082C5.35422 10.077 5.80402 10.6654 6.3464 11.2558C6.88879 11.8463 7.47539 12.4181 8.10621 12.9711C8.73702 13.5242 9.32254 14.0413 9.86275 14.5226C9.90197 14.5566 9.94771 14.5736 10 14.5736C10.0523 14.5736 10.098 14.5566 10.1372 14.5226C10.6775 14.0413 11.263 13.5242 11.8938 12.9711C12.5246 12.4181 13.1112 11.8463 13.6536 11.2558C14.196 10.6654 14.6458 10.077 15.003 9.49082C15.3602 8.90461 15.5388 8.33513 15.5388 7.78237C15.5388 7.09552 15.3058 6.53105 14.8398 6.08894C14.3738 5.64683 13.7913 5.42578 13.0922 5.42578C12.5599 5.42578 12.082 5.57521 11.6585 5.87406C11.2351 6.1729 10.9131 6.52935 10.6927 6.94341C10.6238 7.07263 10.527 7.17232 10.4021 7.24247C10.2772 7.31261 10.147 7.34769 10.0113 7.34769C9.8757 7.34769 9.7445 7.31261 9.61772 7.24247C9.49095 7.17232 9.38748 7.07263 9.30732 6.94341Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FavoriteOffIcon = 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: "M8.86819 15.567L7.63053 14.4626C6.48215 13.4347 5.4233 12.3898 4.45398 11.3279C3.48466 10.266 3 9.08335 3 7.78C3 6.7066 3.37618 5.80825 4.12855 5.08495C4.88091 4.36165 5.80454 4 6.89943 4C7.52099 4 8.09904 4.13157 8.63359 4.39471C9.16812 4.65786 9.6236 4.99475 10 5.4054C10.3764 4.99475 10.8319 4.65786 11.3664 4.39471C11.901 4.13157 12.479 4 13.1006 4C14.1955 4 15.1191 4.36165 15.8715 5.08495C16.6238 5.80825 17 6.7066 17 7.78C17 9.09611 16.5044 10.2883 15.5133 11.3566C14.5222 12.4249 13.4799 13.4526 12.3865 14.4396L11.1318 15.5606C10.8181 15.8514 10.4409 15.9979 10 16C9.55912 16.0021 9.18185 15.8578 8.86819 15.567ZM9.30732 6.94341C9.07556 6.52935 8.75079 6.1729 8.33299 5.87406C7.9152 5.57521 7.44012 5.42578 6.90776 5.42578C6.20873 5.42578 5.62621 5.64683 5.16018 6.08894C4.69416 6.53105 4.46115 7.09552 4.46115 7.78237C4.46115 8.33513 4.63977 8.90461 4.99699 9.49082C5.35422 10.077 5.80402 10.6654 6.3464 11.2558C6.88879 11.8463 7.47539 12.4181 8.10621 12.9711C8.73702 13.5242 9.32254 14.0413 9.86275 14.5226C9.90197 14.5566 9.94771 14.5736 10 14.5736C10.0523 14.5736 10.098 14.5566 10.1372 14.5226C10.6775 14.0413 11.263 13.5242 11.8938 12.9711C12.5246 12.4181 13.1112 11.8463 13.6536 11.2558C14.196 10.6654 14.6458 10.077 15.003 9.49082C15.3602 8.90461 15.5388 8.33513 15.5388 7.78237C15.5388 7.09552 15.3058 6.53105 14.8398 6.08894C14.3738 5.64683 13.7913 5.42578 13.0922 5.42578C12.5599 5.42578 12.082 5.57521 11.6585 5.87406C11.2351 6.1729 10.9131 6.52935 10.6927 6.94341C10.6238 7.07263 10.527 7.17232 10.4021 7.24247C10.2772 7.31261 10.147 7.34769 10.0113 7.34769C9.8757 7.34769 9.7445 7.31261 9.61772 7.24247C9.49095 7.17232 9.38748 7.07263 9.30732 6.94341Z",
+    fill: "currentColor"
+  }
+) }) }));
+FavoriteOffIcon.displayName = "FavoriteOffIcon";
 
 export { FavoriteOffIcon };

package/dist/vanilla/src/icons/FileIcon.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 FileIcon(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.78742 18C5.29005 18 4.86781 17.8146 4.52069 17.4439C4.17356 17.0732 4 16.6223 4 16.0911V3.9089C4 3.37772 4.17356 2.92679 4.52069 2.55608C4.86781 2.18536 5.29005 2 5.78742 2H10.6741C10.9173 2 11.1491 2.04986 11.3694 2.14957C11.5898 2.24928 11.7823 2.38762 11.9469 2.5646L15.4713 6.30916C15.637 6.48494 15.7666 6.6905 15.8599 6.92584C15.9533 7.16118 16 7.40869 16 7.66838V16.0911C16 16.6223 15.8264 17.0732 15.4793 17.4439C15.1322 17.8146 14.7099 18 14.2126 18H5.78742ZM10.6546 6.75725C10.6546 7.02004 10.7415 7.24431 10.9155 7.43007C11.0894 7.61583 11.2994 7.70871 11.5455 7.70871H14.4364L10.6546 3.66989V6.75725Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FileIcon = 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.78742 18C5.29005 18 4.86781 17.8146 4.52069 17.4439C4.17356 17.0732 4 16.6223 4 16.0911V3.9089C4 3.37772 4.17356 2.92679 4.52069 2.55608C4.86781 2.18536 5.29005 2 5.78742 2H10.6741C10.9173 2 11.1491 2.04986 11.3694 2.14957C11.5898 2.24928 11.7823 2.38762 11.9469 2.5646L15.4713 6.30916C15.637 6.48494 15.7666 6.6905 15.8599 6.92584C15.9533 7.16118 16 7.40869 16 7.66838V16.0911C16 16.6223 15.8264 17.0732 15.4793 17.4439C15.1322 17.8146 14.7099 18 14.2126 18H5.78742ZM10.6546 6.75725C10.6546 7.02004 10.7415 7.24431 10.9155 7.43007C11.0894 7.61583 11.2994 7.70871 11.5455 7.70871H14.4364L10.6546 3.66989V6.75725Z",
+    fill: "currentColor"
+  }
+) }) }));
+FileIcon.displayName = "FileIcon";
 
 export { FileIcon };

package/dist/vanilla/src/icons/FilterIcon.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 FilterIcon(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.87278 15.8625C3.63259 15.8625 3.42709 15.7774 3.25626 15.6072C3.08542 15.437 3 15.2323 3 14.993C3 14.7537 3.08542 14.5491 3.25626 14.379C3.42709 14.209 3.63259 14.124 3.87278 14.124H7.3234C7.56359 14.124 7.7691 14.2091 7.93993 14.3793C8.11076 14.5495 8.19618 14.7542 8.19618 14.9935C8.19618 15.2328 8.11076 15.4375 7.93993 15.6075C7.7691 15.7775 7.56359 15.8625 7.3234 15.8625H3.87278ZM3.87278 5.87598C3.63259 5.87598 3.42709 5.79088 3.25626 5.6207C3.08542 5.45049 3 5.24575 3 5.00646C3 4.76716 3.08542 4.56251 3.25626 4.39249C3.42709 4.22248 3.63259 4.13747 3.87278 4.13747H10.3072C10.5474 4.13747 10.7529 4.22257 10.9237 4.39275C11.0945 4.56296 11.18 4.7677 11.18 5.00699C11.18 5.24629 11.0945 5.45094 10.9237 5.62096C10.7529 5.79097 10.5474 5.87598 10.3072 5.87598H3.87278ZM10.6926 17.5C10.4523 17.5 10.2468 17.4149 10.0761 17.2448C9.9054 17.0746 9.82005 16.87 9.82005 16.6307V13.3558C9.82005 13.1166 9.90549 12.9119 10.0764 12.7418C10.2473 12.5716 10.4528 12.4865 10.6931 12.4865C10.9334 12.4865 11.1389 12.5716 11.3096 12.7418C11.4803 12.9119 11.5656 13.1166 11.5656 13.3558V14.124H17.1272C17.3674 14.124 17.5729 14.2091 17.7438 14.3793C17.9146 14.5495 18 14.7542 18 14.9935C18 15.2328 17.9146 15.4375 17.7438 15.6075C17.5729 15.7775 17.3674 15.8625 17.1272 15.8625H11.5656V16.6307C11.5656 16.87 11.4802 17.0746 11.3093 17.2448C11.1384 17.4149 10.9328 17.5 10.6926 17.5ZM7.32314 12.5067C7.08287 12.5067 6.87738 12.4217 6.70667 12.2515C6.53597 12.0814 6.45062 11.8767 6.45062 11.6375V10.8693H3.87278C3.63259 10.8693 3.42709 10.7842 3.25626 10.614C3.08542 10.4438 3 10.239 3 9.99974C3 9.76044 3.08542 9.55578 3.25626 9.38577C3.42709 9.21575 3.63259 9.13074 3.87278 9.13074H6.45062V8.36253C6.45062 8.12331 6.53606 7.91863 6.70694 7.74848C6.87783 7.57834 7.08341 7.49327 7.32367 7.49327C7.56394 7.49327 7.76942 7.57834 7.94013 7.74848C8.11083 7.91863 8.19618 8.12331 8.19618 8.36253V11.6375C8.19618 11.8767 8.11074 12.0814 7.93986 12.2515C7.76897 12.4217 7.5634 12.5067 7.32314 12.5067ZM10.6928 10.8693C10.4526 10.8693 10.2471 10.7842 10.0763 10.614C9.90546 10.4438 9.82005 10.239 9.82005 9.99974C9.82005 9.76044 9.90546 9.55578 10.0763 9.38577C10.2471 9.21575 10.4526 9.13074 10.6928 9.13074H17.1272C17.3674 9.13074 17.5729 9.21584 17.7438 9.38603C17.9146 9.55623 18 9.76098 18 10.0003C18 10.2396 17.9146 10.4442 17.7438 10.6142C17.5729 10.7842 17.3674 10.8693 17.1272 10.8693H10.6928ZM13.6763 7.51345C13.4361 7.51345 13.2306 7.42838 13.0599 7.25825C12.8892 7.0881 12.8038 6.88341 12.8038 6.6442V3.36925C12.8038 3.13004 12.8893 2.92535 13.0601 2.7552C13.231 2.58507 13.4366 2.5 13.6769 2.5C13.9171 2.5 14.1226 2.58507 14.2933 2.7552C14.464 2.92535 14.5494 3.13004 14.5494 3.36925V4.13747H17.1272C17.3674 4.13747 17.5729 4.22257 17.7438 4.39275C17.9146 4.56296 18 4.7677 18 5.00699C18 5.24629 17.9146 5.45094 17.7438 5.62096C17.5729 5.79097 17.3674 5.87598 17.1272 5.87598H14.5494V6.6442C14.5494 6.88341 14.4639 7.0881 14.2931 7.25825C14.1222 7.42838 13.9166 7.51345 13.6763 7.51345Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FilterIcon = 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.87278 15.8625C3.63259 15.8625 3.42709 15.7774 3.25626 15.6072C3.08542 15.437 3 15.2323 3 14.993C3 14.7537 3.08542 14.5491 3.25626 14.379C3.42709 14.209 3.63259 14.124 3.87278 14.124H7.3234C7.56359 14.124 7.7691 14.2091 7.93993 14.3793C8.11076 14.5495 8.19618 14.7542 8.19618 14.9935C8.19618 15.2328 8.11076 15.4375 7.93993 15.6075C7.7691 15.7775 7.56359 15.8625 7.3234 15.8625H3.87278ZM3.87278 5.87598C3.63259 5.87598 3.42709 5.79088 3.25626 5.6207C3.08542 5.45049 3 5.24575 3 5.00646C3 4.76716 3.08542 4.56251 3.25626 4.39249C3.42709 4.22248 3.63259 4.13747 3.87278 4.13747H10.3072C10.5474 4.13747 10.7529 4.22257 10.9237 4.39275C11.0945 4.56296 11.18 4.7677 11.18 5.00699C11.18 5.24629 11.0945 5.45094 10.9237 5.62096C10.7529 5.79097 10.5474 5.87598 10.3072 5.87598H3.87278ZM10.6926 17.5C10.4523 17.5 10.2468 17.4149 10.0761 17.2448C9.9054 17.0746 9.82005 16.87 9.82005 16.6307V13.3558C9.82005 13.1166 9.90549 12.9119 10.0764 12.7418C10.2473 12.5716 10.4528 12.4865 10.6931 12.4865C10.9334 12.4865 11.1389 12.5716 11.3096 12.7418C11.4803 12.9119 11.5656 13.1166 11.5656 13.3558V14.124H17.1272C17.3674 14.124 17.5729 14.2091 17.7438 14.3793C17.9146 14.5495 18 14.7542 18 14.9935C18 15.2328 17.9146 15.4375 17.7438 15.6075C17.5729 15.7775 17.3674 15.8625 17.1272 15.8625H11.5656V16.6307C11.5656 16.87 11.4802 17.0746 11.3093 17.2448C11.1384 17.4149 10.9328 17.5 10.6926 17.5ZM7.32314 12.5067C7.08287 12.5067 6.87738 12.4217 6.70667 12.2515C6.53597 12.0814 6.45062 11.8767 6.45062 11.6375V10.8693H3.87278C3.63259 10.8693 3.42709 10.7842 3.25626 10.614C3.08542 10.4438 3 10.239 3 9.99974C3 9.76044 3.08542 9.55578 3.25626 9.38577C3.42709 9.21575 3.63259 9.13074 3.87278 9.13074H6.45062V8.36253C6.45062 8.12331 6.53606 7.91863 6.70694 7.74848C6.87783 7.57834 7.08341 7.49327 7.32367 7.49327C7.56394 7.49327 7.76942 7.57834 7.94013 7.74848C8.11083 7.91863 8.19618 8.12331 8.19618 8.36253V11.6375C8.19618 11.8767 8.11074 12.0814 7.93986 12.2515C7.76897 12.4217 7.5634 12.5067 7.32314 12.5067ZM10.6928 10.8693C10.4526 10.8693 10.2471 10.7842 10.0763 10.614C9.90546 10.4438 9.82005 10.239 9.82005 9.99974C9.82005 9.76044 9.90546 9.55578 10.0763 9.38577C10.2471 9.21575 10.4526 9.13074 10.6928 9.13074H17.1272C17.3674 9.13074 17.5729 9.21584 17.7438 9.38603C17.9146 9.55623 18 9.76098 18 10.0003C18 10.2396 17.9146 10.4442 17.7438 10.6142C17.5729 10.7842 17.3674 10.8693 17.1272 10.8693H10.6928ZM13.6763 7.51345C13.4361 7.51345 13.2306 7.42838 13.0599 7.25825C12.8892 7.0881 12.8038 6.88341 12.8038 6.6442V3.36925C12.8038 3.13004 12.8893 2.92535 13.0601 2.7552C13.231 2.58507 13.4366 2.5 13.6769 2.5C13.9171 2.5 14.1226 2.58507 14.2933 2.7552C14.464 2.92535 14.5494 3.13004 14.5494 3.36925V4.13747H17.1272C17.3674 4.13747 17.5729 4.22257 17.7438 4.39275C17.9146 4.56296 18 4.7677 18 5.00699C18 5.24629 17.9146 5.45094 17.7438 5.62096C17.5729 5.79097 17.3674 5.87598 17.1272 5.87598H14.5494V6.6442C14.5494 6.88341 14.4639 7.0881 14.2931 7.25825C14.1222 7.42838 13.9166 7.51345 13.6763 7.51345Z",
+    fill: "currentColor"
+  }
+) }) }));
+FilterIcon.displayName = "FilterIcon";
 
 export { FilterIcon };

package/dist/vanilla/src/icons/FlagIcon.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 FlagIcon(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.83199 17.5C4.60289 17.5 4.40696 17.4101 4.24418 17.2303C4.08139 17.0504 4 16.8341 4 16.5812V3.52893C4 3.23741 4.08932 2.99304 4.26797 2.79583C4.4466 2.59861 4.66795 2.5 4.93202 2.5H10.4824C10.7121 2.5 10.9117 2.57529 11.0813 2.72586C11.2508 2.87643 11.3579 3.07125 11.4025 3.31032L11.5841 4.25214H15.068C15.332 4.25214 15.5534 4.35044 15.732 4.54704C15.9107 4.74362 16 4.98721 16 5.27781V12.1583C16 12.4489 15.9107 12.6924 15.732 12.8889C15.5534 13.0855 15.332 13.1837 15.068 13.1837H11.0854C10.8557 13.1837 10.656 13.1065 10.4865 12.9519C10.3169 12.7973 10.2099 12.5974 10.1653 12.3521L10.003 11.4316H5.6645V16.5812C5.6645 16.8341 5.58302 17.0504 5.42007 17.2303C5.25713 17.4101 5.0611 17.5 4.83199 17.5Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FlagIcon = 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.83199 17.5C4.60289 17.5 4.40696 17.4101 4.24418 17.2303C4.08139 17.0504 4 16.8341 4 16.5812V3.52893C4 3.23741 4.08932 2.99304 4.26797 2.79583C4.4466 2.59861 4.66795 2.5 4.93202 2.5H10.4824C10.7121 2.5 10.9117 2.57529 11.0813 2.72586C11.2508 2.87643 11.3579 3.07125 11.4025 3.31032L11.5841 4.25214H15.068C15.332 4.25214 15.5534 4.35044 15.732 4.54704C15.9107 4.74362 16 4.98721 16 5.27781V12.1583C16 12.4489 15.9107 12.6924 15.732 12.8889C15.5534 13.0855 15.332 13.1837 15.068 13.1837H11.0854C10.8557 13.1837 10.656 13.1065 10.4865 12.9519C10.3169 12.7973 10.2099 12.5974 10.1653 12.3521L10.003 11.4316H5.6645V16.5812C5.6645 16.8341 5.58302 17.0504 5.42007 17.2303C5.25713 17.4101 5.0611 17.5 4.83199 17.5Z",
+    fill: "currentColor"
+  }
+) }) }));
+FlagIcon.displayName = "FlagIcon";
 
 export { FlagIcon };

package/dist/vanilla/src/icons/FlagOffIcon.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 FlagOffIcon(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.83199 17.5C4.60289 17.5 4.40696 17.4101 4.24418 17.2303C4.08139 17.0504 4 16.8341 4 16.5812V3.52893C4 3.23741 4.08932 2.99304 4.26797 2.79583C4.4466 2.59861 4.66795 2.5 4.93202 2.5H10.4824C10.7121 2.5 10.9117 2.57529 11.0813 2.72586C11.2508 2.87643 11.3579 3.07125 11.4025 3.31032L11.5841 4.25214H15.068C15.332 4.25214 15.5534 4.35044 15.732 4.54704C15.9107 4.74362 16 4.98721 16 5.27781V12.1583C16 12.4489 15.9107 12.6924 15.732 12.8889C15.5534 13.0855 15.332 13.1837 15.068 13.1837H11.0854C10.8557 13.1837 10.656 13.1065 10.4865 12.9519C10.3169 12.7973 10.2099 12.5974 10.1653 12.3521L10.003 11.4316H5.6645V16.5812C5.6645 16.8341 5.58302 17.0504 5.42007 17.2303C5.25713 17.4101 5.0611 17.5 4.83199 17.5ZM11.7032 11.3462H14.3355V6.08973H10.1971L9.88176 4.33759H5.6645V9.59402H11.3875L11.7032 11.3462Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FlagOffIcon = 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.83199 17.5C4.60289 17.5 4.40696 17.4101 4.24418 17.2303C4.08139 17.0504 4 16.8341 4 16.5812V3.52893C4 3.23741 4.08932 2.99304 4.26797 2.79583C4.4466 2.59861 4.66795 2.5 4.93202 2.5H10.4824C10.7121 2.5 10.9117 2.57529 11.0813 2.72586C11.2508 2.87643 11.3579 3.07125 11.4025 3.31032L11.5841 4.25214H15.068C15.332 4.25214 15.5534 4.35044 15.732 4.54704C15.9107 4.74362 16 4.98721 16 5.27781V12.1583C16 12.4489 15.9107 12.6924 15.732 12.8889C15.5534 13.0855 15.332 13.1837 15.068 13.1837H11.0854C10.8557 13.1837 10.656 13.1065 10.4865 12.9519C10.3169 12.7973 10.2099 12.5974 10.1653 12.3521L10.003 11.4316H5.6645V16.5812C5.6645 16.8341 5.58302 17.0504 5.42007 17.2303C5.25713 17.4101 5.0611 17.5 4.83199 17.5ZM11.7032 11.3462H14.3355V6.08973H10.1971L9.88176 4.33759H5.6645V9.59402H11.3875L11.7032 11.3462Z",
+    fill: "currentColor"
+  }
+) }) }));
+FlagOffIcon.displayName = "FlagOffIcon";
 
 export { FlagOffIcon };

package/dist/vanilla/src/icons/ForwardIcon.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 ForwardIcon(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.37997 13.8325C4.08554 14.0347 3.78194 14.0538 3.46916 13.8899C3.15639 13.7261 3 13.4547 3 13.0759V6.92884C3 6.55005 3.15639 6.27749 3.46916 6.11115C3.78194 5.94481 4.08554 5.96517 4.37997 6.17224L8.80486 9.23841C9.06261 9.41505 9.19148 9.66971 9.19148 10.0024C9.19148 10.3351 9.06261 10.5897 8.80486 10.7664L4.37997 13.8325ZM12.1885 13.8325C11.8941 14.0347 11.5905 14.0538 11.2777 13.8899C10.9649 13.7261 10.8085 13.4547 10.8085 13.0759V6.92884C10.8085 6.55005 10.9649 6.27749 11.2777 6.11115C11.5905 5.94481 11.8941 5.96517 12.1885 6.17224L16.6134 9.23841C16.8711 9.41505 17 9.66971 17 10.0024C17 10.3351 16.8711 10.5897 16.6134 10.7664L12.1885 13.8325Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ForwardIcon = 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.37997 13.8325C4.08554 14.0347 3.78194 14.0538 3.46916 13.8899C3.15639 13.7261 3 13.4547 3 13.0759V6.92884C3 6.55005 3.15639 6.27749 3.46916 6.11115C3.78194 5.94481 4.08554 5.96517 4.37997 6.17224L8.80486 9.23841C9.06261 9.41505 9.19148 9.66971 9.19148 10.0024C9.19148 10.3351 9.06261 10.5897 8.80486 10.7664L4.37997 13.8325ZM12.1885 13.8325C11.8941 14.0347 11.5905 14.0538 11.2777 13.8899C10.9649 13.7261 10.8085 13.4547 10.8085 13.0759V6.92884C10.8085 6.55005 10.9649 6.27749 11.2777 6.11115C11.5905 5.94481 11.8941 5.96517 12.1885 6.17224L16.6134 9.23841C16.8711 9.41505 17 9.66971 17 10.0024C17 10.3351 16.8711 10.5897 16.6134 10.7664L12.1885 13.8325Z",
+    fill: "currentColor"
+  }
+) }) }));
+ForwardIcon.displayName = "ForwardIcon";
 
 export { ForwardIcon };

package/dist/vanilla/src/icons/FreezeIcon.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 FreezeIcon(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.0713 16.9334C3.45218 17.3111 3.90737 17.5 4.43687 17.5H15.5631C16.1026 17.5 16.5603 17.3111 16.9362 16.9334C17.3121 16.5558 17.5 16.0958 17.5 15.5537V4.4463C17.5 3.91421 17.3121 3.45681 16.9362 3.0741C16.5603 2.69137 16.1026 2.5 15.5631 2.5H4.43687C3.90737 2.5 3.45218 2.69137 3.0713 3.0741C2.69043 3.45681 2.5 3.91421 2.5 4.4463V15.5537C2.5 16.0958 2.69043 16.5558 3.0713 16.9334ZM8.96131 15.819H15.5631C15.6291 15.819 15.6896 15.7914 15.7446 15.7361C15.7996 15.6808 15.8271 15.62 15.8271 15.5537V4.4463C15.8271 4.37998 15.7996 4.31918 15.7446 4.26391C15.6896 4.20865 15.6291 4.18102 15.5631 4.18102H8.96076C8.97165 4.26728 8.9771 4.35571 8.9771 4.4463V15.5537C8.9771 15.6444 8.97184 15.7329 8.96131 15.819Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const FreezeIcon = 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.0713 16.9334C3.45218 17.3111 3.90737 17.5 4.43687 17.5H15.5631C16.1026 17.5 16.5603 17.3111 16.9362 16.9334C17.3121 16.5558 17.5 16.0958 17.5 15.5537V4.4463C17.5 3.91421 17.3121 3.45681 16.9362 3.0741C16.5603 2.69137 16.1026 2.5 15.5631 2.5H4.43687C3.90737 2.5 3.45218 2.69137 3.0713 3.0741C2.69043 3.45681 2.5 3.91421 2.5 4.4463V15.5537C2.5 16.0958 2.69043 16.5558 3.0713 16.9334ZM8.96131 15.819H15.5631C15.6291 15.819 15.6896 15.7914 15.7446 15.7361C15.7996 15.6808 15.8271 15.62 15.8271 15.5537V4.4463C15.8271 4.37998 15.7996 4.31918 15.7446 4.26391C15.6896 4.20865 15.6291 4.18102 15.5631 4.18102H8.96076C8.97165 4.26728 8.9771 4.35571 8.9771 4.4463V15.5537C8.9771 15.6444 8.97184 15.7329 8.96131 15.819Z",
+    fill: "currentColor"
+  }
+) }) }));
+FreezeIcon.displayName = "FreezeIcon";
 
 export { FreezeIcon };

package/dist/vanilla/src/icons/HelpIcon.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 HelpIcon(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.0287 14.9821C10.3017 14.9821 10.5346 14.8866 10.7273 14.6955C10.92 14.5044 11.0163 14.2723 11.0163 13.9993C11.0163 13.7263 10.9208 13.4934 10.7297 13.3007C10.5386 13.108 10.3065 13.0117 10.0335 13.0117C9.76046 13.0117 9.52759 13.1072 9.33491 13.2983C9.14221 13.4894 9.04586 13.7215 9.04586 13.9945C9.04586 14.2675 9.1414 14.5004 9.33248 14.6931C9.52358 14.8858 9.75564 14.9821 10.0287 14.9821ZM9.21678 11.8259H10.819C10.8293 11.3117 10.8741 10.9412 10.9534 10.7145C11.0326 10.4879 11.2499 10.1984 11.6053 9.84616C12.0818 9.41 12.4113 9.02178 12.5936 8.68151C12.776 8.34124 12.8671 7.97023 12.8671 7.56848C12.8671 6.80877 12.6047 6.1896 12.08 5.71096C11.5552 5.23233 10.8889 4.99302 10.0808 4.99302C9.36598 4.99302 8.74386 5.17976 8.21446 5.55324C7.68507 5.92671 7.31937 6.43823 7.11735 7.08779L8.53923 7.68607C8.65112 7.29654 8.83294 6.99481 9.08468 6.78088C9.33644 6.56694 9.64984 6.45997 10.0249 6.45997C10.4082 6.45997 10.7242 6.57057 10.9728 6.79177C11.2215 7.01296 11.3458 7.29397 11.3458 7.63482C11.3458 7.94976 11.2373 8.22456 11.0202 8.45921C10.8032 8.69386 10.5667 8.93085 10.3108 9.17018C9.82079 9.62187 9.51594 9.99354 9.39628 10.2852C9.27662 10.5768 9.21678 11.0904 9.21678 11.8259ZM10.0014 18C8.90403 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.0776 2.62531 13.1055C2.20844 12.1334 2 11.0987 2 10.0014C2 8.88711 2.20875 7.84559 2.62624 6.87678C3.04374 5.90798 3.61755 5.05792 4.34766 4.32659C5.07779 3.59528 5.92822 3.02468 6.89894 2.61481C7.86965 2.20494 8.90289 2 9.99865 2C11.1128 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.90697 17.3852 6.87561C17.7951 7.84424 18 8.88582 18 10.0003C18 11.1014 17.7951 12.1359 17.3855 13.1038C16.9758 14.0717 16.4054 14.9209 15.6744 15.6513C14.9434 16.3818 14.0937 16.9558 13.1253 17.3735C12.1569 17.7912 11.1156 18 10.0014 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const HelpIcon = 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.0287 14.9821C10.3017 14.9821 10.5346 14.8866 10.7273 14.6955C10.92 14.5044 11.0163 14.2723 11.0163 13.9993C11.0163 13.7263 10.9208 13.4934 10.7297 13.3007C10.5386 13.108 10.3065 13.0117 10.0335 13.0117C9.76046 13.0117 9.52759 13.1072 9.33491 13.2983C9.14221 13.4894 9.04586 13.7215 9.04586 13.9945C9.04586 14.2675 9.1414 14.5004 9.33248 14.6931C9.52358 14.8858 9.75564 14.9821 10.0287 14.9821ZM9.21678 11.8259H10.819C10.8293 11.3117 10.8741 10.9412 10.9534 10.7145C11.0326 10.4879 11.2499 10.1984 11.6053 9.84616C12.0818 9.41 12.4113 9.02178 12.5936 8.68151C12.776 8.34124 12.8671 7.97023 12.8671 7.56848C12.8671 6.80877 12.6047 6.1896 12.08 5.71096C11.5552 5.23233 10.8889 4.99302 10.0808 4.99302C9.36598 4.99302 8.74386 5.17976 8.21446 5.55324C7.68507 5.92671 7.31937 6.43823 7.11735 7.08779L8.53923 7.68607C8.65112 7.29654 8.83294 6.99481 9.08468 6.78088C9.33644 6.56694 9.64984 6.45997 10.0249 6.45997C10.4082 6.45997 10.7242 6.57057 10.9728 6.79177C11.2215 7.01296 11.3458 7.29397 11.3458 7.63482C11.3458 7.94976 11.2373 8.22456 11.0202 8.45921C10.8032 8.69386 10.5667 8.93085 10.3108 9.17018C9.82079 9.62187 9.51594 9.99354 9.39628 10.2852C9.27662 10.5768 9.21678 11.0904 9.21678 11.8259ZM10.0014 18C8.90403 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.0776 2.62531 13.1055C2.20844 12.1334 2 11.0987 2 10.0014C2 8.88711 2.20875 7.84559 2.62624 6.87678C3.04374 5.90798 3.61755 5.05792 4.34766 4.32659C5.07779 3.59528 5.92822 3.02468 6.89894 2.61481C7.86965 2.20494 8.90289 2 9.99865 2C11.1128 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.90697 17.3852 6.87561C17.7951 7.84424 18 8.88582 18 10.0003C18 11.1014 17.7951 12.1359 17.3855 13.1038C16.9758 14.0717 16.4054 14.9209 15.6744 15.6513C14.9434 16.3818 14.0937 16.9558 13.1253 17.3735C12.1569 17.7912 11.1156 18 10.0014 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+HelpIcon.displayName = "HelpIcon";
 
 export { HelpIcon };

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

@@ -0,0 +1,20 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useSlotProps } from '../components/utils/Slots.js';
+import { Box } from '../../Box/Box.js';
+import '../sprinkles/sprinkles.js';
+
+const SIZE = {
+  xs: "3",
+  sm: "4",
+  md: "5",
+  lg: "6"
+};
+const Icon = forwardRef((props, ref) => {
+  props = useSlotProps(props, "icon");
+  const { children, size = "sm", ...restProps } = props;
+  return /* @__PURE__ */ jsx(Box, { ref, asChild: true, size: SIZE[size], role: "img", ...restProps, children });
+});
+Icon.displayName = "Icon";
+
+export { Icon };

package/dist/vanilla/src/icons/ImageIcon.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 ImageIcon(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.84841 17C4.32979 17 3.89206 16.8192 3.53524 16.4576C3.17841 16.096 3 15.6607 3 15.1516V4.84842C3 4.33934 3.17841 3.904 3.53524 3.5424C3.89206 3.1808 4.32979 3 4.84841 3H15.1516C15.6702 3 16.1079 3.1808 16.4648 3.5424C16.8216 3.904 17 4.33934 17 4.84842V15.1516C17 15.6607 16.8216 16.096 16.4648 16.4576C16.1079 16.8192 15.6702 17 15.1516 17H4.84841ZM6.7488 14.0526H13.3182C13.5181 14.0526 13.6537 13.9684 13.7251 13.7999C13.7965 13.6315 13.7787 13.4706 13.6716 13.3174L11.6988 10.6613C11.6051 10.5217 11.486 10.4553 11.3414 10.4621C11.1968 10.4689 11.0777 10.5422 10.984 10.6818L9.24742 12.9222L8.29488 11.7555C8.20121 11.6212 8.08339 11.554 7.94142 11.554C7.79946 11.554 7.68163 11.6238 7.58796 11.7634L6.40299 13.3179C6.28819 13.4708 6.26819 13.6315 6.34298 13.7999C6.41777 13.9684 6.55304 14.0526 6.7488 14.0526Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ImageIcon = 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.84841 17C4.32979 17 3.89206 16.8192 3.53524 16.4576C3.17841 16.096 3 15.6607 3 15.1516V4.84842C3 4.33934 3.17841 3.904 3.53524 3.5424C3.89206 3.1808 4.32979 3 4.84841 3H15.1516C15.6702 3 16.1079 3.1808 16.4648 3.5424C16.8216 3.904 17 4.33934 17 4.84842V15.1516C17 15.6607 16.8216 16.096 16.4648 16.4576C16.1079 16.8192 15.6702 17 15.1516 17H4.84841ZM6.7488 14.0526H13.3182C13.5181 14.0526 13.6537 13.9684 13.7251 13.7999C13.7965 13.6315 13.7787 13.4706 13.6716 13.3174L11.6988 10.6613C11.6051 10.5217 11.486 10.4553 11.3414 10.4621C11.1968 10.4689 11.0777 10.5422 10.984 10.6818L9.24742 12.9222L8.29488 11.7555C8.20121 11.6212 8.08339 11.554 7.94142 11.554C7.79946 11.554 7.68163 11.6238 7.58796 11.7634L6.40299 13.3179C6.28819 13.4708 6.26819 13.6315 6.34298 13.7999C6.41777 13.9684 6.55304 14.0526 6.7488 14.0526Z",
+    fill: "currentColor"
+  }
+) }) }));
+ImageIcon.displayName = "ImageIcon";
 
 export { ImageIcon };

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

@@ -1,26 +1,25 @@
 import { jsx, jsxs } 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 ImageOffIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M3.44959 2.74241C3.25402 2.55117 2.94046 2.55251 2.74654 2.74642C2.55128 2.94168 2.55128 3.25827 2.74654 3.45353L3.38894 4.09593C3.36305 4.22237 3.3501 4.35416 3.3501 4.4913V14.7945C3.3501 15.3035 3.52851 15.7389 3.88533 16.1005C4.24216 16.4621 4.67988 16.6429 5.19851 16.6429H15.5017C15.6394 16.6429 15.7714 16.6301 15.8977 16.6046L16.5422 17.2492C16.7375 17.4444 17.054 17.4444 17.2493 17.2492C17.4433 17.0552 17.4445 16.7414 17.253 16.5459L17.2492 16.5421L3.45358 2.74644L3.44959 2.74241ZM9.59751 12.5651L10.5846 11.2916L12.9885 13.6955H7.09889C6.90314 13.6955 6.76787 13.6113 6.69308 13.4428C6.61829 13.2743 6.63829 13.1137 6.75309 12.9608L7.93806 11.4063C8.03173 11.2667 8.14955 11.1969 8.29152 11.1969C8.43348 11.1969 8.5513 11.2641 8.64498 11.3984L9.59751 12.5651Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M17.3112 15.1899C17.3371 15.0634 17.3501 14.9316 17.3501 14.7945V4.4913C17.3501 3.98222 17.1717 3.54688 16.8149 3.18528C16.458 2.82368 16.0203 2.64288 15.5017 2.64288H5.19851C5.0608 2.64288 4.92879 2.65563 4.80248 2.68113L17.3112 15.1899Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const ImageOffIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.44959 2.74241C3.25402 2.55117 2.94046 2.55251 2.74654 2.74642C2.55128 2.94168 2.55128 3.25827 2.74654 3.45353L3.38894 4.09593C3.36305 4.22237 3.3501 4.35416 3.3501 4.4913V14.7945C3.3501 15.3035 3.52851 15.7389 3.88533 16.1005C4.24216 16.4621 4.67988 16.6429 5.19851 16.6429H15.5017C15.6394 16.6429 15.7714 16.6301 15.8977 16.6046L16.5422 17.2492C16.7375 17.4444 17.054 17.4444 17.2493 17.2492C17.4433 17.0552 17.4445 16.7414 17.253 16.5459L17.2492 16.5421L3.45358 2.74644L3.44959 2.74241ZM9.59751 12.5651L10.5846 11.2916L12.9885 13.6955H7.09889C6.90314 13.6955 6.76787 13.6113 6.69308 13.4428C6.61829 13.2743 6.63829 13.1137 6.75309 12.9608L7.93806 11.4063C8.03173 11.2667 8.14955 11.1969 8.29152 11.1969C8.43348 11.1969 8.5513 11.2641 8.64498 11.3984L9.59751 12.5651Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M17.3112 15.1899C17.3371 15.0634 17.3501 14.9316 17.3501 14.7945V4.4913C17.3501 3.98222 17.1717 3.54688 16.8149 3.18528C16.458 2.82368 16.0203 2.64288 15.5017 2.64288H5.19851C5.0608 2.64288 4.92879 2.65563 4.80248 2.68113L17.3112 15.1899Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+ImageOffIcon.displayName = "ImageOffIcon";
 
 export { ImageOffIcon };