@orfium/ictinus 5.43.9 → 5.44.0

package/dist/vanilla/src/icons/PublisherIcon.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 PublisherIcon(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: "M13.1817 12.0915C12.5205 12.0915 11.9551 11.859 11.4855 11.3939C11.0159 10.9287 10.7811 10.3687 10.7811 9.71373C10.7811 9.05878 11.0159 8.49873 11.4855 8.0336C11.9551 7.56848 12.5205 7.33592 13.1817 7.33592C13.843 7.33592 14.4084 7.56848 14.878 8.0336C15.3475 8.49873 15.5823 9.05878 15.5823 9.71373C15.5823 10.3687 15.3475 10.9287 14.878 11.3939C14.4084 11.859 13.843 12.0915 13.1817 12.0915ZM9.27317 18C9.02245 18 8.80815 17.9119 8.63027 17.7357C8.45238 17.5595 8.36344 17.3472 8.36344 17.0989V15.4825C8.36344 15.1982 8.43247 14.9376 8.57053 14.7007C8.70861 14.4639 8.89787 14.2716 9.13832 14.124C9.57742 13.8866 9.93155 13.7172 10.2007 13.6159C10.4698 13.5146 10.8488 13.4193 11.3375 13.33C11.5264 13.3046 11.7098 13.3102 11.8879 13.3466C12.0659 13.383 12.2187 13.4728 12.3464 13.6159L13.1817 14.692L14.0171 13.6159C14.1411 13.4931 14.2927 13.4084 14.4719 13.3618C14.6512 13.3153 14.8365 13.3046 15.0278 13.33C15.5204 13.4193 15.9029 13.511 16.1753 13.6051C16.4476 13.6992 16.8068 13.8722 17.253 14.124C17.4937 14.258 17.6771 14.443 17.8032 14.6789C17.9292 14.9148 17.9948 15.1668 18 15.4349V17.0989C18 17.3472 17.9111 17.5595 17.7332 17.7357C17.5553 17.9119 17.341 18 17.0903 18H9.27317Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M2 4C2 2.89543 2.89543 2 4 2H14C15.1046 2 16 2.89543 16 4V6.85418C15.2671 6.02375 14.1947 5.5 13 5.5C10.7909 5.5 9 7.29086 9 9.5C9 10.2997 9.23468 11.0446 9.63894 11.6696C7.78777 12.4938 6.6001 13.7689 6.6001 15.2C6.6001 15.473 6.64332 15.7404 6.72614 16H4C2.89543 16 2 15.1046 2 14V4ZM4.4767 9.97336C4.79449 10.2578 5.17352 10.4001 5.61379 10.4001C6.05406 10.4001 6.43309 10.2578 6.75089 9.97336C7.06868 9.68889 7.22757 9.3496 7.22757 8.95549V5.45118H7.98941C8.21977 5.45118 8.41245 5.38162 8.56747 5.2425C8.72249 5.10338 8.8 4.93082 8.8 4.72483C8.8 4.51884 8.72249 4.34653 8.56747 4.20792C8.41245 4.06931 8.21977 4 7.98941 4H7.34581C7.07795 4 6.8536 4.08094 6.67275 4.24283C6.4919 4.40471 6.40148 4.60554 6.40148 4.84531V7.6776C6.28079 7.61631 6.15616 7.57321 6.02759 7.54829C5.89901 7.52337 5.76108 7.51092 5.61379 7.51092C5.17352 7.51092 4.79449 7.65316 4.4767 7.93763C4.1589 8.2221 4 8.56139 4 8.95549C4 9.3496 4.1589 9.68889 4.4767 9.97336Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const PublisherIcon = 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: "M13.1817 12.0915C12.5205 12.0915 11.9551 11.859 11.4855 11.3939C11.0159 10.9287 10.7811 10.3687 10.7811 9.71373C10.7811 9.05878 11.0159 8.49873 11.4855 8.0336C11.9551 7.56848 12.5205 7.33592 13.1817 7.33592C13.843 7.33592 14.4084 7.56848 14.878 8.0336C15.3475 8.49873 15.5823 9.05878 15.5823 9.71373C15.5823 10.3687 15.3475 10.9287 14.878 11.3939C14.4084 11.859 13.843 12.0915 13.1817 12.0915ZM9.27317 18C9.02245 18 8.80815 17.9119 8.63027 17.7357C8.45238 17.5595 8.36344 17.3472 8.36344 17.0989V15.4825C8.36344 15.1982 8.43247 14.9376 8.57053 14.7007C8.70861 14.4639 8.89787 14.2716 9.13832 14.124C9.57742 13.8866 9.93155 13.7172 10.2007 13.6159C10.4698 13.5146 10.8488 13.4193 11.3375 13.33C11.5264 13.3046 11.7098 13.3102 11.8879 13.3466C12.0659 13.383 12.2187 13.4728 12.3464 13.6159L13.1817 14.692L14.0171 13.6159C14.1411 13.4931 14.2927 13.4084 14.4719 13.3618C14.6512 13.3153 14.8365 13.3046 15.0278 13.33C15.5204 13.4193 15.9029 13.511 16.1753 13.6051C16.4476 13.6992 16.8068 13.8722 17.253 14.124C17.4937 14.258 17.6771 14.443 17.8032 14.6789C17.9292 14.9148 17.9948 15.1668 18 15.4349V17.0989C18 17.3472 17.9111 17.5595 17.7332 17.7357C17.5553 17.9119 17.341 18 17.0903 18H9.27317Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M2 4C2 2.89543 2.89543 2 4 2H14C15.1046 2 16 2.89543 16 4V6.85418C15.2671 6.02375 14.1947 5.5 13 5.5C10.7909 5.5 9 7.29086 9 9.5C9 10.2997 9.23468 11.0446 9.63894 11.6696C7.78777 12.4938 6.6001 13.7689 6.6001 15.2C6.6001 15.473 6.64332 15.7404 6.72614 16H4C2.89543 16 2 15.1046 2 14V4ZM4.4767 9.97336C4.79449 10.2578 5.17352 10.4001 5.61379 10.4001C6.05406 10.4001 6.43309 10.2578 6.75089 9.97336C7.06868 9.68889 7.22757 9.3496 7.22757 8.95549V5.45118H7.98941C8.21977 5.45118 8.41245 5.38162 8.56747 5.2425C8.72249 5.10338 8.8 4.93082 8.8 4.72483C8.8 4.51884 8.72249 4.34653 8.56747 4.20792C8.41245 4.06931 8.21977 4 7.98941 4H7.34581C7.07795 4 6.8536 4.08094 6.67275 4.24283C6.4919 4.40471 6.40148 4.60554 6.40148 4.84531V7.6776C6.28079 7.61631 6.15616 7.57321 6.02759 7.54829C5.89901 7.52337 5.76108 7.51092 5.61379 7.51092C5.17352 7.51092 4.79449 7.65316 4.4767 7.93763C4.1589 8.2221 4 8.56139 4 8.95549C4 9.3496 4.1589 9.68889 4.4767 9.97336Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+PublisherIcon.displayName = "PublisherIcon";
 
 export { PublisherIcon };

package/dist/vanilla/src/icons/RadioIcon.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 RadioIcon(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.90892 18C3.36622 18 2.9124 17.8245 2.54746 17.4736C2.18249 17.1227 2 16.6863 2 16.1645V7.47523C2 7.09989 2.1063 6.74681 2.31891 6.416C2.53151 6.08518 2.82003 5.84652 3.18449 5.70001L12.4989 2.06633C12.6871 1.98112 12.8745 1.97801 13.0612 2.057C13.2479 2.13599 13.3791 2.26597 13.4548 2.44693C13.5305 2.6279 13.5272 2.80815 13.4451 2.98768C13.3629 3.1672 13.2342 3.29334 13.059 3.36611L7.2546 5.6397H16.0911C16.6338 5.6397 17.0876 5.81517 17.4526 6.1661C17.8175 6.51702 18 6.9534 18 7.47523V16.1645C18 16.6863 17.8175 17.1227 17.4526 17.4736C17.0876 17.8245 16.6338 18 16.0911 18H3.90892ZM3.66991 9.30033C3.66991 9.41079 3.75945 9.50033 3.86991 9.50033H13.1068V8.7549C13.1068 8.53373 13.1885 8.34463 13.3518 8.18759C13.5151 8.03057 13.7118 7.95206 13.9418 7.95206C14.1718 7.95206 14.3685 8.03057 14.5318 8.18759C14.6951 8.34463 14.7767 8.53373 14.7767 8.7549V9.50033H16.1301C16.2406 9.50033 16.3301 9.41079 16.3301 9.30033V7.47523C16.3301 7.4082 16.3077 7.35314 16.2629 7.31005C16.2181 7.26695 16.1608 7.24541 16.0911 7.24541H3.90892C3.83921 7.24541 3.78195 7.26695 3.73713 7.31005C3.69231 7.35314 3.66991 7.4082 3.66991 7.47523V9.30033ZM6.83347 15.455C7.33234 15.455 7.75579 15.2876 8.10382 14.953C8.45183 14.6184 8.62584 14.2112 8.62584 13.7315C8.62584 13.2518 8.45183 12.8446 8.10382 12.51C7.75579 12.1753 7.33234 12.008 6.83347 12.008C6.33459 12.008 5.91114 12.1753 5.56312 12.51C5.2151 12.8446 5.04109 13.2518 5.04109 13.7315C5.04109 14.2112 5.2151 14.6184 5.56312 14.953C5.91114 15.2876 6.33459 15.455 6.83347 15.455Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RadioIcon = 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.90892 18C3.36622 18 2.9124 17.8245 2.54746 17.4736C2.18249 17.1227 2 16.6863 2 16.1645V7.47523C2 7.09989 2.1063 6.74681 2.31891 6.416C2.53151 6.08518 2.82003 5.84652 3.18449 5.70001L12.4989 2.06633C12.6871 1.98112 12.8745 1.97801 13.0612 2.057C13.2479 2.13599 13.3791 2.26597 13.4548 2.44693C13.5305 2.6279 13.5272 2.80815 13.4451 2.98768C13.3629 3.1672 13.2342 3.29334 13.059 3.36611L7.2546 5.6397H16.0911C16.6338 5.6397 17.0876 5.81517 17.4526 6.1661C17.8175 6.51702 18 6.9534 18 7.47523V16.1645C18 16.6863 17.8175 17.1227 17.4526 17.4736C17.0876 17.8245 16.6338 18 16.0911 18H3.90892ZM3.66991 9.30033C3.66991 9.41079 3.75945 9.50033 3.86991 9.50033H13.1068V8.7549C13.1068 8.53373 13.1885 8.34463 13.3518 8.18759C13.5151 8.03057 13.7118 7.95206 13.9418 7.95206C14.1718 7.95206 14.3685 8.03057 14.5318 8.18759C14.6951 8.34463 14.7767 8.53373 14.7767 8.7549V9.50033H16.1301C16.2406 9.50033 16.3301 9.41079 16.3301 9.30033V7.47523C16.3301 7.4082 16.3077 7.35314 16.2629 7.31005C16.2181 7.26695 16.1608 7.24541 16.0911 7.24541H3.90892C3.83921 7.24541 3.78195 7.26695 3.73713 7.31005C3.69231 7.35314 3.66991 7.4082 3.66991 7.47523V9.30033ZM6.83347 15.455C7.33234 15.455 7.75579 15.2876 8.10382 14.953C8.45183 14.6184 8.62584 14.2112 8.62584 13.7315C8.62584 13.2518 8.45183 12.8446 8.10382 12.51C7.75579 12.1753 7.33234 12.008 6.83347 12.008C6.33459 12.008 5.91114 12.1753 5.56312 12.51C5.2151 12.8446 5.04109 13.2518 5.04109 13.7315C5.04109 14.2112 5.2151 14.6184 5.56312 14.953C5.91114 15.2876 6.33459 15.455 6.83347 15.455Z",
+    fill: "currentColor"
+  }
+) }) }));
+RadioIcon.displayName = "RadioIcon";
 
 export { RadioIcon };

package/dist/vanilla/src/icons/RecordLabelIcon.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 RecordLabelIcon(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: "M4.5 2.5C3.39543 2.5 2.5 3.39543 2.5 4.5V15.5C2.5 16.6046 3.39543 17.5 4.5 17.5H15.5C16.6046 17.5 17.5 16.6046 17.5 15.5V4.5C17.5 3.39543 16.6046 2.5 15.5 2.5H4.5ZM7.54236 13.896C7.4585 13.8344 7.3964 13.7506 7.35606 13.6445C7.31572 13.5384 7.31059 13.4248 7.34069 13.3037L7.80289 11.2178C7.82046 11.1386 7.79465 11.0556 7.7358 11.0023L6.1911 9.60214C6.09378 9.52651 6.03424 9.43298 6.01247 9.32155C5.99071 9.21011 5.99743 9.10519 6.03264 9.00681C6.06785 8.90842 6.1274 8.82325 6.21127 8.75131C6.29515 8.67936 6.39343 8.63636 6.50611 8.62231L8.53077 8.43995C8.60864 8.43294 8.67637 8.38146 8.7067 8.30625L9.49868 6.34234C9.54734 6.21785 9.61665 6.12967 9.7066 6.0778C9.79656 6.02593 9.89436 6 10 6C10.1056 6 10.2034 6.02593 10.2934 6.0778C10.3834 6.12967 10.4527 6.21785 10.5013 6.34234L11.2933 8.30625C11.3236 8.38146 11.3914 8.43294 11.4692 8.43995L13.4939 8.62231C13.6066 8.63636 13.7049 8.67936 13.7887 8.75131C13.8726 8.82325 13.9321 8.90842 13.9674 9.00681C14.0026 9.10519 14.0093 9.21011 13.9875 9.32155C13.9658 9.43298 13.9062 9.52651 13.8089 9.60214L12.2642 11.0023C12.2054 11.0556 12.1795 11.1386 12.1971 11.2178L12.6593 13.3037C12.6894 13.4248 12.6843 13.5384 12.6439 13.6445C12.6036 13.7506 12.5415 13.8344 12.4576 13.896C12.3738 13.9576 12.2788 13.9919 12.1729 13.9989C12.0669 14.0059 11.9611 13.9787 11.8555 13.9171L10.109 12.8134C10.042 12.771 9.958 12.771 9.89099 12.8134L8.14452 13.9171C8.03888 13.9787 7.93308 14.0059 7.82712 13.9989C7.72116 13.9919 7.62624 13.9576 7.54236 13.896Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RecordLabelIcon = 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: "M4.5 2.5C3.39543 2.5 2.5 3.39543 2.5 4.5V15.5C2.5 16.6046 3.39543 17.5 4.5 17.5H15.5C16.6046 17.5 17.5 16.6046 17.5 15.5V4.5C17.5 3.39543 16.6046 2.5 15.5 2.5H4.5ZM7.54236 13.896C7.4585 13.8344 7.3964 13.7506 7.35606 13.6445C7.31572 13.5384 7.31059 13.4248 7.34069 13.3037L7.80289 11.2178C7.82046 11.1386 7.79465 11.0556 7.7358 11.0023L6.1911 9.60214C6.09378 9.52651 6.03424 9.43298 6.01247 9.32155C5.99071 9.21011 5.99743 9.10519 6.03264 9.00681C6.06785 8.90842 6.1274 8.82325 6.21127 8.75131C6.29515 8.67936 6.39343 8.63636 6.50611 8.62231L8.53077 8.43995C8.60864 8.43294 8.67637 8.38146 8.7067 8.30625L9.49868 6.34234C9.54734 6.21785 9.61665 6.12967 9.7066 6.0778C9.79656 6.02593 9.89436 6 10 6C10.1056 6 10.2034 6.02593 10.2934 6.0778C10.3834 6.12967 10.4527 6.21785 10.5013 6.34234L11.2933 8.30625C11.3236 8.38146 11.3914 8.43294 11.4692 8.43995L13.4939 8.62231C13.6066 8.63636 13.7049 8.67936 13.7887 8.75131C13.8726 8.82325 13.9321 8.90842 13.9674 9.00681C14.0026 9.10519 14.0093 9.21011 13.9875 9.32155C13.9658 9.43298 13.9062 9.52651 13.8089 9.60214L12.2642 11.0023C12.2054 11.0556 12.1795 11.1386 12.1971 11.2178L12.6593 13.3037C12.6894 13.4248 12.6843 13.5384 12.6439 13.6445C12.6036 13.7506 12.5415 13.8344 12.4576 13.896C12.3738 13.9576 12.2788 13.9919 12.1729 13.9989C12.0669 14.0059 11.9611 13.9787 11.8555 13.9171L10.109 12.8134C10.042 12.771 9.958 12.771 9.89099 12.8134L8.14452 13.9171C8.03888 13.9787 7.93308 14.0059 7.82712 13.9989C7.72116 13.9919 7.62624 13.9576 7.54236 13.896Z",
+    fill: "currentColor"
+  }
+) }) }));
+RecordLabelIcon.displayName = "RecordLabelIcon";
 
 export { RecordLabelIcon };

package/dist/vanilla/src/icons/RecordingIcon.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 RecordingIcon(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.36206 17C7.44484 17 6.65519 16.6889 5.99312 16.0666C5.33104 15.4443 5 14.7021 5 13.84C5 12.9779 5.33104 12.2358 5.99312 11.6135C6.65519 10.9912 7.44484 10.6801 8.36206 10.6801C8.66892 10.6801 8.95628 10.7073 9.22414 10.7618C9.492 10.8163 9.75165 10.9106 10.0031 11.0447V4.84911C10.0031 4.32461 10.1915 3.8853 10.5682 3.53118C10.945 3.17706 11.4124 3 11.9704 3H13.3113C13.7912 3 14.1926 3.1516 14.5156 3.45481C14.8385 3.75804 15 4.13495 15 4.58555C15 5.03615 14.8385 5.41361 14.5156 5.71794C14.1926 6.02226 13.7912 6.17443 13.3113 6.17443H11.7241V13.84C11.7241 14.7021 11.3931 15.4443 10.731 16.0666C10.0689 16.6889 9.27929 17 8.36206 17Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RecordingIcon = 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.36206 17C7.44484 17 6.65519 16.6889 5.99312 16.0666C5.33104 15.4443 5 14.7021 5 13.84C5 12.9779 5.33104 12.2358 5.99312 11.6135C6.65519 10.9912 7.44484 10.6801 8.36206 10.6801C8.66892 10.6801 8.95628 10.7073 9.22414 10.7618C9.492 10.8163 9.75165 10.9106 10.0031 11.0447V4.84911C10.0031 4.32461 10.1915 3.8853 10.5682 3.53118C10.945 3.17706 11.4124 3 11.9704 3H13.3113C13.7912 3 14.1926 3.1516 14.5156 3.45481C14.8385 3.75804 15 4.13495 15 4.58555C15 5.03615 14.8385 5.41361 14.5156 5.71794C14.1926 6.02226 13.7912 6.17443 13.3113 6.17443H11.7241V13.84C11.7241 14.7021 11.3931 15.4443 10.731 16.0666C10.0689 16.6889 9.27929 17 8.36206 17Z",
+    fill: "currentColor"
+  }
+) }) }));
+RecordingIcon.displayName = "RecordingIcon";
 
 export { RecordingIcon };

package/dist/vanilla/src/icons/RedoIcon.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 RedoIcon(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: "M13.4157 8.77183H7.70511C7.08234 8.77183 6.57535 9.02887 6.18414 9.54295C5.79294 10.057 5.59733 10.6538 5.59733 11.3333C5.59733 12.0128 5.79294 12.6109 6.18414 13.1276C6.57535 13.6443 7.08234 13.9026 7.70511 13.9026H13.3794C13.5947 13.9026 13.7816 13.9819 13.9402 14.1405C14.0988 14.2991 14.1781 14.486 14.1781 14.7013C14.1781 14.9166 14.0988 15.1035 13.9402 15.2621C13.7816 15.4207 13.5947 15.5 13.3794 15.5H7.70511C6.65701 15.5 5.77747 15.0818 5.06647 14.2453C4.35549 13.4088 4 12.4381 4 11.3333C4 10.2285 4.35549 9.25915 5.06647 8.42528C5.77747 7.59142 6.65701 7.17449 7.70511 7.17449H13.4157L12.1208 5.87956C11.9527 5.71152 11.864 5.52458 11.8545 5.31875C11.8451 5.11291 11.9338 4.92335 12.1208 4.75007C12.294 4.57679 12.4823 4.49356 12.6855 4.50039C12.8887 4.50721 13.0769 4.59727 13.2502 4.77055L15.7912 7.31152C15.8815 7.40185 15.9527 7.50319 16.0047 7.61555C16.0567 7.72793 16.0827 7.84713 16.0827 7.97316C16.0827 8.09919 16.0567 8.21497 16.0047 8.32051C15.9527 8.42605 15.8815 8.52399 15.7912 8.6143L13.2298 11.1758C13.0617 11.3438 12.885 11.4257 12.6997 11.4215C12.5143 11.4173 12.335 11.3286 12.1617 11.1553C11.9748 10.982 11.8813 10.7972 11.8813 10.6008C11.8813 10.4044 11.968 10.2196 12.1412 10.0463L13.4157 8.77183Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RedoIcon = 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: "M13.4157 8.77183H7.70511C7.08234 8.77183 6.57535 9.02887 6.18414 9.54295C5.79294 10.057 5.59733 10.6538 5.59733 11.3333C5.59733 12.0128 5.79294 12.6109 6.18414 13.1276C6.57535 13.6443 7.08234 13.9026 7.70511 13.9026H13.3794C13.5947 13.9026 13.7816 13.9819 13.9402 14.1405C14.0988 14.2991 14.1781 14.486 14.1781 14.7013C14.1781 14.9166 14.0988 15.1035 13.9402 15.2621C13.7816 15.4207 13.5947 15.5 13.3794 15.5H7.70511C6.65701 15.5 5.77747 15.0818 5.06647 14.2453C4.35549 13.4088 4 12.4381 4 11.3333C4 10.2285 4.35549 9.25915 5.06647 8.42528C5.77747 7.59142 6.65701 7.17449 7.70511 7.17449H13.4157L12.1208 5.87956C11.9527 5.71152 11.864 5.52458 11.8545 5.31875C11.8451 5.11291 11.9338 4.92335 12.1208 4.75007C12.294 4.57679 12.4823 4.49356 12.6855 4.50039C12.8887 4.50721 13.0769 4.59727 13.2502 4.77055L15.7912 7.31152C15.8815 7.40185 15.9527 7.50319 16.0047 7.61555C16.0567 7.72793 16.0827 7.84713 16.0827 7.97316C16.0827 8.09919 16.0567 8.21497 16.0047 8.32051C15.9527 8.42605 15.8815 8.52399 15.7912 8.6143L13.2298 11.1758C13.0617 11.3438 12.885 11.4257 12.6997 11.4215C12.5143 11.4173 12.335 11.3286 12.1617 11.1553C11.9748 10.982 11.8813 10.7972 11.8813 10.6008C11.8813 10.4044 11.968 10.2196 12.1412 10.0463L13.4157 8.77183Z",
+    fill: "currentColor"
+  }
+) }) }));
+RedoIcon.displayName = "RedoIcon";
 
 export { RedoIcon };

package/dist/vanilla/src/icons/RefreshIcon.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 RefreshIcon(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.1939 10.0553C5.1939 10.2539 5.2083 10.4511 5.2371 10.6469C5.26588 10.8427 5.31159 11.0361 5.37421 11.2272C5.43785 11.4579 5.44315 11.6875 5.39013 11.9159C5.33709 12.1443 5.21916 12.3441 5.03635 12.5153C4.87473 12.6666 4.69038 12.7312 4.48332 12.709C4.27625 12.6867 4.13029 12.5924 4.04545 12.4259C3.86363 12.0609 3.72727 11.6781 3.63636 11.2775C3.54545 10.877 3.5 10.4696 3.5 10.0553C3.5 8.45977 4.06995 7.07726 5.20984 5.90779C6.34975 4.73832 7.76263 4.08596 9.44848 3.95071H10.0243L9.39546 3.36192C9.22072 3.19831 9.13537 3.01459 9.1394 2.81077C9.14344 2.60696 9.23536 2.42089 9.41516 2.25254C9.59495 2.08418 9.79571 2 10.0174 2C10.2391 2 10.4399 2.08418 10.6197 2.25254L12.6045 4.11102C12.7995 4.29356 12.897 4.50446 12.897 4.74374C12.897 4.98302 12.7995 5.19393 12.6045 5.37647L10.5803 7.27183C10.4187 7.42316 10.229 7.50001 10.0114 7.50237C9.79369 7.50474 9.59495 7.4279 9.41516 7.27183C9.23536 7.11578 9.14546 6.93088 9.14546 6.71714C9.14546 6.5034 9.23536 6.31236 9.41516 6.14401L10.044 5.55522H9.46818C8.29646 5.65358 7.29115 6.12624 6.45225 6.9732C5.61335 7.82017 5.1939 8.84754 5.1939 10.0553ZM14.8061 9.94466C14.8061 9.74604 14.7917 9.54884 14.7629 9.35307C14.7341 9.15729 14.6884 8.96387 14.6258 8.77281C14.5622 8.54204 14.5568 8.31246 14.6099 8.08406C14.6629 7.85565 14.7808 7.65585 14.9637 7.48466C15.1253 7.33335 15.3096 7.2688 15.5167 7.29101C15.7238 7.31324 15.8697 7.40759 15.9545 7.57404C16.1364 7.93911 16.2727 8.32192 16.3636 8.72246C16.4545 9.12301 16.5 9.53041 16.5 9.94466C16.5 11.5402 15.9301 12.9227 14.7902 14.0922C13.6503 15.2617 12.2374 15.914 10.5515 16.0493H9.97571L10.6045 16.6381C10.7793 16.8017 10.8646 16.9854 10.8606 17.1892C10.8566 17.393 10.7646 17.5791 10.5848 17.7474C10.405 17.9158 10.2043 18 9.98257 18C9.76086 18 9.56011 17.9158 9.38031 17.7474L7.39546 15.889C7.20051 15.7064 7.10304 15.4955 7.10304 15.2562C7.10304 15.017 7.20051 14.8061 7.39546 14.6235L9.41971 12.7281C9.58131 12.5768 9.77096 12.5 9.98863 12.4976C10.2063 12.4952 10.405 12.5721 10.5848 12.7281C10.7646 12.8842 10.8545 13.0691 10.8545 13.2828C10.8545 13.4966 10.7646 13.6876 10.5848 13.856L9.95602 14.4448H10.5318C11.7035 14.3464 12.7089 13.8737 13.5477 13.0268C14.3866 12.1798 14.8061 11.1524 14.8061 9.94466Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RefreshIcon = 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.1939 10.0553C5.1939 10.2539 5.2083 10.4511 5.2371 10.6469C5.26588 10.8427 5.31159 11.0361 5.37421 11.2272C5.43785 11.4579 5.44315 11.6875 5.39013 11.9159C5.33709 12.1443 5.21916 12.3441 5.03635 12.5153C4.87473 12.6666 4.69038 12.7312 4.48332 12.709C4.27625 12.6867 4.13029 12.5924 4.04545 12.4259C3.86363 12.0609 3.72727 11.6781 3.63636 11.2775C3.54545 10.877 3.5 10.4696 3.5 10.0553C3.5 8.45977 4.06995 7.07726 5.20984 5.90779C6.34975 4.73832 7.76263 4.08596 9.44848 3.95071H10.0243L9.39546 3.36192C9.22072 3.19831 9.13537 3.01459 9.1394 2.81077C9.14344 2.60696 9.23536 2.42089 9.41516 2.25254C9.59495 2.08418 9.79571 2 10.0174 2C10.2391 2 10.4399 2.08418 10.6197 2.25254L12.6045 4.11102C12.7995 4.29356 12.897 4.50446 12.897 4.74374C12.897 4.98302 12.7995 5.19393 12.6045 5.37647L10.5803 7.27183C10.4187 7.42316 10.229 7.50001 10.0114 7.50237C9.79369 7.50474 9.59495 7.4279 9.41516 7.27183C9.23536 7.11578 9.14546 6.93088 9.14546 6.71714C9.14546 6.5034 9.23536 6.31236 9.41516 6.14401L10.044 5.55522H9.46818C8.29646 5.65358 7.29115 6.12624 6.45225 6.9732C5.61335 7.82017 5.1939 8.84754 5.1939 10.0553ZM14.8061 9.94466C14.8061 9.74604 14.7917 9.54884 14.7629 9.35307C14.7341 9.15729 14.6884 8.96387 14.6258 8.77281C14.5622 8.54204 14.5568 8.31246 14.6099 8.08406C14.6629 7.85565 14.7808 7.65585 14.9637 7.48466C15.1253 7.33335 15.3096 7.2688 15.5167 7.29101C15.7238 7.31324 15.8697 7.40759 15.9545 7.57404C16.1364 7.93911 16.2727 8.32192 16.3636 8.72246C16.4545 9.12301 16.5 9.53041 16.5 9.94466C16.5 11.5402 15.9301 12.9227 14.7902 14.0922C13.6503 15.2617 12.2374 15.914 10.5515 16.0493H9.97571L10.6045 16.6381C10.7793 16.8017 10.8646 16.9854 10.8606 17.1892C10.8566 17.393 10.7646 17.5791 10.5848 17.7474C10.405 17.9158 10.2043 18 9.98257 18C9.76086 18 9.56011 17.9158 9.38031 17.7474L7.39546 15.889C7.20051 15.7064 7.10304 15.4955 7.10304 15.2562C7.10304 15.017 7.20051 14.8061 7.39546 14.6235L9.41971 12.7281C9.58131 12.5768 9.77096 12.5 9.98863 12.4976C10.2063 12.4952 10.405 12.5721 10.5848 12.7281C10.7646 12.8842 10.8545 13.0691 10.8545 13.2828C10.8545 13.4966 10.7646 13.6876 10.5848 13.856L9.95602 14.4448H10.5318C11.7035 14.3464 12.7089 13.8737 13.5477 13.0268C14.3866 12.1798 14.8061 11.1524 14.8061 9.94466Z",
+    fill: "currentColor"
+  }
+) }) }));
+RefreshIcon.displayName = "RefreshIcon";
 
 export { RefreshIcon };

package/dist/vanilla/src/icons/ReportIcon.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 ReportIcon(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.81655 17C4.31625 17 3.88841 16.8223 3.53305 16.467C3.17768 16.1116 3 15.6838 3 15.1835V4.81655C3 4.30284 3.17768 3.87165 3.53305 3.52299C3.88841 3.17433 4.31625 3 4.81655 3H15.1835C15.6972 3 16.1283 3.17433 16.477 3.52299C16.8257 3.87165 17 4.30284 17 4.81655V15.1835C17 15.6838 16.8257 16.1116 16.477 16.467C16.1283 16.8223 15.6972 17 15.1835 17H4.81655ZM15.431 5.49271L9.98763 11.1063L8.14787 9.2867C7.9622 9.10103 7.75228 9.00819 7.51813 9.00819C7.28396 9.00819 7.07404 9.10103 6.88837 9.2867L4.56895 11.6061V13.7893L7.51813 10.8402L9.35479 12.6768C9.55388 12.8759 9.77127 12.97 10.007 12.9592C10.2427 12.9484 10.4559 12.8501 10.6468 12.6644L15.431 7.72544V5.49271Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ReportIcon = 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.81655 17C4.31625 17 3.88841 16.8223 3.53305 16.467C3.17768 16.1116 3 15.6838 3 15.1835V4.81655C3 4.30284 3.17768 3.87165 3.53305 3.52299C3.88841 3.17433 4.31625 3 4.81655 3H15.1835C15.6972 3 16.1283 3.17433 16.477 3.52299C16.8257 3.87165 17 4.30284 17 4.81655V15.1835C17 15.6838 16.8257 16.1116 16.477 16.467C16.1283 16.8223 15.6972 17 15.1835 17H4.81655ZM15.431 5.49271L9.98763 11.1063L8.14787 9.2867C7.9622 9.10103 7.75228 9.00819 7.51813 9.00819C7.28396 9.00819 7.07404 9.10103 6.88837 9.2867L4.56895 11.6061V13.7893L7.51813 10.8402L9.35479 12.6768C9.55388 12.8759 9.77127 12.97 10.007 12.9592C10.2427 12.9484 10.4559 12.8501 10.6468 12.6644L15.431 7.72544V5.49271Z",
+    fill: "currentColor"
+  }
+) }) }));
+ReportIcon.displayName = "ReportIcon";
 
 export { ReportIcon };

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

@@ -1,24 +1,23 @@
 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 RestoreIcon(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: "M13.1878 17.3705C12.2322 17.7902 11.2053 18 10.1072 18C8.22531 18 6.56586 17.4508 5.12887 16.3523C3.69187 15.2539 2.75229 13.8318 2.31014 12.086C2.24965 11.829 2.29173 11.593 2.43636 11.378C2.58099 11.1629 2.7894 11.0367 3.0616 10.9992C3.30854 10.9617 3.53732 11.0036 3.74796 11.1249C3.95857 11.2462 4.09853 11.4254 4.16782 11.6625C4.52308 12.9771 5.24103 14.0538 6.32167 14.8925C7.40232 15.7312 8.64987 16.1506 10.0643 16.1506C11.7516 16.1506 13.1886 15.552 14.3753 14.3548C15.5621 13.1577 16.1555 11.7061 16.1555 10C16.1555 8.30824 15.5693 6.86021 14.3968 5.6559C13.2243 4.4516 11.7944 3.84945 10.1072 3.84945C9.07003 3.84945 8.09883 4.08683 7.19364 4.5616C6.28842 5.03637 5.5471 5.69669 4.96967 6.54257H6.50565C6.75945 6.54257 6.97661 6.633 7.15713 6.81386C7.33765 6.99472 7.42791 7.21244 7.42791 7.467C7.42791 7.72156 7.33765 7.93936 7.15713 8.12042C6.97661 8.30149 6.75945 8.39202 6.50565 8.39202H3.05425C2.76306 8.39202 2.51455 8.28883 2.30872 8.08245C2.10291 7.87608 2 7.62691 2 7.33494V3.87426C2 3.61978 2.09019 3.40204 2.27056 3.22104C2.45095 3.04003 2.66809 2.94953 2.92196 2.94953C3.17583 2.94953 3.39305 3.04003 3.57363 3.22104C3.7542 3.40204 3.84449 3.61978 3.84449 3.87426V5.03061C4.56931 4.03475 5.48524 3.28068 6.59228 2.76841C7.6993 2.25614 8.87095 2 10.1072 2C11.2053 2 12.2322 2.20982 13.1878 2.62946C14.1434 3.04909 14.9786 3.62091 15.6935 4.34491C16.4085 5.06893 16.9716 5.91729 17.383 6.88999C17.7943 7.8627 18 8.89952 18 10.0005C18 11.1014 17.7943 12.1381 17.383 13.1105C16.9716 14.0829 16.4085 14.9311 15.6935 15.6551C14.9786 16.3791 14.1434 16.9509 13.1878 17.3705Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M13.2593 11.9537L10.9215 9.60959V6.27954C10.9215 6.02507 10.8313 5.80734 10.6509 5.62633C10.4706 5.44533 10.2534 5.35483 9.99953 5.35483C9.74566 5.35483 9.52844 5.44533 9.34786 5.62633C9.16729 5.80734 9.077 6.02507 9.077 6.27954V9.95865C9.077 10.1029 9.10285 10.2369 9.15455 10.3605C9.20624 10.4841 9.28653 10.6005 9.39541 10.7097L11.9692 13.2473C12.1507 13.4293 12.3657 13.5203 12.6142 13.5203C12.8628 13.5203 13.0778 13.4293 13.2593 13.2473C13.4551 13.051 13.548 12.8305 13.5381 12.5856C13.5282 12.3408 13.4353 12.1302 13.2593 11.9537Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const RestoreIcon = 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: "M13.1878 17.3705C12.2322 17.7902 11.2053 18 10.1072 18C8.22531 18 6.56586 17.4508 5.12887 16.3523C3.69187 15.2539 2.75229 13.8318 2.31014 12.086C2.24965 11.829 2.29173 11.593 2.43636 11.378C2.58099 11.1629 2.7894 11.0367 3.0616 10.9992C3.30854 10.9617 3.53732 11.0036 3.74796 11.1249C3.95857 11.2462 4.09853 11.4254 4.16782 11.6625C4.52308 12.9771 5.24103 14.0538 6.32167 14.8925C7.40232 15.7312 8.64987 16.1506 10.0643 16.1506C11.7516 16.1506 13.1886 15.552 14.3753 14.3548C15.5621 13.1577 16.1555 11.7061 16.1555 10C16.1555 8.30824 15.5693 6.86021 14.3968 5.6559C13.2243 4.4516 11.7944 3.84945 10.1072 3.84945C9.07003 3.84945 8.09883 4.08683 7.19364 4.5616C6.28842 5.03637 5.5471 5.69669 4.96967 6.54257H6.50565C6.75945 6.54257 6.97661 6.633 7.15713 6.81386C7.33765 6.99472 7.42791 7.21244 7.42791 7.467C7.42791 7.72156 7.33765 7.93936 7.15713 8.12042C6.97661 8.30149 6.75945 8.39202 6.50565 8.39202H3.05425C2.76306 8.39202 2.51455 8.28883 2.30872 8.08245C2.10291 7.87608 2 7.62691 2 7.33494V3.87426C2 3.61978 2.09019 3.40204 2.27056 3.22104C2.45095 3.04003 2.66809 2.94953 2.92196 2.94953C3.17583 2.94953 3.39305 3.04003 3.57363 3.22104C3.7542 3.40204 3.84449 3.61978 3.84449 3.87426V5.03061C4.56931 4.03475 5.48524 3.28068 6.59228 2.76841C7.6993 2.25614 8.87095 2 10.1072 2C11.2053 2 12.2322 2.20982 13.1878 2.62946C14.1434 3.04909 14.9786 3.62091 15.6935 4.34491C16.4085 5.06893 16.9716 5.91729 17.383 6.88999C17.7943 7.8627 18 8.89952 18 10.0005C18 11.1014 17.7943 12.1381 17.383 13.1105C16.9716 14.0829 16.4085 14.9311 15.6935 15.6551C14.9786 16.3791 14.1434 16.9509 13.1878 17.3705Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M13.2593 11.9537L10.9215 9.60959V6.27954C10.9215 6.02507 10.8313 5.80734 10.6509 5.62633C10.4706 5.44533 10.2534 5.35483 9.99953 5.35483C9.74566 5.35483 9.52844 5.44533 9.34786 5.62633C9.16729 5.80734 9.077 6.02507 9.077 6.27954V9.95865C9.077 10.1029 9.10285 10.2369 9.15455 10.3605C9.20624 10.4841 9.28653 10.6005 9.39541 10.7097L11.9692 13.2473C12.1507 13.4293 12.3657 13.5203 12.6142 13.5203C12.8628 13.5203 13.0778 13.4293 13.2593 13.2473C13.4551 13.051 13.548 12.8305 13.5381 12.5856C13.5282 12.3408 13.4353 12.1302 13.2593 11.9537Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+RestoreIcon.displayName = "RestoreIcon";
 
 export { RestoreIcon };

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

@@ -1,24 +1,23 @@
 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 ResumeIcon(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: "M9.00952 15.338C9.34921 15.5606 9.6829 15.5538 10.0106 15.3175L16.0393 10.9962C16.3464 10.7599 16.5 10.4279 16.5 10.0001C16.5 9.57236 16.3464 9.24025 16.0393 9.00382L10.0106 4.68248C9.6829 4.44622 9.34921 4.43938 9.00952 4.66196C8.66984 4.88454 8.5 5.22015 8.5 5.66881V14.3312C8.5 14.7798 8.66984 15.1155 9.00952 15.338Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M3.86728 15.031C4.11213 15.3437 4.41544 15.5 4.7772 15.5H5.22278C5.58454 15.5 5.88786 15.3437 6.13272 15.031C6.37757 14.7183 6.5 14.331 6.5 13.869V6.13102C6.5 5.66904 6.37757 5.28172 6.13272 4.96904C5.88786 4.65635 5.58454 4.5 5.22278 4.5H4.7772C4.41544 4.5 4.11213 4.65635 3.86728 4.96904C3.62243 5.28172 3.5 5.66904 3.5 6.13102V13.869C3.5 14.331 3.62243 14.7183 3.86728 15.031Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const ResumeIcon = 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: "M9.00952 15.338C9.34921 15.5606 9.6829 15.5538 10.0106 15.3175L16.0393 10.9962C16.3464 10.7599 16.5 10.4279 16.5 10.0001C16.5 9.57236 16.3464 9.24025 16.0393 9.00382L10.0106 4.68248C9.6829 4.44622 9.34921 4.43938 9.00952 4.66196C8.66984 4.88454 8.5 5.22015 8.5 5.66881V14.3312C8.5 14.7798 8.66984 15.1155 9.00952 15.338Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.86728 15.031C4.11213 15.3437 4.41544 15.5 4.7772 15.5H5.22278C5.58454 15.5 5.88786 15.3437 6.13272 15.031C6.37757 14.7183 6.5 14.331 6.5 13.869V6.13102C6.5 5.66904 6.37757 5.28172 6.13272 4.96904C5.88786 4.65635 5.58454 4.5 5.22278 4.5H4.7772C4.41544 4.5 4.11213 4.65635 3.86728 4.96904C3.62243 5.28172 3.5 5.66904 3.5 6.13102V13.869C3.5 14.331 3.62243 14.7183 3.86728 15.031Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+ResumeIcon.displayName = "ResumeIcon";
 
 export { ResumeIcon };

package/dist/vanilla/src/icons/ReviewIcon.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 ReviewIcon(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.46619 12.4251C8.22254 12.4251 8.01351 12.3393 7.83908 12.1676C7.66465 11.9959 7.57743 11.788 7.57743 11.544V10.445C7.57743 10.2071 7.62123 9.97857 7.70883 9.75956C7.79643 9.54056 7.92733 9.3446 8.10156 9.17168L14.3483 2.92805C14.5092 2.76728 14.6767 2.65574 14.851 2.59344C15.0253 2.53115 15.2053 2.5 15.3912 2.5C15.5823 2.5 15.774 2.53441 15.9661 2.60324C16.1582 2.67207 16.3344 2.78294 16.4945 2.93585L17.0491 3.47065C17.215 3.63142 17.3316 3.80704 17.399 3.99752C17.4663 4.188 17.5 4.38124 17.5 4.57725C17.5 4.77357 17.4647 4.96414 17.3942 5.14897C17.3237 5.33379 17.2072 5.50485 17.0446 5.66214L10.7948 11.9284C10.6183 12.1048 10.4214 12.2317 10.204 12.3091C9.98672 12.3864 9.75988 12.4251 9.52353 12.4251H8.46619ZM15.0133 5.5461L15.9438 4.58146L15.41 3.98611L14.4448 4.97787L15.0133 5.5461ZM4.2704 17.5C3.77725 17.5 3.3589 17.3283 3.01535 16.9849C2.67178 16.6415 2.5 16.2234 2.5 15.7305V5.63204C2.5 5.13376 2.6708 4.71101 3.01241 4.36379C3.354 4.01656 3.77333 3.84947 4.2704 3.86253H11.2343L6.56555 8.52895C6.38687 8.70632 6.25373 8.90437 6.16614 9.1231C6.07855 9.34185 6.03475 9.57018 6.03475 9.80809V12.2261C6.03475 12.7286 6.20333 13.1476 6.54048 13.4832C6.87764 13.8188 7.2982 13.9866 7.80217 13.9866H10.1639C10.4025 13.9866 10.6314 13.9428 10.8505 13.8553C11.0697 13.7678 11.268 13.6347 11.4454 13.4561L16.1443 8.75953V15.7305C16.1443 16.2234 15.9725 16.6415 15.629 16.9849C15.2854 17.3283 14.8671 17.5 14.3739 17.5H4.2704Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ReviewIcon = 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.46619 12.4251C8.22254 12.4251 8.01351 12.3393 7.83908 12.1676C7.66465 11.9959 7.57743 11.788 7.57743 11.544V10.445C7.57743 10.2071 7.62123 9.97857 7.70883 9.75956C7.79643 9.54056 7.92733 9.3446 8.10156 9.17168L14.3483 2.92805C14.5092 2.76728 14.6767 2.65574 14.851 2.59344C15.0253 2.53115 15.2053 2.5 15.3912 2.5C15.5823 2.5 15.774 2.53441 15.9661 2.60324C16.1582 2.67207 16.3344 2.78294 16.4945 2.93585L17.0491 3.47065C17.215 3.63142 17.3316 3.80704 17.399 3.99752C17.4663 4.188 17.5 4.38124 17.5 4.57725C17.5 4.77357 17.4647 4.96414 17.3942 5.14897C17.3237 5.33379 17.2072 5.50485 17.0446 5.66214L10.7948 11.9284C10.6183 12.1048 10.4214 12.2317 10.204 12.3091C9.98672 12.3864 9.75988 12.4251 9.52353 12.4251H8.46619ZM15.0133 5.5461L15.9438 4.58146L15.41 3.98611L14.4448 4.97787L15.0133 5.5461ZM4.2704 17.5C3.77725 17.5 3.3589 17.3283 3.01535 16.9849C2.67178 16.6415 2.5 16.2234 2.5 15.7305V5.63204C2.5 5.13376 2.6708 4.71101 3.01241 4.36379C3.354 4.01656 3.77333 3.84947 4.2704 3.86253H11.2343L6.56555 8.52895C6.38687 8.70632 6.25373 8.90437 6.16614 9.1231C6.07855 9.34185 6.03475 9.57018 6.03475 9.80809V12.2261C6.03475 12.7286 6.20333 13.1476 6.54048 13.4832C6.87764 13.8188 7.2982 13.9866 7.80217 13.9866H10.1639C10.4025 13.9866 10.6314 13.9428 10.8505 13.8553C11.0697 13.7678 11.268 13.6347 11.4454 13.4561L16.1443 8.75953V15.7305C16.1443 16.2234 15.9725 16.6415 15.629 16.9849C15.2854 17.3283 14.8671 17.5 14.3739 17.5H4.2704Z",
+    fill: "currentColor"
+  }
+) }) }));
+ReviewIcon.displayName = "ReviewIcon";
 
 export { ReviewIcon };

package/dist/vanilla/src/icons/RewindIcon.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 RewindIcon(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.62 13.8325L11.1951 10.7664C10.9374 10.5897 10.8085 10.3351 10.8085 10.0024C10.8085 9.66971 10.9374 9.41505 11.1951 9.23841L15.62 6.17224C15.9145 5.96517 16.2181 5.94481 16.5308 6.11115C16.8436 6.27749 17 6.55005 17 6.92884V13.0759C17 13.4547 16.8436 13.7261 16.5308 13.8899C16.2181 14.0538 15.9145 14.0347 15.62 13.8325ZM7.81151 13.8325L3.3866 10.7664C3.12887 10.5897 3 10.3351 3 10.0024C3 9.66971 3.12887 9.41505 3.3866 9.23841L7.81151 6.17224C8.10594 5.96517 8.40954 5.94481 8.72231 6.11115C9.03508 6.27749 9.19147 6.55005 9.19147 6.92884V13.0759C9.19147 13.4547 9.03508 13.7261 8.72231 13.8899C8.40954 14.0538 8.10594 14.0347 7.81151 13.8325Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RewindIcon = 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.62 13.8325L11.1951 10.7664C10.9374 10.5897 10.8085 10.3351 10.8085 10.0024C10.8085 9.66971 10.9374 9.41505 11.1951 9.23841L15.62 6.17224C15.9145 5.96517 16.2181 5.94481 16.5308 6.11115C16.8436 6.27749 17 6.55005 17 6.92884V13.0759C17 13.4547 16.8436 13.7261 16.5308 13.8899C16.2181 14.0538 15.9145 14.0347 15.62 13.8325ZM7.81151 13.8325L3.3866 10.7664C3.12887 10.5897 3 10.3351 3 10.0024C3 9.66971 3.12887 9.41505 3.3866 9.23841L7.81151 6.17224C8.10594 5.96517 8.40954 5.94481 8.72231 6.11115C9.03508 6.27749 9.19147 6.55005 9.19147 6.92884V13.0759C9.19147 13.4547 9.03508 13.7261 8.72231 13.8899C8.40954 14.0538 8.10594 14.0347 7.81151 13.8325Z",
+    fill: "currentColor"
+  }
+) }) }));
+RewindIcon.displayName = "RewindIcon";
 
 export { RewindIcon };

package/dist/vanilla/src/icons/RoleIcon.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 RoleIcon(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: "M13.1817 12.0915C12.5205 12.0915 11.9551 11.859 11.4855 11.3939C11.0159 10.9287 10.7811 10.3687 10.7811 9.71373C10.7811 9.05878 11.0159 8.49873 11.4855 8.0336C11.9551 7.56848 12.5205 7.33592 13.1817 7.33592C13.843 7.33592 14.4084 7.56848 14.878 8.0336C15.3475 8.49873 15.5823 9.05878 15.5823 9.71373C15.5823 10.3687 15.3475 10.9287 14.878 11.3939C14.4084 11.859 13.843 12.0915 13.1817 12.0915ZM6.60285 15.4825V15.8494H3.81813C3.29622 15.8494 2.86273 15.6772 2.51764 15.3327C2.17255 14.9883 2 14.5598 2 14.0472V3.80218C2 3.28962 2.17388 2.86112 2.52163 2.51668C2.86937 2.17223 3.30198 2 3.81946 2H14.203C14.7205 2 15.1531 2.17223 15.5008 2.51668C15.8486 2.86112 16.0225 3.28962 16.0225 3.80218V6.79246C15.7094 6.42302 15.2837 6.1306 14.7454 5.91518C14.2071 5.69976 13.6926 5.59205 13.2019 5.59205C13.1657 5.59205 13.1321 5.59333 13.1011 5.5959C13.0701 5.59846 13.0365 5.6023 13.0004 5.60742V5.48461C12.9332 5.32829 12.8249 5.1994 12.6755 5.09796C12.5261 4.99652 12.3725 4.95245 12.2146 4.96575H5.80782C5.59224 4.95245 5.4074 5.02176 5.25328 5.17367C5.09916 5.32558 5.02209 5.50774 5.02209 5.72015C5.02209 5.93256 5.09916 6.11603 5.25328 6.27055C5.4074 6.42508 5.59224 6.50234 5.80782 6.50234H10.6928C10.3777 6.6886 10.1088 6.92295 9.88609 7.20541C9.66343 7.48787 9.49218 7.80154 9.37233 8.14643H5.80782C5.59224 8.14643 5.4074 8.22238 5.25328 8.37429C5.09916 8.52619 5.02209 8.70835 5.02209 8.92076C5.02209 9.13317 5.09916 9.31664 5.25328 9.47117C5.4074 9.62569 5.59224 9.70296 5.80782 9.70296H9.05928C9.0603 9.96801 9.08535 10.2303 9.13443 10.4897C9.18351 10.7491 9.26178 10.9965 9.36923 11.2319C9.32273 11.2524 9.27753 11.2716 9.23362 11.2895C9.1897 11.3074 9.14707 11.3266 9.10574 11.347H5.80782C5.59224 11.347 5.4074 11.423 5.25328 11.5749C5.09916 11.7268 5.02209 11.909 5.02209 12.1214C5.02209 12.3338 5.09916 12.5173 5.25328 12.6718C5.4074 12.8263 5.59224 12.9036 5.80782 12.9036H7.82099C7.40977 13.2229 7.10394 13.612 6.9035 14.071C6.70307 14.53 6.60285 15.0005 6.60285 15.4825ZM9.27317 18C9.02245 18 8.80815 17.9119 8.63027 17.7357C8.45238 17.5595 8.36344 17.3472 8.36344 17.0989V15.4825C8.36344 15.1982 8.43247 14.9376 8.57053 14.7007C8.70861 14.4639 8.89787 14.2716 9.13832 14.124C9.57742 13.8866 9.93155 13.7172 10.2007 13.6159C10.4698 13.5146 10.8488 13.4193 11.3375 13.33C11.5264 13.3046 11.7098 13.3102 11.8879 13.3466C12.0659 13.383 12.2187 13.4728 12.3464 13.6159L13.1817 14.692L14.0171 13.6159C14.1411 13.4931 14.2927 13.4084 14.4719 13.3618C14.6512 13.3153 14.8365 13.3046 15.0278 13.33C15.5204 13.4193 15.9029 13.511 16.1753 13.6051C16.4476 13.6992 16.8068 13.8722 17.253 14.124C17.4937 14.258 17.6771 14.443 17.8032 14.6789C17.9292 14.9148 17.9948 15.1668 18 15.4349V17.0989C18 17.3472 17.9111 17.5595 17.7332 17.7357C17.5553 17.9119 17.341 18 17.0903 18H9.27317Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const RoleIcon = 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: "M13.1817 12.0915C12.5205 12.0915 11.9551 11.859 11.4855 11.3939C11.0159 10.9287 10.7811 10.3687 10.7811 9.71373C10.7811 9.05878 11.0159 8.49873 11.4855 8.0336C11.9551 7.56848 12.5205 7.33592 13.1817 7.33592C13.843 7.33592 14.4084 7.56848 14.878 8.0336C15.3475 8.49873 15.5823 9.05878 15.5823 9.71373C15.5823 10.3687 15.3475 10.9287 14.878 11.3939C14.4084 11.859 13.843 12.0915 13.1817 12.0915ZM6.60285 15.4825V15.8494H3.81813C3.29622 15.8494 2.86273 15.6772 2.51764 15.3327C2.17255 14.9883 2 14.5598 2 14.0472V3.80218C2 3.28962 2.17388 2.86112 2.52163 2.51668C2.86937 2.17223 3.30198 2 3.81946 2H14.203C14.7205 2 15.1531 2.17223 15.5008 2.51668C15.8486 2.86112 16.0225 3.28962 16.0225 3.80218V6.79246C15.7094 6.42302 15.2837 6.1306 14.7454 5.91518C14.2071 5.69976 13.6926 5.59205 13.2019 5.59205C13.1657 5.59205 13.1321 5.59333 13.1011 5.5959C13.0701 5.59846 13.0365 5.6023 13.0004 5.60742V5.48461C12.9332 5.32829 12.8249 5.1994 12.6755 5.09796C12.5261 4.99652 12.3725 4.95245 12.2146 4.96575H5.80782C5.59224 4.95245 5.4074 5.02176 5.25328 5.17367C5.09916 5.32558 5.02209 5.50774 5.02209 5.72015C5.02209 5.93256 5.09916 6.11603 5.25328 6.27055C5.4074 6.42508 5.59224 6.50234 5.80782 6.50234H10.6928C10.3777 6.6886 10.1088 6.92295 9.88609 7.20541C9.66343 7.48787 9.49218 7.80154 9.37233 8.14643H5.80782C5.59224 8.14643 5.4074 8.22238 5.25328 8.37429C5.09916 8.52619 5.02209 8.70835 5.02209 8.92076C5.02209 9.13317 5.09916 9.31664 5.25328 9.47117C5.4074 9.62569 5.59224 9.70296 5.80782 9.70296H9.05928C9.0603 9.96801 9.08535 10.2303 9.13443 10.4897C9.18351 10.7491 9.26178 10.9965 9.36923 11.2319C9.32273 11.2524 9.27753 11.2716 9.23362 11.2895C9.1897 11.3074 9.14707 11.3266 9.10574 11.347H5.80782C5.59224 11.347 5.4074 11.423 5.25328 11.5749C5.09916 11.7268 5.02209 11.909 5.02209 12.1214C5.02209 12.3338 5.09916 12.5173 5.25328 12.6718C5.4074 12.8263 5.59224 12.9036 5.80782 12.9036H7.82099C7.40977 13.2229 7.10394 13.612 6.9035 14.071C6.70307 14.53 6.60285 15.0005 6.60285 15.4825ZM9.27317 18C9.02245 18 8.80815 17.9119 8.63027 17.7357C8.45238 17.5595 8.36344 17.3472 8.36344 17.0989V15.4825C8.36344 15.1982 8.43247 14.9376 8.57053 14.7007C8.70861 14.4639 8.89787 14.2716 9.13832 14.124C9.57742 13.8866 9.93155 13.7172 10.2007 13.6159C10.4698 13.5146 10.8488 13.4193 11.3375 13.33C11.5264 13.3046 11.7098 13.3102 11.8879 13.3466C12.0659 13.383 12.2187 13.4728 12.3464 13.6159L13.1817 14.692L14.0171 13.6159C14.1411 13.4931 14.2927 13.4084 14.4719 13.3618C14.6512 13.3153 14.8365 13.3046 15.0278 13.33C15.5204 13.4193 15.9029 13.511 16.1753 13.6051C16.4476 13.6992 16.8068 13.8722 17.253 14.124C17.4937 14.258 17.6771 14.443 17.8032 14.6789C17.9292 14.9148 17.9948 15.1668 18 15.4349V17.0989C18 17.3472 17.9111 17.5595 17.7332 17.7357C17.5553 17.9119 17.341 18 17.0903 18H9.27317Z",
+    fill: "currentColor"
+  }
+) }) }));
+RoleIcon.displayName = "RoleIcon";
 
 export { RoleIcon };

package/dist/vanilla/src/icons/SearchFilledIcon.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 SearchFilledIcon(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: "M16.3195 14.9061C17.3728 13.5514 18 11.8489 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C11.849 18 13.5515 17.3727 14.9063 16.3194L11.8452 13.2583C10.3123 14.1637 8.30481 13.9579 6.98773 12.6409C5.42674 11.0799 5.42674 8.54902 6.98773 6.98804C8.54872 5.42705 11.0796 5.42705 12.6406 6.98804C13.9575 8.30495 14.1634 10.3122 13.2583 11.8449L16.3195 14.9061ZM11.2274 11.2274C12.0079 10.4469 12.0079 9.18152 11.2274 8.40103C10.4469 7.62053 9.18145 7.62053 8.40095 8.40103C7.62046 9.18152 7.62046 10.4469 8.40095 11.2274C9.18145 12.0079 10.4469 12.0079 11.2274 11.2274Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const SearchFilledIcon = 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: "M16.3195 14.9061C17.3728 13.5514 18 11.8489 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C11.849 18 13.5515 17.3727 14.9063 16.3194L11.8452 13.2583C10.3123 14.1637 8.30481 13.9579 6.98773 12.6409C5.42674 11.0799 5.42674 8.54902 6.98773 6.98804C8.54872 5.42705 11.0796 5.42705 12.6406 6.98804C13.9575 8.30495 14.1634 10.3122 13.2583 11.8449L16.3195 14.9061ZM11.2274 11.2274C12.0079 10.4469 12.0079 9.18152 11.2274 8.40103C10.4469 7.62053 9.18145 7.62053 8.40095 8.40103C7.62046 9.18152 7.62046 10.4469 8.40095 11.2274C9.18145 12.0079 10.4469 12.0079 11.2274 11.2274Z",
+    fill: "currentColor"
+  }
+) }) }));
+SearchFilledIcon.displayName = "SearchFilledIcon";
 
 export { SearchFilledIcon };

package/dist/vanilla/src/icons/SearchIcon.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 SearchIcon(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.48 17.2364L11.8625 12.6022C11.4486 12.9313 10.9417 13.1893 10.3416 13.3762C9.74155 13.5631 9.14706 13.6565 8.55814 13.6565C7.00471 13.6565 5.69 13.1168 4.61399 12.0373C3.538 10.9579 3 9.63891 3 8.08047C3 6.52203 3.53779 5.20233 4.61337 4.12139C5.68893 3.04046 7.00313 2.5 8.55594 2.5C10.1088 2.5 11.4237 3.03994 12.5007 4.11983C13.5778 5.19974 14.1163 6.51922 14.1163 8.07827C14.1163 8.6853 14.0274 9.27262 13.8497 9.84025C13.6719 10.4079 13.4175 10.9052 13.0865 11.3323L17.7453 16.008C17.9151 16.1704 18 16.3696 18 16.6058C18 16.842 17.9064 17.054 17.7193 17.2418C17.5478 17.4139 17.3421 17.5 17.1023 17.5C16.8625 17.5 16.6551 17.4121 16.48 17.2364ZM8.55814 11.8706C9.62457 11.8706 10.521 11.5061 11.2473 10.7772C11.9736 10.0482 12.3368 9.14856 12.3368 8.07827C12.3368 7.00797 11.9736 6.10834 11.2473 5.37937C10.521 4.65039 9.62457 4.28591 8.55814 4.28591C7.4917 4.28591 6.59532 4.65039 5.86897 5.37937C5.14265 6.10834 4.77948 7.00797 4.77948 8.07827C4.77948 9.14856 5.14265 10.0482 5.86897 10.7772C6.59532 11.5061 7.4917 11.8706 8.55814 11.8706Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const SearchIcon = 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.48 17.2364L11.8625 12.6022C11.4486 12.9313 10.9417 13.1893 10.3416 13.3762C9.74155 13.5631 9.14706 13.6565 8.55814 13.6565C7.00471 13.6565 5.69 13.1168 4.61399 12.0373C3.538 10.9579 3 9.63891 3 8.08047C3 6.52203 3.53779 5.20233 4.61337 4.12139C5.68893 3.04046 7.00313 2.5 8.55594 2.5C10.1088 2.5 11.4237 3.03994 12.5007 4.11983C13.5778 5.19974 14.1163 6.51922 14.1163 8.07827C14.1163 8.6853 14.0274 9.27262 13.8497 9.84025C13.6719 10.4079 13.4175 10.9052 13.0865 11.3323L17.7453 16.008C17.9151 16.1704 18 16.3696 18 16.6058C18 16.842 17.9064 17.054 17.7193 17.2418C17.5478 17.4139 17.3421 17.5 17.1023 17.5C16.8625 17.5 16.6551 17.4121 16.48 17.2364ZM8.55814 11.8706C9.62457 11.8706 10.521 11.5061 11.2473 10.7772C11.9736 10.0482 12.3368 9.14856 12.3368 8.07827C12.3368 7.00797 11.9736 6.10834 11.2473 5.37937C10.521 4.65039 9.62457 4.28591 8.55814 4.28591C7.4917 4.28591 6.59532 4.65039 5.86897 5.37937C5.14265 6.10834 4.77948 7.00797 4.77948 8.07827C4.77948 9.14856 5.14265 10.0482 5.86897 10.7772C6.59532 11.5061 7.4917 11.8706 8.55814 11.8706Z",
+    fill: "currentColor"
+  }
+) }) }));
+SearchIcon.displayName = "SearchIcon";
 
 export { SearchIcon };

package/dist/vanilla/src/icons/SettingsIcon.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 SettingsIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M11.361 17.5H8.64569C8.41546 17.5 8.21712 17.4302 8.05068 17.2905C7.88424 17.1508 7.78232 16.9692 7.74491 16.7457L7.59372 15.6424C7.55275 15.3435 7.35632 15.0895 7.08874 14.9499C6.81177 14.8054 6.48306 14.7465 6.19376 14.8644L5.13896 15.2943C4.92887 15.3911 4.71375 15.4002 4.49359 15.3215C4.27343 15.2428 4.10579 15.1075 3.99067 14.9157L2.62226 12.541C2.50714 12.3491 2.47332 12.1475 2.52079 11.9361C2.56828 11.7247 2.6846 11.551 2.86974 11.4151L3.92561 10.6279C4.05249 10.5333 4.12423 10.3812 4.11084 10.2235C4.10364 10.1388 4.10004 10.0545 4.10004 9.97067C4.10004 9.90361 4.10364 9.82887 4.11084 9.74645C4.12491 9.58523 4.04924 9.43028 3.9177 9.33601L2.86974 8.58491C2.67213 8.46106 2.55582 8.28738 2.52081 8.06387C2.48579 7.84037 2.52584 7.6327 2.64095 7.44086L3.99067 5.13459C4.11059 4.9474 4.27511 4.81027 4.48424 4.7232C4.69336 4.63613 4.90296 4.64102 5.11305 4.73787L6.06631 5.1249C6.38747 5.25529 6.74992 5.20511 7.05707 5.04449C7.35484 4.88876 7.56586 4.60233 7.6101 4.26922L7.74491 3.25434C7.76985 3.03083 7.86866 2.84923 8.04133 2.70955C8.214 2.56985 8.41546 2.5 8.64569 2.5H11.361C11.5912 2.5 11.7938 2.56985 11.9689 2.70955C12.144 2.84923 12.244 3.03083 12.2689 3.25434L12.4005 4.29713C12.4423 4.6288 12.6493 4.9155 12.946 5.06962C13.243 5.22391 13.5913 5.27653 13.9017 5.15137L14.8821 4.75603C15.0922 4.65918 15.3061 4.64893 15.5238 4.72529C15.7416 4.80166 15.9081 4.93576 16.0232 5.1276L17.3729 7.44086C17.488 7.6327 17.5249 7.84037 17.4837 8.06387C17.4424 8.28738 17.3292 8.46106 17.1441 8.58491L16.0203 9.39868C15.8971 9.48791 15.8397 9.63978 15.844 9.79185C15.8464 9.87567 15.8476 9.9511 15.8476 10.0182C15.8476 10.0806 15.8452 10.1537 15.8404 10.2375C15.8308 10.4048 15.9077 10.5652 16.0431 10.6638L17.0995 11.4332C17.2894 11.5646 17.4069 11.7371 17.452 11.9508C17.4971 12.1645 17.4621 12.3673 17.347 12.5591L15.9786 14.9227C15.8634 15.1145 15.697 15.2475 15.4792 15.3215C15.2615 15.3955 15.0476 15.3841 14.8375 15.2873L13.7589 14.8485C13.4786 14.7345 13.1624 14.7754 12.9014 14.9283C12.6535 15.0735 12.4626 15.3103 12.4242 15.595L12.2689 16.7457C12.2315 16.9692 12.1284 17.1508 11.9595 17.2905C11.7907 17.4302 11.5912 17.5 11.361 17.5ZM9.95942 12.6695C10.7317 12.6695 11.3861 12.409 11.9229 11.8879C12.4596 11.3669 12.728 10.7315 12.728 9.98184C12.728 9.23218 12.4596 8.59682 11.9229 8.07576C11.3861 7.55472 10.7317 7.2942 9.95942 7.2942C9.192 7.2942 8.53872 7.55472 7.99959 8.07576C7.46048 8.59682 7.19092 9.23218 7.19092 9.98184C7.19092 10.7315 7.46048 11.3669 7.99959 11.8879C8.53872 12.409 9.192 12.6695 9.95942 12.6695Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const SettingsIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M11.361 17.5H8.64569C8.41546 17.5 8.21712 17.4302 8.05068 17.2905C7.88424 17.1508 7.78232 16.9692 7.74491 16.7457L7.59372 15.6424C7.55275 15.3435 7.35632 15.0895 7.08874 14.9499C6.81177 14.8054 6.48306 14.7465 6.19376 14.8644L5.13896 15.2943C4.92887 15.3911 4.71375 15.4002 4.49359 15.3215C4.27343 15.2428 4.10579 15.1075 3.99067 14.9157L2.62226 12.541C2.50714 12.3491 2.47332 12.1475 2.52079 11.9361C2.56828 11.7247 2.6846 11.551 2.86974 11.4151L3.92561 10.6279C4.05249 10.5333 4.12423 10.3812 4.11084 10.2235C4.10364 10.1388 4.10004 10.0545 4.10004 9.97067C4.10004 9.90361 4.10364 9.82887 4.11084 9.74645C4.12491 9.58523 4.04924 9.43028 3.9177 9.33601L2.86974 8.58491C2.67213 8.46106 2.55582 8.28738 2.52081 8.06387C2.48579 7.84037 2.52584 7.6327 2.64095 7.44086L3.99067 5.13459C4.11059 4.9474 4.27511 4.81027 4.48424 4.7232C4.69336 4.63613 4.90296 4.64102 5.11305 4.73787L6.06631 5.1249C6.38747 5.25529 6.74992 5.20511 7.05707 5.04449C7.35484 4.88876 7.56586 4.60233 7.6101 4.26922L7.74491 3.25434C7.76985 3.03083 7.86866 2.84923 8.04133 2.70955C8.214 2.56985 8.41546 2.5 8.64569 2.5H11.361C11.5912 2.5 11.7938 2.56985 11.9689 2.70955C12.144 2.84923 12.244 3.03083 12.2689 3.25434L12.4005 4.29713C12.4423 4.6288 12.6493 4.9155 12.946 5.06962C13.243 5.22391 13.5913 5.27653 13.9017 5.15137L14.8821 4.75603C15.0922 4.65918 15.3061 4.64893 15.5238 4.72529C15.7416 4.80166 15.9081 4.93576 16.0232 5.1276L17.3729 7.44086C17.488 7.6327 17.5249 7.84037 17.4837 8.06387C17.4424 8.28738 17.3292 8.46106 17.1441 8.58491L16.0203 9.39868C15.8971 9.48791 15.8397 9.63978 15.844 9.79185C15.8464 9.87567 15.8476 9.9511 15.8476 10.0182C15.8476 10.0806 15.8452 10.1537 15.8404 10.2375C15.8308 10.4048 15.9077 10.5652 16.0431 10.6638L17.0995 11.4332C17.2894 11.5646 17.4069 11.7371 17.452 11.9508C17.4971 12.1645 17.4621 12.3673 17.347 12.5591L15.9786 14.9227C15.8634 15.1145 15.697 15.2475 15.4792 15.3215C15.2615 15.3955 15.0476 15.3841 14.8375 15.2873L13.7589 14.8485C13.4786 14.7345 13.1624 14.7754 12.9014 14.9283C12.6535 15.0735 12.4626 15.3103 12.4242 15.595L12.2689 16.7457C12.2315 16.9692 12.1284 17.1508 11.9595 17.2905C11.7907 17.4302 11.5912 17.5 11.361 17.5ZM9.95942 12.6695C10.7317 12.6695 11.3861 12.409 11.9229 11.8879C12.4596 11.3669 12.728 10.7315 12.728 9.98184C12.728 9.23218 12.4596 8.59682 11.9229 8.07576C11.3861 7.55472 10.7317 7.2942 9.95942 7.2942C9.192 7.2942 8.53872 7.55472 7.99959 8.07576C7.46048 8.59682 7.19092 9.23218 7.19092 9.98184C7.19092 10.7315 7.46048 11.3669 7.99959 11.8879C8.53872 12.409 9.192 12.6695 9.95942 12.6695Z",
+    fill: "currentColor"
+  }
+) }) }));
+SettingsIcon.displayName = "SettingsIcon";
 
 export { SettingsIcon };

package/dist/vanilla/src/icons/ShareIcon.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 ShareIcon(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.4756 18C13.7744 18 13.1768 17.7552 12.683 17.2656C12.1891 16.7761 11.9422 16.1816 11.9422 15.4822C11.9422 15.3741 11.9503 15.2761 11.9663 15.1883C11.9824 15.1004 12.0065 15.0001 12.0387 14.8871L7.14583 11.918C6.9456 12.145 6.70329 12.3017 6.4189 12.3881C6.13453 12.4745 5.8446 12.5177 5.54912 12.5177C4.84103 12.5177 4.23915 12.2728 3.7435 11.783C3.24783 11.2931 3 10.6983 3 9.99853C3 9.29874 3.24783 8.70441 3.7435 8.21554C4.23915 7.72667 4.84103 7.48224 5.54912 7.48224C5.84065 7.48224 6.1296 7.52883 6.41595 7.62202C6.7023 7.71522 6.9456 7.86854 7.14583 8.082L12.0387 5.11239C12.0065 4.99764 11.9824 4.89519 11.9663 4.80504C11.9503 4.7149 11.9422 4.61914 11.9422 4.51775C11.9422 3.81838 12.1876 3.22391 12.6785 2.73434C13.1694 2.24478 13.7654 2 14.4666 2C15.1678 2 15.7654 2.24492 16.2592 2.73476C16.7531 3.22462 17 3.81943 17 4.51921C17 5.219 16.7522 5.81333 16.2565 6.3022C15.7609 6.79107 15.159 7.0355 14.4509 7.0355C14.1554 7.0355 13.8655 6.99229 13.5811 6.90587C13.2967 6.81944 13.0544 6.66273 12.8542 6.43574L7.96129 9.4049C7.99346 9.51781 8.01758 9.618 8.03366 9.70547C8.04974 9.79293 8.05778 9.89056 8.05778 9.99837C8.05778 10.1062 8.04974 10.2044 8.03366 10.2929C8.01758 10.3814 7.99346 10.4822 7.96129 10.5951L12.8542 13.5642C13.0544 13.3237 13.2967 13.1636 13.5811 13.084C13.8655 13.0043 14.1554 12.9645 14.4509 12.9645C15.159 12.9645 15.7609 13.2094 16.2565 13.6992C16.7522 14.1891 17 14.7839 17 15.4837C17 16.1835 16.7546 16.7778 16.2637 17.2667C15.7729 17.7555 15.1768 18 14.4756 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const ShareIcon = 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.4756 18C13.7744 18 13.1768 17.7552 12.683 17.2656C12.1891 16.7761 11.9422 16.1816 11.9422 15.4822C11.9422 15.3741 11.9503 15.2761 11.9663 15.1883C11.9824 15.1004 12.0065 15.0001 12.0387 14.8871L7.14583 11.918C6.9456 12.145 6.70329 12.3017 6.4189 12.3881C6.13453 12.4745 5.8446 12.5177 5.54912 12.5177C4.84103 12.5177 4.23915 12.2728 3.7435 11.783C3.24783 11.2931 3 10.6983 3 9.99853C3 9.29874 3.24783 8.70441 3.7435 8.21554C4.23915 7.72667 4.84103 7.48224 5.54912 7.48224C5.84065 7.48224 6.1296 7.52883 6.41595 7.62202C6.7023 7.71522 6.9456 7.86854 7.14583 8.082L12.0387 5.11239C12.0065 4.99764 11.9824 4.89519 11.9663 4.80504C11.9503 4.7149 11.9422 4.61914 11.9422 4.51775C11.9422 3.81838 12.1876 3.22391 12.6785 2.73434C13.1694 2.24478 13.7654 2 14.4666 2C15.1678 2 15.7654 2.24492 16.2592 2.73476C16.7531 3.22462 17 3.81943 17 4.51921C17 5.219 16.7522 5.81333 16.2565 6.3022C15.7609 6.79107 15.159 7.0355 14.4509 7.0355C14.1554 7.0355 13.8655 6.99229 13.5811 6.90587C13.2967 6.81944 13.0544 6.66273 12.8542 6.43574L7.96129 9.4049C7.99346 9.51781 8.01758 9.618 8.03366 9.70547C8.04974 9.79293 8.05778 9.89056 8.05778 9.99837C8.05778 10.1062 8.04974 10.2044 8.03366 10.2929C8.01758 10.3814 7.99346 10.4822 7.96129 10.5951L12.8542 13.5642C13.0544 13.3237 13.2967 13.1636 13.5811 13.084C13.8655 13.0043 14.1554 12.9645 14.4509 12.9645C15.159 12.9645 15.7609 13.2094 16.2565 13.6992C16.7522 14.1891 17 14.7839 17 15.4837C17 16.1835 16.7546 16.7778 16.2637 17.2667C15.7729 17.7555 15.1768 18 14.4756 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+ShareIcon.displayName = "ShareIcon";
 
 export { ShareIcon };