@orfium/ictinus 5.43.9 → 5.44.1

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

@@ -1,33 +1,32 @@
 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 SortAscendingIcon(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",
-      {
-        d: "M8.02888 7.07089C7.16777 7.07089 6.68904 6.17334 7.22697 5.56745L9.19808 3.34729C9.6092 2.88423 10.3908 2.88424 10.8019 3.34729L12.773 5.56745C13.311 6.17335 12.8322 7.07089 11.9711 7.07089H8.02888Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M2.56699 16.9319C2.61909 16.9773 2.67491 17 2.73445 17H4.10768C4.23421 17 4.32353 16.9735 4.37563 16.9206C4.42773 16.86 4.46123 16.8071 4.47611 16.7617L4.90036 15.6043H7.88128L8.31669 16.7617C8.33158 16.8071 8.36507 16.86 8.41717 16.9206C8.47671 16.9735 8.56231 17 8.67395 17H10.0472C10.1142 17 10.17 16.9773 10.2147 16.9319C10.2668 16.879 10.2928 16.8222 10.2928 16.7617C10.2928 16.7239 10.2854 16.6898 10.2705 16.6596L7.65799 9.37453C7.63566 9.29132 7.58728 9.21945 7.51285 9.15893C7.44586 9.09085 7.3491 9.05681 7.22257 9.05681H5.57023C5.4437 9.05681 5.34322 9.09085 5.26879 9.15893C5.2018 9.21945 5.15714 9.29132 5.13482 9.37453L2.51116 16.6596C2.50372 16.6898 2.5 16.7239 2.5 16.7617C2.5 16.8222 2.52233 16.879 2.56699 16.9319ZM7.4347 13.9702H5.3581L6.38524 10.9745L7.4347 13.9702Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M11.0693 16.7163C11.0693 16.792 11.0953 16.86 11.1474 16.9206C11.1995 16.9735 11.2665 17 11.3484 17H17.2097C17.2916 17 17.3586 16.9735 17.4107 16.9206C17.4702 16.8676 17.5 16.7995 17.5 16.7163V15.5816C17.5 15.4984 17.4702 15.4303 17.4107 15.3773C17.3586 15.3168 17.2916 15.2865 17.2097 15.2865H13.7264L17.2209 10.827C17.2655 10.774 17.299 10.7173 17.3214 10.6568C17.3511 10.5963 17.366 10.5244 17.366 10.4412V9.34049C17.366 9.25728 17.3363 9.18919 17.2767 9.13624C17.2246 9.08328 17.1576 9.05681 17.0757 9.05681H11.4489C11.3744 9.05681 11.3074 9.08328 11.2479 9.13624C11.1958 9.18919 11.1697 9.25728 11.1697 9.34049V10.4639C11.1697 10.5471 11.1958 10.6152 11.2479 10.6681C11.3074 10.7211 11.3744 10.7476 11.4489 10.7476H14.8317L11.2367 15.1958C11.207 15.226 11.1697 15.2752 11.1251 15.3433C11.0879 15.4114 11.0693 15.4984 11.0693 15.6043V16.7163Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const SortAscendingIcon = 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",
+    {
+      d: "M8.02888 7.07089C7.16777 7.07089 6.68904 6.17334 7.22697 5.56745L9.19808 3.34729C9.6092 2.88423 10.3908 2.88424 10.8019 3.34729L12.773 5.56745C13.311 6.17335 12.8322 7.07089 11.9711 7.07089H8.02888Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2.56699 16.9319C2.61909 16.9773 2.67491 17 2.73445 17H4.10768C4.23421 17 4.32353 16.9735 4.37563 16.9206C4.42773 16.86 4.46123 16.8071 4.47611 16.7617L4.90036 15.6043H7.88128L8.31669 16.7617C8.33158 16.8071 8.36507 16.86 8.41717 16.9206C8.47671 16.9735 8.56231 17 8.67395 17H10.0472C10.1142 17 10.17 16.9773 10.2147 16.9319C10.2668 16.879 10.2928 16.8222 10.2928 16.7617C10.2928 16.7239 10.2854 16.6898 10.2705 16.6596L7.65799 9.37453C7.63566 9.29132 7.58728 9.21945 7.51285 9.15893C7.44586 9.09085 7.3491 9.05681 7.22257 9.05681H5.57023C5.4437 9.05681 5.34322 9.09085 5.26879 9.15893C5.2018 9.21945 5.15714 9.29132 5.13482 9.37453L2.51116 16.6596C2.50372 16.6898 2.5 16.7239 2.5 16.7617C2.5 16.8222 2.52233 16.879 2.56699 16.9319ZM7.4347 13.9702H5.3581L6.38524 10.9745L7.4347 13.9702Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.0693 16.7163C11.0693 16.792 11.0953 16.86 11.1474 16.9206C11.1995 16.9735 11.2665 17 11.3484 17H17.2097C17.2916 17 17.3586 16.9735 17.4107 16.9206C17.4702 16.8676 17.5 16.7995 17.5 16.7163V15.5816C17.5 15.4984 17.4702 15.4303 17.4107 15.3773C17.3586 15.3168 17.2916 15.2865 17.2097 15.2865H13.7264L17.2209 10.827C17.2655 10.774 17.299 10.7173 17.3214 10.6568C17.3511 10.5963 17.366 10.5244 17.366 10.4412V9.34049C17.366 9.25728 17.3363 9.18919 17.2767 9.13624C17.2246 9.08328 17.1576 9.05681 17.0757 9.05681H11.4489C11.3744 9.05681 11.3074 9.08328 11.2479 9.13624C11.1958 9.18919 11.1697 9.25728 11.1697 9.34049V10.4639C11.1697 10.5471 11.1958 10.6152 11.2479 10.6681C11.3074 10.7211 11.3744 10.7476 11.4489 10.7476H14.8317L11.2367 15.1958C11.207 15.226 11.1697 15.2752 11.1251 15.3433C11.0879 15.4114 11.0693 15.4984 11.0693 15.6043V16.7163Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+SortAscendingIcon.displayName = "SortAscendingIcon";
 
 export { SortAscendingIcon };

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

@@ -1,33 +1,32 @@
 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 SortDescendingIcon(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: "M2.56699 10.8752C2.61909 10.9206 2.67491 10.9433 2.73445 10.9433H4.10768C4.23421 10.9433 4.32353 10.9168 4.37563 10.8638C4.42773 10.8033 4.46123 10.7504 4.47611 10.705L4.90036 9.54752H7.88128L8.31669 10.705C8.33158 10.7504 8.36507 10.8033 8.41717 10.8638C8.47671 10.9168 8.56231 10.9433 8.67395 10.9433H10.0472C10.1142 10.9433 10.17 10.9206 10.2147 10.8752C10.2668 10.8222 10.2928 10.7655 10.2928 10.705C10.2928 10.6671 10.2854 10.6331 10.2705 10.6028L7.65799 3.31773C7.63566 3.23452 7.58728 3.16265 7.51285 3.10213C7.44586 3.03404 7.3491 3 7.22257 3H5.57023C5.4437 3 5.34322 3.03404 5.26879 3.10213C5.2018 3.16265 5.15714 3.23452 5.13482 3.31773L2.51116 10.6028C2.50372 10.6331 2.5 10.6671 2.5 10.705C2.5 10.7655 2.52233 10.8222 2.56699 10.8752ZM7.4347 7.91348H5.3581L6.38524 4.91773L7.4347 7.91348Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M11.0693 10.6596C11.0693 10.7352 11.0953 10.8033 11.1474 10.8638C11.1995 10.9168 11.2665 10.9433 11.3484 10.9433H17.2097C17.2916 10.9433 17.3586 10.9168 17.4107 10.8638C17.4702 10.8109 17.5 10.7428 17.5 10.6596V9.52482C17.5 9.44161 17.4702 9.37352 17.4107 9.32057C17.3586 9.26005 17.2916 9.22979 17.2097 9.22979H13.7264L17.2209 4.77021C17.2655 4.71726 17.299 4.66052 17.3214 4.6C17.3511 4.53948 17.366 4.46761 17.366 4.3844V3.28369C17.366 3.20047 17.3363 3.13239 17.2767 3.07943C17.2246 3.02648 17.1576 3 17.0757 3H11.4489C11.3744 3 11.3074 3.02648 11.2479 3.07943C11.1958 3.13239 11.1697 3.20047 11.1697 3.28369V4.40709C11.1697 4.49031 11.1958 4.55839 11.2479 4.61135C11.3074 4.6643 11.3744 4.69078 11.4489 4.69078H14.8317L11.2367 9.13901C11.207 9.16927 11.1697 9.21844 11.1251 9.28652C11.0879 9.35461 11.0693 9.44161 11.0693 9.54752V10.6596Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8.02888 12.9291C7.16777 12.9291 6.68904 13.8266 7.22697 14.4325L9.19808 16.6527C9.6092 17.1158 10.3908 17.1158 10.8019 16.6527L12.773 14.4325C13.311 13.8266 12.8322 12.9291 11.9711 12.9291H8.02888Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const SortDescendingIcon = 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: "M2.56699 10.8752C2.61909 10.9206 2.67491 10.9433 2.73445 10.9433H4.10768C4.23421 10.9433 4.32353 10.9168 4.37563 10.8638C4.42773 10.8033 4.46123 10.7504 4.47611 10.705L4.90036 9.54752H7.88128L8.31669 10.705C8.33158 10.7504 8.36507 10.8033 8.41717 10.8638C8.47671 10.9168 8.56231 10.9433 8.67395 10.9433H10.0472C10.1142 10.9433 10.17 10.9206 10.2147 10.8752C10.2668 10.8222 10.2928 10.7655 10.2928 10.705C10.2928 10.6671 10.2854 10.6331 10.2705 10.6028L7.65799 3.31773C7.63566 3.23452 7.58728 3.16265 7.51285 3.10213C7.44586 3.03404 7.3491 3 7.22257 3H5.57023C5.4437 3 5.34322 3.03404 5.26879 3.10213C5.2018 3.16265 5.15714 3.23452 5.13482 3.31773L2.51116 10.6028C2.50372 10.6331 2.5 10.6671 2.5 10.705C2.5 10.7655 2.52233 10.8222 2.56699 10.8752ZM7.4347 7.91348H5.3581L6.38524 4.91773L7.4347 7.91348Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.0693 10.6596C11.0693 10.7352 11.0953 10.8033 11.1474 10.8638C11.1995 10.9168 11.2665 10.9433 11.3484 10.9433H17.2097C17.2916 10.9433 17.3586 10.9168 17.4107 10.8638C17.4702 10.8109 17.5 10.7428 17.5 10.6596V9.52482C17.5 9.44161 17.4702 9.37352 17.4107 9.32057C17.3586 9.26005 17.2916 9.22979 17.2097 9.22979H13.7264L17.2209 4.77021C17.2655 4.71726 17.299 4.66052 17.3214 4.6C17.3511 4.53948 17.366 4.46761 17.366 4.3844V3.28369C17.366 3.20047 17.3363 3.13239 17.2767 3.07943C17.2246 3.02648 17.1576 3 17.0757 3H11.4489C11.3744 3 11.3074 3.02648 11.2479 3.07943C11.1958 3.13239 11.1697 3.20047 11.1697 3.28369V4.40709C11.1697 4.49031 11.1958 4.55839 11.2479 4.61135C11.3074 4.6643 11.3744 4.69078 11.4489 4.69078H14.8317L11.2367 9.13901C11.207 9.16927 11.1697 9.21844 11.1251 9.28652C11.0879 9.35461 11.0693 9.44161 11.0693 9.54752V10.6596Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M8.02888 12.9291C7.16777 12.9291 6.68904 13.8266 7.22697 14.4325L9.19808 16.6527C9.6092 17.1158 10.3908 17.1158 10.8019 16.6527L12.773 14.4325C13.311 13.8266 12.8322 12.9291 11.9711 12.9291H8.02888Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+SortDescendingIcon.displayName = "SortDescendingIcon";
 
 export { SortDescendingIcon };

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

@@ -1,28 +1,27 @@
 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 SortIcon(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: "M7.22697 12.9148C6.68904 12.3047 7.16777 11.4009 8.02888 11.4009H11.9711C12.8322 11.4009 13.311 12.3047 12.773 12.9148L10.8019 15.1503C10.3908 15.6166 9.6092 15.6166 9.19808 15.1503L7.22697 12.9148Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M7.22697 7.08522C6.68904 7.6953 7.16777 8.59906 8.02888 8.59906H11.9711C12.8322 8.59906 13.311 7.6953 12.773 7.08522L10.8019 4.8497C10.3908 4.38343 9.6092 4.38343 9.19808 4.8497L7.22697 7.08522Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const SortIcon = 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: "M7.22697 12.9148C6.68904 12.3047 7.16777 11.4009 8.02888 11.4009H11.9711C12.8322 11.4009 13.311 12.3047 12.773 12.9148L10.8019 15.1503C10.3908 15.6166 9.6092 15.6166 9.19808 15.1503L7.22697 12.9148Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.22697 7.08522C6.68904 7.6953 7.16777 8.59906 8.02888 8.59906H11.9711C12.8322 8.59906 13.311 7.6953 12.773 7.08522L10.8019 4.8497C10.3908 4.38343 9.6092 4.38343 9.19808 4.8497L7.22697 7.08522Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+SortIcon.displayName = "SortIcon";
 
 export { SortIcon };

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

@@ -1,9 +1,8 @@
 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 StatusIndicatorIcon(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("rect", { x: "7", y: "7", width: "6", height: "6", rx: "3", fill: "currentColor" }) }) });
-}
+const StatusIndicatorIcon = 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("rect", { x: "7", y: "7", width: "6", height: "6", rx: "3", fill: "currentColor" }) }) }));
+StatusIndicatorIcon.displayName = "StatusIndicatorIcon";
 
 export { StatusIndicatorIcon };

package/dist/vanilla/src/icons/StopIcon.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 StopIcon(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.03116 15C6.45503 15 5.97248 14.8055 5.58349 14.4165C5.1945 14.0275 5 13.545 5 12.9688V7.03116C5 6.45503 5.1945 5.97248 5.58349 5.58349C5.97248 5.1945 6.45503 5 7.03116 5H12.9688C13.545 5 14.0275 5.1945 14.4165 5.58349C14.8055 5.97248 15 6.45503 15 7.03116V12.9688C15 13.545 14.8055 14.0275 14.4165 14.4165C14.0275 14.8055 13.545 15 12.9688 15H7.03116Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const StopIcon = 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.03116 15C6.45503 15 5.97248 14.8055 5.58349 14.4165C5.1945 14.0275 5 13.545 5 12.9688V7.03116C5 6.45503 5.1945 5.97248 5.58349 5.58349C5.97248 5.1945 6.45503 5 7.03116 5H12.9688C13.545 5 14.0275 5.1945 14.4165 5.58349C14.8055 5.97248 15 6.45503 15 7.03116V12.9688C15 13.545 14.8055 14.0275 14.4165 14.4165C14.0275 14.8055 13.545 15 12.9688 15H7.03116Z",
+    fill: "currentColor"
+  }
+) }) }));
+StopIcon.displayName = "StopIcon";
 
 export { StopIcon };

package/dist/vanilla/src/icons/SuccessIcon.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 SuccessIcon(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.89769 11.3563L7.22926 9.68784C7.06994 9.52852 6.87652 9.44761 6.64898 9.44512C6.42145 9.44263 6.22553 9.52353 6.06123 9.68784C5.89693 9.85214 5.81479 10.0468 5.81479 10.2718C5.81479 10.4969 5.89693 10.6915 6.06123 10.8558L8.23151 13.0261C8.42134 13.2183 8.64281 13.3144 8.89592 13.3144C9.14902 13.3144 9.37166 13.2183 9.56384 13.0261L13.9627 8.62732C14.122 8.468 14.2029 8.27458 14.2054 8.04704C14.2079 7.81951 14.127 7.62359 13.9627 7.45929C13.7984 7.295 13.6037 7.21285 13.3786 7.21285C13.1536 7.21285 12.9589 7.295 12.7946 7.45929L8.89769 11.3563ZM10.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 SuccessIcon = 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.89769 11.3563L7.22926 9.68784C7.06994 9.52852 6.87652 9.44761 6.64898 9.44512C6.42145 9.44263 6.22553 9.52353 6.06123 9.68784C5.89693 9.85214 5.81479 10.0468 5.81479 10.2718C5.81479 10.4969 5.89693 10.6915 6.06123 10.8558L8.23151 13.0261C8.42134 13.2183 8.64281 13.3144 8.89592 13.3144C9.14902 13.3144 9.37166 13.2183 9.56384 13.0261L13.9627 8.62732C14.122 8.468 14.2029 8.27458 14.2054 8.04704C14.2079 7.81951 14.127 7.62359 13.9627 7.45929C13.7984 7.295 13.6037 7.21285 13.3786 7.21285C13.1536 7.21285 12.9589 7.295 12.7946 7.45929L8.89769 11.3563ZM10.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"
+  }
+) }) }));
+SuccessIcon.displayName = "SuccessIcon";
 
 export { SuccessIcon };

package/dist/vanilla/src/icons/TagIcon.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 TagIcon(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.4992 14.3122L6.8396 17.249C6.7705 17.4776 6.65178 17.6599 6.48343 17.7959C6.31508 17.932 6.12851 18 5.92372 18C5.6134 18 5.36496 17.8748 5.17841 17.6245C4.99184 17.3742 4.93813 17.0776 5.01728 16.7347L5.58265 14.3122H2.96123C2.66724 14.3122 2.41723 14.1843 2.21119 13.9286C2.00515 13.6728 1.94987 13.3735 2.04535 13.0306C2.12073 12.8265 2.23694 12.6442 2.39398 12.4837C2.55102 12.3231 2.7401 12.2429 2.96123 12.2429H6.07263L6.94894 8.39386H4.03354C3.73955 8.39386 3.48953 8.26597 3.28349 8.01019C3.07746 7.75442 3.02218 7.45511 3.11766 7.11226C3.19304 6.90817 3.30924 6.72586 3.46628 6.56533C3.62332 6.40478 3.81241 6.32451 4.03354 6.32451H7.43893L8.24551 2.75101C8.3146 2.52243 8.43332 2.34012 8.60168 2.20407C8.77003 2.06803 8.95659 2 9.16139 2C9.4717 2 9.72014 2.12516 9.90671 2.37549C10.0933 2.62583 10.147 2.92243 10.0678 3.26528L9.35547 6.32451H12.3538L13.1604 2.75101C13.2295 2.52243 13.3482 2.34012 13.5166 2.20407C13.6849 2.06803 13.8715 2 14.0763 2C14.3866 2 14.635 2.12516 14.8216 2.37549C15.0082 2.62583 15.0619 2.92243 14.9827 3.26528L14.2704 6.32451H17.0388C17.3328 6.32451 17.5828 6.4524 17.7888 6.70817C17.9949 6.96395 18.0501 7.26327 17.9546 7.60613C17.8793 7.81021 17.7631 7.99252 17.606 8.15306C17.449 8.31359 17.2599 8.39386 17.0388 8.39386H13.7804L12.9041 12.2429H15.9665C16.2605 12.2429 16.5105 12.3708 16.7165 12.6265C16.9225 12.8823 16.9778 13.1816 16.8823 13.5245C16.807 13.7286 16.6908 13.9109 16.5337 14.0714C16.3767 14.232 16.1876 14.3122 15.9665 14.3122H12.4141L11.7545 17.249C11.6854 17.4776 11.5667 17.6599 11.3983 17.7959C11.23 17.932 11.0434 18 10.8386 18C10.5283 18 10.2799 17.8748 10.0933 17.6245C9.90672 17.3742 9.85301 17.0776 9.93216 16.7347L10.4975 14.3122H7.4992ZM7.98918 12.2429H10.9875L11.8638 8.39386H8.86549L7.98918 12.2429Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TagIcon = 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.4992 14.3122L6.8396 17.249C6.7705 17.4776 6.65178 17.6599 6.48343 17.7959C6.31508 17.932 6.12851 18 5.92372 18C5.6134 18 5.36496 17.8748 5.17841 17.6245C4.99184 17.3742 4.93813 17.0776 5.01728 16.7347L5.58265 14.3122H2.96123C2.66724 14.3122 2.41723 14.1843 2.21119 13.9286C2.00515 13.6728 1.94987 13.3735 2.04535 13.0306C2.12073 12.8265 2.23694 12.6442 2.39398 12.4837C2.55102 12.3231 2.7401 12.2429 2.96123 12.2429H6.07263L6.94894 8.39386H4.03354C3.73955 8.39386 3.48953 8.26597 3.28349 8.01019C3.07746 7.75442 3.02218 7.45511 3.11766 7.11226C3.19304 6.90817 3.30924 6.72586 3.46628 6.56533C3.62332 6.40478 3.81241 6.32451 4.03354 6.32451H7.43893L8.24551 2.75101C8.3146 2.52243 8.43332 2.34012 8.60168 2.20407C8.77003 2.06803 8.95659 2 9.16139 2C9.4717 2 9.72014 2.12516 9.90671 2.37549C10.0933 2.62583 10.147 2.92243 10.0678 3.26528L9.35547 6.32451H12.3538L13.1604 2.75101C13.2295 2.52243 13.3482 2.34012 13.5166 2.20407C13.6849 2.06803 13.8715 2 14.0763 2C14.3866 2 14.635 2.12516 14.8216 2.37549C15.0082 2.62583 15.0619 2.92243 14.9827 3.26528L14.2704 6.32451H17.0388C17.3328 6.32451 17.5828 6.4524 17.7888 6.70817C17.9949 6.96395 18.0501 7.26327 17.9546 7.60613C17.8793 7.81021 17.7631 7.99252 17.606 8.15306C17.449 8.31359 17.2599 8.39386 17.0388 8.39386H13.7804L12.9041 12.2429H15.9665C16.2605 12.2429 16.5105 12.3708 16.7165 12.6265C16.9225 12.8823 16.9778 13.1816 16.8823 13.5245C16.807 13.7286 16.6908 13.9109 16.5337 14.0714C16.3767 14.232 16.1876 14.3122 15.9665 14.3122H12.4141L11.7545 17.249C11.6854 17.4776 11.5667 17.6599 11.3983 17.7959C11.23 17.932 11.0434 18 10.8386 18C10.5283 18 10.2799 17.8748 10.0933 17.6245C9.90672 17.3742 9.85301 17.0776 9.93216 16.7347L10.4975 14.3122H7.4992ZM7.98918 12.2429H10.9875L11.8638 8.39386H8.86549L7.98918 12.2429Z",
+    fill: "currentColor"
+  }
+) }) }));
+TagIcon.displayName = "TagIcon";
 
 export { TagIcon };

package/dist/vanilla/src/icons/TelevisionIcon.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 TelevisionIcon(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.75642 15.0833C3.23235 15.0833 2.78776 14.9007 2.42267 14.5354C2.05756 14.1701 1.875 13.7253 1.875 13.201V4.6255C1.875 4.10121 2.05756 3.65756 2.42267 3.29454C2.78776 2.93151 3.23235 2.75 3.75642 2.75H16.2435C16.7676 2.75 17.2122 2.93264 17.5773 3.29792C17.9424 3.66318 18.125 4.10796 18.125 4.63225V13.2078C18.125 13.7321 17.9424 14.1757 17.5773 14.5387C17.2122 14.9018 16.7676 15.0833 16.2435 15.0833H13.1666V16.3092C13.1666 16.5698 13.0751 16.7917 12.8919 16.975C12.7088 17.1583 12.4871 17.25 12.2268 17.25H7.77994C7.5196 17.25 7.29676 17.1583 7.1114 16.975C6.92602 16.7917 6.83333 16.5698 6.83333 16.3092V15.0833H3.75642ZM3.75642 13.4583H16.2435C16.3077 13.4583 16.3664 13.4316 16.4199 13.3782C16.4733 13.3248 16.5 13.266 16.5 13.2019V4.63142C16.5 4.56731 16.4733 4.50854 16.4199 4.4551C16.3664 4.40169 16.3077 4.37498 16.2435 4.37498H3.75642C3.69231 4.37498 3.63353 4.40169 3.5801 4.4551C3.52669 4.50854 3.49998 4.56731 3.49998 4.63142V13.2019C3.49998 13.266 3.52669 13.3248 3.5801 13.3782C3.63353 13.4316 3.69231 13.4583 3.75642 13.4583Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TelevisionIcon = 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.75642 15.0833C3.23235 15.0833 2.78776 14.9007 2.42267 14.5354C2.05756 14.1701 1.875 13.7253 1.875 13.201V4.6255C1.875 4.10121 2.05756 3.65756 2.42267 3.29454C2.78776 2.93151 3.23235 2.75 3.75642 2.75H16.2435C16.7676 2.75 17.2122 2.93264 17.5773 3.29792C17.9424 3.66318 18.125 4.10796 18.125 4.63225V13.2078C18.125 13.7321 17.9424 14.1757 17.5773 14.5387C17.2122 14.9018 16.7676 15.0833 16.2435 15.0833H13.1666V16.3092C13.1666 16.5698 13.0751 16.7917 12.8919 16.975C12.7088 17.1583 12.4871 17.25 12.2268 17.25H7.77994C7.5196 17.25 7.29676 17.1583 7.1114 16.975C6.92602 16.7917 6.83333 16.5698 6.83333 16.3092V15.0833H3.75642ZM3.75642 13.4583H16.2435C16.3077 13.4583 16.3664 13.4316 16.4199 13.3782C16.4733 13.3248 16.5 13.266 16.5 13.2019V4.63142C16.5 4.56731 16.4733 4.50854 16.4199 4.4551C16.3664 4.40169 16.3077 4.37498 16.2435 4.37498H3.75642C3.69231 4.37498 3.63353 4.40169 3.5801 4.4551C3.52669 4.50854 3.49998 4.56731 3.49998 4.63142V13.2019C3.49998 13.266 3.52669 13.3248 3.5801 13.3782C3.63353 13.4316 3.69231 13.4583 3.75642 13.4583Z",
+    fill: "currentColor"
+  }
+) }) }));
+TelevisionIcon.displayName = "TelevisionIcon";
 
 export { TelevisionIcon };

package/dist/vanilla/src/icons/ThumbsDownIcon.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 ThumbsDownIcon(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: "M16.3765 12.4322C16.7832 12.4322 17.1555 12.2581 17.4933 11.9099C17.8311 11.5617 18 11.168 18 10.7286V9.8221C18 9.72408 17.9892 9.63248 17.9675 9.54729C17.9458 9.46209 17.9133 9.37458 17.87 9.28473L15.6837 3.86197C15.5684 3.59496 15.3998 3.38455 15.1778 3.23073C14.9558 3.07691 14.7054 3 14.4266 3H7.16646C6.69997 3 6.31276 3.15842 6.00484 3.47525C5.69691 3.79207 5.54294 4.20152 5.54294 4.70361V11.7168C5.54294 11.9531 5.58443 12.1793 5.6674 12.3954C5.75037 12.6114 5.86885 12.8002 6.02282 12.9618L9.14399 16.3052C9.4307 16.636 9.76996 16.8493 10.1618 16.9451C10.5536 17.0409 10.8776 17.0114 11.1339 16.8566C11.4502 16.6766 11.6465 16.3782 11.723 15.9612C11.7996 15.5443 11.7908 15.1099 11.6968 14.6582L11.2819 12.4322H16.3765ZM3.22357 3C2.89188 3 2.60504 3.12808 2.36304 3.38423C2.12101 3.64037 2 3.94182 2 4.28859V11.1436C2 11.4903 2.12249 11.7918 2.36746 12.0479C2.61244 12.3041 2.90077 12.4322 3.23245 12.4322H3.38459C3.71628 12.4322 4.00312 12.3041 4.24513 12.0479C4.48713 11.7918 4.60813 11.4903 4.60813 11.1436V4.28133C4.60813 3.93456 4.48564 3.63432 4.24067 3.38059C3.99569 3.12686 3.70736 3 3.37568 3H3.22357Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ThumbsDownIcon = 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: "M16.3765 12.4322C16.7832 12.4322 17.1555 12.2581 17.4933 11.9099C17.8311 11.5617 18 11.168 18 10.7286V9.8221C18 9.72408 17.9892 9.63248 17.9675 9.54729C17.9458 9.46209 17.9133 9.37458 17.87 9.28473L15.6837 3.86197C15.5684 3.59496 15.3998 3.38455 15.1778 3.23073C14.9558 3.07691 14.7054 3 14.4266 3H7.16646C6.69997 3 6.31276 3.15842 6.00484 3.47525C5.69691 3.79207 5.54294 4.20152 5.54294 4.70361V11.7168C5.54294 11.9531 5.58443 12.1793 5.6674 12.3954C5.75037 12.6114 5.86885 12.8002 6.02282 12.9618L9.14399 16.3052C9.4307 16.636 9.76996 16.8493 10.1618 16.9451C10.5536 17.0409 10.8776 17.0114 11.1339 16.8566C11.4502 16.6766 11.6465 16.3782 11.723 15.9612C11.7996 15.5443 11.7908 15.1099 11.6968 14.6582L11.2819 12.4322H16.3765ZM3.22357 3C2.89188 3 2.60504 3.12808 2.36304 3.38423C2.12101 3.64037 2 3.94182 2 4.28859V11.1436C2 11.4903 2.12249 11.7918 2.36746 12.0479C2.61244 12.3041 2.90077 12.4322 3.23245 12.4322H3.38459C3.71628 12.4322 4.00312 12.3041 4.24513 12.0479C4.48713 11.7918 4.60813 11.4903 4.60813 11.1436V4.28133C4.60813 3.93456 4.48564 3.63432 4.24067 3.38059C3.99569 3.12686 3.70736 3 3.37568 3H3.22357Z",
+    fill: "currentColor"
+  }
+) }) }));
+ThumbsDownIcon.displayName = "ThumbsDownIcon";
 
 export { ThumbsDownIcon };

package/dist/vanilla/src/icons/ThumbsUpIcon.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 ThumbsUpIcon(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: "M16.3765 7.56784C16.7832 7.56784 17.1555 7.74192 17.4933 8.0901C17.8311 8.43826 18 8.83204 18 9.27144V10.1779C18 10.2759 17.9892 10.3675 17.9675 10.4527C17.9458 10.5379 17.9133 10.6254 17.87 10.7153L15.6837 16.138C15.5684 16.405 15.3998 16.6154 15.1778 16.7693C14.9558 16.9231 14.7054 17 14.4266 17H7.16646C6.69997 17 6.31276 16.8416 6.00484 16.5247C5.69691 16.2079 5.54294 15.7985 5.54294 15.2964V8.28323C5.54294 8.04687 5.58443 7.82066 5.6674 7.6046C5.75037 7.38856 5.86885 7.19976 6.02282 7.0382L9.14399 3.69484C9.4307 3.364 9.76996 3.15069 10.1618 3.05491C10.5536 2.95914 10.8776 2.98865 11.1339 3.14344C11.4502 3.32337 11.6465 3.62181 11.723 4.03876C11.7996 4.4557 11.7908 4.89006 11.6968 5.34184L11.2819 7.56784H16.3765ZM3.22357 17C2.89188 17 2.60504 16.8719 2.36304 16.6158C2.12101 16.3596 2 16.0582 2 15.7114V8.85643C2 8.50966 2.12249 8.20821 2.36746 7.95207C2.61244 7.69591 2.90077 7.56784 3.23245 7.56784H3.38459C3.71628 7.56784 4.00312 7.69591 4.24513 7.95207C4.48713 8.20821 4.60813 8.50966 4.60813 8.85643V15.7187C4.60813 16.0654 4.48564 16.3657 4.24067 16.6194C3.99569 16.8731 3.70736 17 3.37568 17H3.22357Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ThumbsUpIcon = 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: "M16.3765 7.56784C16.7832 7.56784 17.1555 7.74192 17.4933 8.0901C17.8311 8.43826 18 8.83204 18 9.27144V10.1779C18 10.2759 17.9892 10.3675 17.9675 10.4527C17.9458 10.5379 17.9133 10.6254 17.87 10.7153L15.6837 16.138C15.5684 16.405 15.3998 16.6154 15.1778 16.7693C14.9558 16.9231 14.7054 17 14.4266 17H7.16646C6.69997 17 6.31276 16.8416 6.00484 16.5247C5.69691 16.2079 5.54294 15.7985 5.54294 15.2964V8.28323C5.54294 8.04687 5.58443 7.82066 5.6674 7.6046C5.75037 7.38856 5.86885 7.19976 6.02282 7.0382L9.14399 3.69484C9.4307 3.364 9.76996 3.15069 10.1618 3.05491C10.5536 2.95914 10.8776 2.98865 11.1339 3.14344C11.4502 3.32337 11.6465 3.62181 11.723 4.03876C11.7996 4.4557 11.7908 4.89006 11.6968 5.34184L11.2819 7.56784H16.3765ZM3.22357 17C2.89188 17 2.60504 16.8719 2.36304 16.6158C2.12101 16.3596 2 16.0582 2 15.7114V8.85643C2 8.50966 2.12249 8.20821 2.36746 7.95207C2.61244 7.69591 2.90077 7.56784 3.23245 7.56784H3.38459C3.71628 7.56784 4.00312 7.69591 4.24513 7.95207C4.48713 8.20821 4.60813 8.50966 4.60813 8.85643V15.7187C4.60813 16.0654 4.48564 16.3657 4.24067 16.6194C3.99569 16.8731 3.70736 17 3.37568 17H3.22357Z",
+    fill: "currentColor"
+  }
+) }) }));
+ThumbsUpIcon.displayName = "ThumbsUpIcon";
 
 export { ThumbsUpIcon };

package/dist/vanilla/src/icons/TrendingDownIcon.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 TrendingDownIcon(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: "M14.9999 6.07481L14.9089 13.8832C14.9071 14.0333 14.8788 14.1679 14.824 14.2871C14.7692 14.4063 14.6958 14.5119 14.6039 14.6039C14.5119 14.6959 14.4063 14.7693 14.2871 14.8241C14.1679 14.8789 14.0332 14.9071 13.8832 14.9089L6.03389 15.0004C5.77171 15.0035 5.56094 14.9184 5.40158 14.7453C5.24224 14.5721 5.1641 14.3545 5.16714 14.0923C5.17404 13.8263 5.266 13.6066 5.44303 13.4333C5.62006 13.2601 5.83966 13.1719 6.10183 13.1688L11.8167 13.1022L5.25521 6.54073C5.08222 6.36774 4.99717 6.15698 5.00007 5.90845C5.00297 5.65992 5.09296 5.44712 5.27003 5.27004C5.4471 5.09297 5.65991 5.00298 5.90843 5.00008C6.15696 4.99719 6.36772 5.08223 6.54072 5.25523L13.1022 11.8167L13.1693 6.06092C13.1724 5.79876 13.2614 5.58692 13.4364 5.4254C13.6114 5.26388 13.8319 5.17967 14.0979 5.17278C14.3638 5.17347 14.5814 5.25844 14.7506 5.42768C14.9199 5.59694 15.003 5.81264 14.9999 6.07481Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TrendingDownIcon = 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: "M14.9999 6.07481L14.9089 13.8832C14.9071 14.0333 14.8788 14.1679 14.824 14.2871C14.7692 14.4063 14.6958 14.5119 14.6039 14.6039C14.5119 14.6959 14.4063 14.7693 14.2871 14.8241C14.1679 14.8789 14.0332 14.9071 13.8832 14.9089L6.03389 15.0004C5.77171 15.0035 5.56094 14.9184 5.40158 14.7453C5.24224 14.5721 5.1641 14.3545 5.16714 14.0923C5.17404 13.8263 5.266 13.6066 5.44303 13.4333C5.62006 13.2601 5.83966 13.1719 6.10183 13.1688L11.8167 13.1022L5.25521 6.54073C5.08222 6.36774 4.99717 6.15698 5.00007 5.90845C5.00297 5.65992 5.09296 5.44712 5.27003 5.27004C5.4471 5.09297 5.65991 5.00298 5.90843 5.00008C6.15696 4.99719 6.36772 5.08223 6.54072 5.25523L13.1022 11.8167L13.1693 6.06092C13.1724 5.79876 13.2614 5.58692 13.4364 5.4254C13.6114 5.26388 13.8319 5.17967 14.0979 5.17278C14.3638 5.17347 14.5814 5.25844 14.7506 5.42768C14.9199 5.59694 15.003 5.81264 14.9999 6.07481Z",
+    fill: "currentColor"
+  }
+) }) }));
+TrendingDownIcon.displayName = "TrendingDownIcon";
 
 export { TrendingDownIcon };

package/dist/vanilla/src/icons/TrendingUpIcon.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 TrendingUpIcon(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: "M14.9999 13.9257L14.9089 6.11725C14.9071 5.96723 14.8788 5.83261 14.824 5.7134C14.7692 5.5942 14.6958 5.48861 14.6039 5.39662C14.5119 5.30463 14.4063 5.23124 14.2871 5.17643C14.1679 5.12163 14.0332 5.09336 13.8832 5.09161L6.03389 5.00008C5.77171 4.99702 5.56094 5.08207 5.40158 5.25522C5.24224 5.42837 5.1641 5.64604 5.16714 5.90821C5.17404 6.1742 5.266 6.39385 5.44303 6.56714C5.62006 6.74041 5.83966 6.82858 6.10183 6.83165L11.8167 6.89829L5.25521 13.4598C5.08222 13.6328 4.99717 13.8435 5.00007 14.092C5.00297 14.3406 5.09296 14.5534 5.27003 14.7304C5.4471 14.9075 5.65991 14.9975 5.90843 15.0004C6.15696 15.0033 6.36772 14.9183 6.54072 14.7453L13.1022 8.18379L13.1693 13.9396C13.1724 14.2017 13.2614 14.4136 13.4364 14.5751C13.6114 14.7366 13.8319 14.8208 14.0979 14.8277C14.3638 14.827 14.5814 14.742 14.7506 14.5728C14.9199 14.4036 15.003 14.1878 14.9999 13.9257Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TrendingUpIcon = 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: "M14.9999 13.9257L14.9089 6.11725C14.9071 5.96723 14.8788 5.83261 14.824 5.7134C14.7692 5.5942 14.6958 5.48861 14.6039 5.39662C14.5119 5.30463 14.4063 5.23124 14.2871 5.17643C14.1679 5.12163 14.0332 5.09336 13.8832 5.09161L6.03389 5.00008C5.77171 4.99702 5.56094 5.08207 5.40158 5.25522C5.24224 5.42837 5.1641 5.64604 5.16714 5.90821C5.17404 6.1742 5.266 6.39385 5.44303 6.56714C5.62006 6.74041 5.83966 6.82858 6.10183 6.83165L11.8167 6.89829L5.25521 13.4598C5.08222 13.6328 4.99717 13.8435 5.00007 14.092C5.00297 14.3406 5.09296 14.5534 5.27003 14.7304C5.4471 14.9075 5.65991 14.9975 5.90843 15.0004C6.15696 15.0033 6.36772 14.9183 6.54072 14.7453L13.1022 8.18379L13.1693 13.9396C13.1724 14.2017 13.2614 14.4136 13.4364 14.5751C13.6114 14.7366 13.8319 14.8208 14.0979 14.8277C14.3638 14.827 14.5814 14.742 14.7506 14.5728C14.9199 14.4036 15.003 14.1878 14.9999 13.9257Z",
+    fill: "currentColor"
+  }
+) }) }));
+TrendingUpIcon.displayName = "TrendingUpIcon";
 
 export { TrendingUpIcon };

package/dist/vanilla/src/icons/TriangleDownIcon.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 TriangleDownIcon(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.09346 8.31215C5.65924 7.79108 6.02976 7 6.70803 7H13.292C13.9702 7 14.3408 7.79109 13.9065 8.31215L10.6146 12.2625C10.2947 12.6463 9.70526 12.6463 9.38542 12.2625L6.09346 8.31215Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TriangleDownIcon = 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.09346 8.31215C5.65924 7.79108 6.02976 7 6.70803 7H13.292C13.9702 7 14.3408 7.79109 13.9065 8.31215L10.6146 12.2625C10.2947 12.6463 9.70526 12.6463 9.38542 12.2625L6.09346 8.31215Z",
+    fill: "currentColor"
+  }
+) }) }));
+TriangleDownIcon.displayName = "TriangleDownIcon";
 
 export { TriangleDownIcon };

package/dist/vanilla/src/icons/TriangleLeftIcon.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 TriangleLeftIcon(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: "M10.3598 13.6332C11.0111 14.176 12 13.7128 12 12.865V7.13504C12 6.2872 11.0111 5.82405 10.3598 6.36682L6.92186 9.23178C6.44211 9.63157 6.44211 10.3684 6.92187 10.7682L10.3598 13.6332Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TriangleLeftIcon = 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: "M10.3598 13.6332C11.0111 14.176 12 13.7128 12 12.865V7.13504C12 6.2872 11.0111 5.82405 10.3598 6.36682L6.92186 9.23178C6.44211 9.63157 6.44211 10.3684 6.92187 10.7682L10.3598 13.6332Z",
+    fill: "currentColor"
+  }
+) }) }));
+TriangleLeftIcon.displayName = "TriangleLeftIcon";
 
 export { TriangleLeftIcon };

package/dist/vanilla/src/icons/TriangleRightIcon.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 TriangleRightIcon(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: "M9.64018 13.6332C8.98886 14.176 8 13.7128 8 12.865V7.13504C8 6.2872 8.98886 5.82405 9.64018 6.36682L13.0781 9.23178C13.5579 9.63157 13.5579 10.3684 13.0781 10.7682L9.64018 13.6332Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TriangleRightIcon = 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: "M9.64018 13.6332C8.98886 14.176 8 13.7128 8 12.865V7.13504C8 6.2872 8.98886 5.82405 9.64018 6.36682L13.0781 9.23178C13.5579 9.63157 13.5579 10.3684 13.0781 10.7682L9.64018 13.6332Z",
+    fill: "currentColor"
+  }
+) }) }));
+TriangleRightIcon.displayName = "TriangleRightIcon";
 
 export { TriangleRightIcon };

package/dist/vanilla/src/icons/TriangleUpIcon.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 TriangleUpIcon(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.09346 11.6879C5.65924 12.2089 6.02976 13 6.70803 13H13.292C13.9702 13 14.3408 12.2089 13.9065 11.6879L10.6146 7.73749C10.2947 7.35369 9.70526 7.35369 9.38542 7.73749L6.09346 11.6879Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const TriangleUpIcon = 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.09346 11.6879C5.65924 12.2089 6.02976 13 6.70803 13H13.292C13.9702 13 14.3408 12.2089 13.9065 11.6879L10.6146 7.73749C10.2947 7.35369 9.70526 7.35369 9.38542 7.73749L6.09346 11.6879Z",
+    fill: "currentColor"
+  }
+) }) }));
+TriangleUpIcon.displayName = "TriangleUpIcon";
 
 export { TriangleUpIcon };