@orfium/ictinus 5.43.9 → 5.44.1

package/dist/vanilla/src/icons/MenuIcon.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 MenuIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M2.93223 16C2.67568 16 2.45617 15.8979 2.27371 15.6937C2.09124 15.4895 2 15.2439 2 14.9568C2 14.6697 2.09124 14.4241 2.27371 14.2202C2.45617 14.0162 2.67568 13.9142 2.93223 13.9142H17.0678C17.3243 13.9142 17.5438 14.0163 17.7263 14.2205C17.9088 14.4247 18 14.6703 18 14.9574C18 15.2445 17.9088 15.49 17.7263 15.694C17.5438 15.898 17.3243 16 17.0678 16H2.93223ZM2.93223 11.0186C2.67568 11.0186 2.45617 10.9165 2.27371 10.7124C2.09124 10.5082 2 10.2625 2 9.97543C2 9.68833 2.09124 9.44279 2.27371 9.23882C2.45617 9.03484 2.67568 8.93286 2.93223 8.93286H17.0678C17.3243 8.93286 17.5438 9.03495 17.7263 9.23913C17.9088 9.44333 18 9.68898 18 9.97606C18 10.2632 17.9088 10.5087 17.7263 10.7127C17.5438 10.9166 17.3243 11.0186 17.0678 11.0186H2.93223ZM2.93223 6.0858C2.67568 6.0858 2.45617 5.9837 2.27371 5.7795C2.09124 5.57532 2 5.32967 2 5.04257C2 4.75549 2.09124 4.50996 2.27371 4.30599C2.45617 4.10199 2.67568 4 2.93223 4H17.0678C17.3243 4 17.5438 4.1021 17.7263 4.3063C17.9088 4.5105 18 4.75614 18 5.04323C18 5.33033 17.9088 5.57587 17.7263 5.77984C17.5438 5.98381 17.3243 6.0858 17.0678 6.0858H2.93223Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const MenuIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M2.93223 16C2.67568 16 2.45617 15.8979 2.27371 15.6937C2.09124 15.4895 2 15.2439 2 14.9568C2 14.6697 2.09124 14.4241 2.27371 14.2202C2.45617 14.0162 2.67568 13.9142 2.93223 13.9142H17.0678C17.3243 13.9142 17.5438 14.0163 17.7263 14.2205C17.9088 14.4247 18 14.6703 18 14.9574C18 15.2445 17.9088 15.49 17.7263 15.694C17.5438 15.898 17.3243 16 17.0678 16H2.93223ZM2.93223 11.0186C2.67568 11.0186 2.45617 10.9165 2.27371 10.7124C2.09124 10.5082 2 10.2625 2 9.97543C2 9.68833 2.09124 9.44279 2.27371 9.23882C2.45617 9.03484 2.67568 8.93286 2.93223 8.93286H17.0678C17.3243 8.93286 17.5438 9.03495 17.7263 9.23913C17.9088 9.44333 18 9.68898 18 9.97606C18 10.2632 17.9088 10.5087 17.7263 10.7127C17.5438 10.9166 17.3243 11.0186 17.0678 11.0186H2.93223ZM2.93223 6.0858C2.67568 6.0858 2.45617 5.9837 2.27371 5.7795C2.09124 5.57532 2 5.32967 2 5.04257C2 4.75549 2.09124 4.50996 2.27371 4.30599C2.45617 4.10199 2.67568 4 2.93223 4H17.0678C17.3243 4 17.5438 4.1021 17.7263 4.3063C17.9088 4.5105 18 4.75614 18 5.04323C18 5.33033 17.9088 5.57587 17.7263 5.77984C17.5438 5.98381 17.3243 6.0858 17.0678 6.0858H2.93223Z",
+    fill: "currentColor"
+  }
+) }) }));
+MenuIcon.displayName = "MenuIcon";
 
 export { MenuIcon };

package/dist/vanilla/src/icons/MinusIcon.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 MinusIcon(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.90208 11C4.65383 11 4.44142 10.9021 4.26486 10.7063C4.08829 10.5105 4 10.275 4 9.9997C4 9.7244 4.08829 9.48897 4.26486 9.29338C4.44142 9.09779 4.65383 9 4.90208 9H15.0979C15.3462 9 15.5586 9.09789 15.7352 9.29368C15.9117 9.48949 16 9.72502 16 10.0003C16 10.2756 15.9117 10.511 15.7352 10.7066C15.5586 10.9022 15.3462 11 15.0979 11H4.90208Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const MinusIcon = 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.90208 11C4.65383 11 4.44142 10.9021 4.26486 10.7063C4.08829 10.5105 4 10.275 4 9.9997C4 9.7244 4.08829 9.48897 4.26486 9.29338C4.44142 9.09779 4.65383 9 4.90208 9H15.0979C15.3462 9 15.5586 9.09789 15.7352 9.29368C15.9117 9.48949 16 9.72502 16 10.0003C16 10.2756 15.9117 10.511 15.7352 10.7066C15.5586 10.9022 15.3462 11 15.0979 11H4.90208Z",
+    fill: "currentColor"
+  }
+) }) }));
+MinusIcon.displayName = "MinusIcon";
 
 export { MinusIcon };

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

@@ -1,31 +1,30 @@
 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 MoreOptionsIcon(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: "M11.5 5.5C11.5 6.32843 10.8284 7 10 7C9.17157 7 8.5 6.32843 8.5 5.5C8.5 4.67157 9.17157 4 10 4C10.8284 4 11.5 4.67157 11.5 5.5Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M11.5 10C11.5 10.8284 10.8284 11.5 10 11.5C9.17157 11.5 8.5 10.8284 8.5 10C8.5 9.17157 9.17157 8.5 10 8.5C10.8284 8.5 11.5 9.17157 11.5 10Z",
-        fill: "currentColor"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M11.5 14.5C11.5 15.3284 10.8284 16 10 16C9.17157 16 8.5 15.3284 8.5 14.5C8.5 13.6716 9.17157 13 10 13C10.8284 13 11.5 13.6716 11.5 14.5Z",
-        fill: "currentColor"
-      }
-    )
-  ] }) });
-}
+const MoreOptionsIcon = 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: "M11.5 5.5C11.5 6.32843 10.8284 7 10 7C9.17157 7 8.5 6.32843 8.5 5.5C8.5 4.67157 9.17157 4 10 4C10.8284 4 11.5 4.67157 11.5 5.5Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.5 10C11.5 10.8284 10.8284 11.5 10 11.5C9.17157 11.5 8.5 10.8284 8.5 10C8.5 9.17157 9.17157 8.5 10 8.5C10.8284 8.5 11.5 9.17157 11.5 10Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.5 14.5C11.5 15.3284 10.8284 16 10 16C9.17157 16 8.5 15.3284 8.5 14.5C8.5 13.6716 9.17157 13 10 13C10.8284 13 11.5 13.6716 11.5 14.5Z",
+      fill: "currentColor"
+    }
+  )
+] }) }));
+MoreOptionsIcon.displayName = "MoreOptionsIcon";
 
 export { MoreOptionsIcon };

package/dist/vanilla/src/icons/NextIcon.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 NextIcon(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.056 15C14.7962 15 14.574 14.9159 14.3894 14.7478C14.2048 14.5797 14.1126 14.3774 14.1126 14.1411V5.85895C14.1126 5.62257 14.205 5.42032 14.3897 5.25219C14.5745 5.08406 14.7968 5 15.0566 5C15.3164 5 15.5385 5.08406 15.7231 5.25219C15.9077 5.42032 16 5.62257 16 5.85895V14.1411C16 14.3774 15.9076 14.5797 15.7228 14.7478C15.538 14.9159 15.3158 15 15.056 15ZM5.65111 13.9981C5.29883 14.2092 4.93557 14.2291 4.56134 14.0581C4.18711 13.887 4 13.6038 4 13.2084V6.79165C4 6.39428 4.18711 6.10927 4.56134 5.93661C4.93557 5.76396 5.29883 5.7857 5.65111 6.00185L10.9454 9.20252C11.2538 9.38748 11.408 9.65344 11.408 10.0004C11.408 10.3474 11.2538 10.6131 10.9454 10.7975L5.65111 13.9981Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const NextIcon = 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.056 15C14.7962 15 14.574 14.9159 14.3894 14.7478C14.2048 14.5797 14.1126 14.3774 14.1126 14.1411V5.85895C14.1126 5.62257 14.205 5.42032 14.3897 5.25219C14.5745 5.08406 14.7968 5 15.0566 5C15.3164 5 15.5385 5.08406 15.7231 5.25219C15.9077 5.42032 16 5.62257 16 5.85895V14.1411C16 14.3774 15.9076 14.5797 15.7228 14.7478C15.538 14.9159 15.3158 15 15.056 15ZM5.65111 13.9981C5.29883 14.2092 4.93557 14.2291 4.56134 14.0581C4.18711 13.887 4 13.6038 4 13.2084V6.79165C4 6.39428 4.18711 6.10927 4.56134 5.93661C4.93557 5.76396 5.29883 5.7857 5.65111 6.00185L10.9454 9.20252C11.2538 9.38748 11.408 9.65344 11.408 10.0004C11.408 10.3474 11.2538 10.6131 10.9454 10.7975L5.65111 13.9981Z",
+    fill: "currentColor"
+  }
+) }) }));
+NextIcon.displayName = "NextIcon";
 
 export { NextIcon };

package/dist/vanilla/src/icons/NotificationIcon.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 NotificationIcon(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.78657 14.3161C4.56987 14.3161 4.3846 14.2364 4.23076 14.0771C4.07692 13.9178 4 13.726 4 13.5016C4 13.2772 4.07692 13.0854 4.23076 12.9261C4.3846 12.7668 4.56987 12.6871 4.78657 12.6871H5.48171V7.66751C5.48171 6.62037 5.78964 5.67157 6.40549 4.82114C7.02135 3.9707 7.82928 3.41483 8.82928 3.15353C9.25 3.0436 10.0911 2.87144 11.1707 3.15353C12.1707 3.41483 12.9786 3.97385 13.5945 4.83061C14.2104 5.68736 14.5183 6.63299 14.5183 7.66751V12.6871H15.2134C15.4301 12.6871 15.6154 12.7668 15.7692 12.9261C15.9231 13.0854 16 13.2772 16 13.5016C16 13.726 15.9231 13.9178 15.7692 14.0771C15.6154 14.2364 15.4301 14.3161 15.2134 14.3161H4.78657ZM10 17C9.5788 17 9.21647 16.8453 8.91299 16.5359C8.60953 16.2265 8.45779 15.8489 8.45779 15.4031H11.5422C11.5422 15.8489 11.3928 16.2265 11.094 16.5359C10.7953 16.8453 10.4306 17 10 17Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const NotificationIcon = 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.78657 14.3161C4.56987 14.3161 4.3846 14.2364 4.23076 14.0771C4.07692 13.9178 4 13.726 4 13.5016C4 13.2772 4.07692 13.0854 4.23076 12.9261C4.3846 12.7668 4.56987 12.6871 4.78657 12.6871H5.48171V7.66751C5.48171 6.62037 5.78964 5.67157 6.40549 4.82114C7.02135 3.9707 7.82928 3.41483 8.82928 3.15353C9.25 3.0436 10.0911 2.87144 11.1707 3.15353C12.1707 3.41483 12.9786 3.97385 13.5945 4.83061C14.2104 5.68736 14.5183 6.63299 14.5183 7.66751V12.6871H15.2134C15.4301 12.6871 15.6154 12.7668 15.7692 12.9261C15.9231 13.0854 16 13.2772 16 13.5016C16 13.726 15.9231 13.9178 15.7692 14.0771C15.6154 14.2364 15.4301 14.3161 15.2134 14.3161H4.78657ZM10 17C9.5788 17 9.21647 16.8453 8.91299 16.5359C8.60953 16.2265 8.45779 15.8489 8.45779 15.4031H11.5422C11.5422 15.8489 11.3928 16.2265 11.094 16.5359C10.7953 16.8453 10.4306 17 10 17Z",
+    fill: "currentColor"
+  }
+) }) }));
+NotificationIcon.displayName = "NotificationIcon";
 
 export { NotificationIcon };

package/dist/vanilla/src/icons/OrganizationIcon.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 OrganizationIcon(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 16.3717V14.543C3 14.0744 3.15404 13.6858 3.46213 13.3774C3.77021 13.069 4.15833 12.9148 4.62648 12.9148H5.23009V11.0606C5.23009 10.5284 5.40797 10.0842 5.76371 9.72802C6.11945 9.37188 6.56316 9.19382 7.09485 9.19382H9.19471V7.08524H8.5911C8.12294 7.08524 7.73482 6.93103 7.42674 6.62261C7.11866 6.31418 6.96461 5.92563 6.96461 5.45696V3.62828C6.96461 3.15961 7.11883 2.77106 7.42728 2.46264C7.73572 2.15421 8.12426 2 8.59289 2H11.4144C11.883 2 12.2703 2.15421 12.5764 2.46264C12.8824 2.77106 13.0354 3.15961 13.0354 3.62828V5.45696C13.0354 5.92563 12.8813 6.31418 12.5733 6.62261C12.2652 6.93103 11.8771 7.08524 11.4089 7.08524H10.8053V9.19382H12.9052C13.4368 9.19382 13.8806 9.37188 14.2363 9.72802C14.592 10.0842 14.7699 10.5284 14.7699 11.0606V12.9148H15.3769C15.8469 12.9148 16.235 13.069 16.541 13.3774C16.847 13.6858 17 14.0744 17 14.543V16.3717C17 16.8404 16.8458 17.2289 16.5373 17.5374C16.2289 17.8458 15.8404 18 15.3717 18H12.5503C12.0816 18 11.6943 17.8458 11.3883 17.5374C11.0822 17.2289 10.9292 16.8404 10.9292 16.3717V14.543C10.9292 14.0744 11.0833 13.6858 11.3914 13.3774C11.6994 13.069 12.0876 12.9148 12.5557 12.9148H13.1593V11.0606C13.1593 10.9864 13.1355 10.9255 13.0878 10.8777C13.0402 10.83 12.9793 10.8062 12.9052 10.8062H7.09485C7.02072 10.8062 6.95982 10.83 6.91216 10.8777C6.86451 10.9255 6.84068 10.9864 6.84068 11.0606V12.9148H7.4477C7.91771 12.9148 8.30573 13.069 8.61174 13.3774C8.91776 13.6858 9.07077 14.0744 9.07077 14.543V16.3717C9.07077 16.8404 8.91655 17.2289 8.60811 17.5374C8.29967 17.8458 7.91113 18 7.44249 18H4.62103C4.15238 18 3.76505 17.8458 3.45903 17.5374C3.15301 17.2289 3 16.8404 3 16.3717Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const OrganizationIcon = 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 16.3717V14.543C3 14.0744 3.15404 13.6858 3.46213 13.3774C3.77021 13.069 4.15833 12.9148 4.62648 12.9148H5.23009V11.0606C5.23009 10.5284 5.40797 10.0842 5.76371 9.72802C6.11945 9.37188 6.56316 9.19382 7.09485 9.19382H9.19471V7.08524H8.5911C8.12294 7.08524 7.73482 6.93103 7.42674 6.62261C7.11866 6.31418 6.96461 5.92563 6.96461 5.45696V3.62828C6.96461 3.15961 7.11883 2.77106 7.42728 2.46264C7.73572 2.15421 8.12426 2 8.59289 2H11.4144C11.883 2 12.2703 2.15421 12.5764 2.46264C12.8824 2.77106 13.0354 3.15961 13.0354 3.62828V5.45696C13.0354 5.92563 12.8813 6.31418 12.5733 6.62261C12.2652 6.93103 11.8771 7.08524 11.4089 7.08524H10.8053V9.19382H12.9052C13.4368 9.19382 13.8806 9.37188 14.2363 9.72802C14.592 10.0842 14.7699 10.5284 14.7699 11.0606V12.9148H15.3769C15.8469 12.9148 16.235 13.069 16.541 13.3774C16.847 13.6858 17 14.0744 17 14.543V16.3717C17 16.8404 16.8458 17.2289 16.5373 17.5374C16.2289 17.8458 15.8404 18 15.3717 18H12.5503C12.0816 18 11.6943 17.8458 11.3883 17.5374C11.0822 17.2289 10.9292 16.8404 10.9292 16.3717V14.543C10.9292 14.0744 11.0833 13.6858 11.3914 13.3774C11.6994 13.069 12.0876 12.9148 12.5557 12.9148H13.1593V11.0606C13.1593 10.9864 13.1355 10.9255 13.0878 10.8777C13.0402 10.83 12.9793 10.8062 12.9052 10.8062H7.09485C7.02072 10.8062 6.95982 10.83 6.91216 10.8777C6.86451 10.9255 6.84068 10.9864 6.84068 11.0606V12.9148H7.4477C7.91771 12.9148 8.30573 13.069 8.61174 13.3774C8.91776 13.6858 9.07077 14.0744 9.07077 14.543V16.3717C9.07077 16.8404 8.91655 17.2289 8.60811 17.5374C8.29967 17.8458 7.91113 18 7.44249 18H4.62103C4.15238 18 3.76505 17.8458 3.45903 17.5374C3.15301 17.2289 3 16.8404 3 16.3717Z",
+    fill: "currentColor"
+  }
+) }) }));
+OrganizationIcon.displayName = "OrganizationIcon";
 
 export { OrganizationIcon };

package/dist/vanilla/src/icons/PageFirstIcon.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 PageFirstIcon(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.5105 14.4348L9.80374 10.7147C9.70133 10.612 9.62788 10.5013 9.58341 10.3828C9.53893 10.2643 9.51669 10.1431 9.51669 10.0192C9.51669 9.89534 9.53893 9.77449 9.58341 9.65667C9.62788 9.53885 9.70133 9.42855 9.80374 9.32578L13.5105 5.60575C13.6812 5.43445 13.8834 5.3488 14.1171 5.3488C14.3509 5.3488 14.5531 5.43445 14.7238 5.60575C14.8945 5.77703 14.9798 5.97997 14.9798 6.21457C14.9798 6.44918 14.8945 6.65212 14.7238 6.8234L11.5384 10.0203L14.7238 13.2171C14.9079 13.4019 15 13.6048 15 13.8259C15 14.047 14.9079 14.25 14.7238 14.4348C14.5397 14.6196 14.3375 14.712 14.1171 14.712C13.8968 14.712 13.6946 14.6196 13.5105 14.4348ZM5.86706 15C5.62829 15 5.42409 14.9148 5.25445 14.7445C5.08482 14.5741 5 14.3691 5 14.1296V5.87044C5 5.6309 5.08491 5.42594 5.25472 5.25556C5.42454 5.0852 5.62883 5.00002 5.86758 5.00002C6.10635 5.00002 6.31055 5.0852 6.48019 5.25556C6.64982 5.42594 6.73464 5.6309 6.73464 5.87044V14.1296C6.73464 14.3691 6.64974 14.5741 6.47993 14.7445C6.3101 14.9148 6.10581 15 5.86706 15Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PageFirstIcon = 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.5105 14.4348L9.80374 10.7147C9.70133 10.612 9.62788 10.5013 9.58341 10.3828C9.53893 10.2643 9.51669 10.1431 9.51669 10.0192C9.51669 9.89534 9.53893 9.77449 9.58341 9.65667C9.62788 9.53885 9.70133 9.42855 9.80374 9.32578L13.5105 5.60575C13.6812 5.43445 13.8834 5.3488 14.1171 5.3488C14.3509 5.3488 14.5531 5.43445 14.7238 5.60575C14.8945 5.77703 14.9798 5.97997 14.9798 6.21457C14.9798 6.44918 14.8945 6.65212 14.7238 6.8234L11.5384 10.0203L14.7238 13.2171C14.9079 13.4019 15 13.6048 15 13.8259C15 14.047 14.9079 14.25 14.7238 14.4348C14.5397 14.6196 14.3375 14.712 14.1171 14.712C13.8968 14.712 13.6946 14.6196 13.5105 14.4348ZM5.86706 15C5.62829 15 5.42409 14.9148 5.25445 14.7445C5.08482 14.5741 5 14.3691 5 14.1296V5.87044C5 5.6309 5.08491 5.42594 5.25472 5.25556C5.42454 5.0852 5.62883 5.00002 5.86758 5.00002C6.10635 5.00002 6.31055 5.0852 6.48019 5.25556C6.64982 5.42594 6.73464 5.6309 6.73464 5.87044V14.1296C6.73464 14.3691 6.64974 14.5741 6.47993 14.7445C6.3101 14.9148 6.10581 15 5.86706 15Z",
+    fill: "currentColor"
+  }
+) }) }));
+PageFirstIcon.displayName = "PageFirstIcon";
 
 export { PageFirstIcon };

package/dist/vanilla/src/icons/PageLastIcon.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 PageLastIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M6.48951 14.4348L10.1963 10.7147C10.2987 10.612 10.3721 10.5013 10.4166 10.3828C10.4611 10.2643 10.4833 10.1431 10.4833 10.0192C10.4833 9.89532 10.4611 9.77447 10.4166 9.65666C10.3721 9.53883 10.2987 9.42853 10.1963 9.32577L6.48951 5.60573C6.31884 5.43444 6.11662 5.34879 5.88285 5.34879C5.64909 5.34879 5.44687 5.43444 5.2762 5.60573C5.10551 5.77701 5.02017 5.97996 5.02017 6.21456C5.02017 6.44916 5.10551 6.6521 5.2762 6.82339L8.46162 10.0202L5.2762 13.2171C5.09207 13.4019 5 13.6048 5 13.8259C5 14.047 5.09207 14.25 5.2762 14.4348C5.46032 14.6195 5.66253 14.7119 5.88285 14.7119C6.10317 14.7119 6.30539 14.6195 6.48951 14.4348ZM14.1329 15C14.3717 15 14.5759 14.9148 14.7455 14.7445C14.9152 14.5741 15 14.3691 15 14.1296V5.87043C15 5.63089 14.9151 5.42593 14.7453 5.25555C14.5755 5.08518 14.3712 5 14.1324 5C13.8936 5 13.6894 5.08518 13.5198 5.25555C13.3502 5.42593 13.2654 5.63089 13.2654 5.87043V14.1296C13.2654 14.3691 13.3503 14.5741 13.5201 14.7445C13.6899 14.9148 13.8942 15 14.1329 15Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PageLastIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M6.48951 14.4348L10.1963 10.7147C10.2987 10.612 10.3721 10.5013 10.4166 10.3828C10.4611 10.2643 10.4833 10.1431 10.4833 10.0192C10.4833 9.89532 10.4611 9.77447 10.4166 9.65666C10.3721 9.53883 10.2987 9.42853 10.1963 9.32577L6.48951 5.60573C6.31884 5.43444 6.11662 5.34879 5.88285 5.34879C5.64909 5.34879 5.44687 5.43444 5.2762 5.60573C5.10551 5.77701 5.02017 5.97996 5.02017 6.21456C5.02017 6.44916 5.10551 6.6521 5.2762 6.82339L8.46162 10.0202L5.2762 13.2171C5.09207 13.4019 5 13.6048 5 13.8259C5 14.047 5.09207 14.25 5.2762 14.4348C5.46032 14.6195 5.66253 14.7119 5.88285 14.7119C6.10317 14.7119 6.30539 14.6195 6.48951 14.4348ZM14.1329 15C14.3717 15 14.5759 14.9148 14.7455 14.7445C14.9152 14.5741 15 14.3691 15 14.1296V5.87043C15 5.63089 14.9151 5.42593 14.7453 5.25555C14.5755 5.08518 14.3712 5 14.1324 5C13.8936 5 13.6894 5.08518 13.5198 5.25555C13.3502 5.42593 13.2654 5.63089 13.2654 5.87043V14.1296C13.2654 14.3691 13.3503 14.5741 13.5201 14.7445C13.6899 14.9148 13.8942 15 14.1329 15Z",
+    fill: "currentColor"
+  }
+) }) }));
+PageLastIcon.displayName = "PageLastIcon";
 
 export { PageLastIcon };

package/dist/vanilla/src/icons/PairIcon.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 PairIcon(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.82211 18C3.31456 18 2.88399 17.8237 2.5304 17.4712C2.1768 17.1186 2 16.6893 2 16.1832V9.75782C2 9.25175 2.1768 8.82243 2.5304 8.46986C2.88399 8.1173 3.31456 7.94101 3.82211 7.94101H4.96596V3.8168C4.96596 3.31074 5.14276 2.88142 5.49636 2.52884C5.84995 2.17628 6.28052 2 6.78807 2H16.1779C16.6854 2 17.116 2.17628 17.4696 2.52884C17.8232 2.88142 18 3.31074 18 3.8168V10.2422C18 10.7482 17.8232 11.1776 17.4696 11.5301C17.116 11.8827 16.6854 12.059 16.1779 12.059H15.034V16.1832C15.034 16.6893 14.8572 17.1186 14.5036 17.4712C14.1501 17.8237 13.7195 18 13.2119 18H3.82211ZM3.82211 16.4308H13.2119C13.274 16.4308 13.3309 16.405 13.3827 16.3534C13.4344 16.3019 13.4603 16.2451 13.4603 16.1832V11.4818H3.57375V16.1832C3.57375 16.2451 3.59962 16.3019 3.65135 16.3534C3.7031 16.405 3.76002 16.4308 3.82211 16.4308ZM15.034 10.4898H16.1779C16.24 10.4898 16.2969 10.464 16.3486 10.4124C16.4004 10.3608 16.4262 10.3041 16.4262 10.2422V5.54074H6.53971V7.94101H13.5146C13.9317 7.94101 14.2892 8.08955 14.5871 8.38663C14.8851 8.68371 15.034 9.03686 15.034 9.44609V10.4898Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PairIcon = 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.82211 18C3.31456 18 2.88399 17.8237 2.5304 17.4712C2.1768 17.1186 2 16.6893 2 16.1832V9.75782C2 9.25175 2.1768 8.82243 2.5304 8.46986C2.88399 8.1173 3.31456 7.94101 3.82211 7.94101H4.96596V3.8168C4.96596 3.31074 5.14276 2.88142 5.49636 2.52884C5.84995 2.17628 6.28052 2 6.78807 2H16.1779C16.6854 2 17.116 2.17628 17.4696 2.52884C17.8232 2.88142 18 3.31074 18 3.8168V10.2422C18 10.7482 17.8232 11.1776 17.4696 11.5301C17.116 11.8827 16.6854 12.059 16.1779 12.059H15.034V16.1832C15.034 16.6893 14.8572 17.1186 14.5036 17.4712C14.1501 17.8237 13.7195 18 13.2119 18H3.82211ZM3.82211 16.4308H13.2119C13.274 16.4308 13.3309 16.405 13.3827 16.3534C13.4344 16.3019 13.4603 16.2451 13.4603 16.1832V11.4818H3.57375V16.1832C3.57375 16.2451 3.59962 16.3019 3.65135 16.3534C3.7031 16.405 3.76002 16.4308 3.82211 16.4308ZM15.034 10.4898H16.1779C16.24 10.4898 16.2969 10.464 16.3486 10.4124C16.4004 10.3608 16.4262 10.3041 16.4262 10.2422V5.54074H6.53971V7.94101H13.5146C13.9317 7.94101 14.2892 8.08955 14.5871 8.38663C14.8851 8.68371 15.034 9.03686 15.034 9.44609V10.4898Z",
+    fill: "currentColor"
+  }
+) }) }));
+PairIcon.displayName = "PairIcon";
 
 export { PairIcon };

package/dist/vanilla/src/icons/PauseIcon.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 PauseIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M12.8598 15.5C12.4103 15.5 12.0335 15.3437 11.7293 15.031C11.4252 14.7183 11.2731 14.331 11.2731 13.869V6.13102C11.2731 5.66904 11.4252 5.28172 11.7293 4.96904C12.0335 4.65635 12.4103 4.5 12.8598 4.5H13.4133C13.8627 4.5 14.2395 4.65635 14.5437 4.96904C14.8479 5.28172 15 5.66904 15 6.13102V13.869C15 14.331 14.8479 14.7183 14.5437 15.031C14.2395 15.3437 13.8627 15.5 13.4133 15.5H12.8598ZM6.58668 15.5C6.13726 15.5 5.76046 15.3437 5.45627 15.031C5.15209 14.7183 5 14.331 5 13.869V6.13102C5 5.66904 5.15209 5.28172 5.45627 4.96904C5.76046 4.65635 6.13726 4.5 6.58668 4.5H7.14023C7.58965 4.5 7.96646 4.65635 8.27066 4.96904C8.57484 5.28172 8.72693 5.66904 8.72693 6.13102V13.869C8.72693 14.331 8.57484 14.7183 8.27066 15.031C7.96646 15.3437 7.58965 15.5 7.14023 15.5H6.58668Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PauseIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M12.8598 15.5C12.4103 15.5 12.0335 15.3437 11.7293 15.031C11.4252 14.7183 11.2731 14.331 11.2731 13.869V6.13102C11.2731 5.66904 11.4252 5.28172 11.7293 4.96904C12.0335 4.65635 12.4103 4.5 12.8598 4.5H13.4133C13.8627 4.5 14.2395 4.65635 14.5437 4.96904C14.8479 5.28172 15 5.66904 15 6.13102V13.869C15 14.331 14.8479 14.7183 14.5437 15.031C14.2395 15.3437 13.8627 15.5 13.4133 15.5H12.8598ZM6.58668 15.5C6.13726 15.5 5.76046 15.3437 5.45627 15.031C5.15209 14.7183 5 14.331 5 13.869V6.13102C5 5.66904 5.15209 5.28172 5.45627 4.96904C5.76046 4.65635 6.13726 4.5 6.58668 4.5H7.14023C7.58965 4.5 7.96646 4.65635 8.27066 4.96904C8.57484 5.28172 8.72693 5.66904 8.72693 6.13102V13.869C8.72693 14.331 8.57484 14.7183 8.27066 15.031C7.96646 15.3437 7.58965 15.5 7.14023 15.5H6.58668Z",
+    fill: "currentColor"
+  }
+) }) }));
+PauseIcon.displayName = "PauseIcon";
 
 export { PauseIcon };

package/dist/vanilla/src/icons/PendingIcon.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 PendingIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10.8544 9.64749V6.87376C10.8544 6.644 10.7726 6.4474 10.6091 6.28397C10.4457 6.12054 10.249 6.03883 10.0192 6.03883C9.78931 6.03883 9.59274 6.12054 9.42944 6.28397C9.26613 6.4474 9.18448 6.644 9.18448 6.87376V9.96266C9.18448 10.0929 9.20788 10.2148 9.25468 10.3283C9.30147 10.4417 9.37417 10.5459 9.47276 10.6408L11.997 13.1651C12.1564 13.3244 12.3465 13.4085 12.5676 13.4175C12.7887 13.4264 12.9878 13.3423 13.1651 13.1651C13.3294 13.0008 13.4147 12.8061 13.4212 12.5811C13.4277 12.356 13.3488 12.1613 13.1845 11.997L10.8544 9.64749ZM10.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 PendingIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10.8544 9.64749V6.87376C10.8544 6.644 10.7726 6.4474 10.6091 6.28397C10.4457 6.12054 10.249 6.03883 10.0192 6.03883C9.78931 6.03883 9.59274 6.12054 9.42944 6.28397C9.26613 6.4474 9.18448 6.644 9.18448 6.87376V9.96266C9.18448 10.0929 9.20788 10.2148 9.25468 10.3283C9.30147 10.4417 9.37417 10.5459 9.47276 10.6408L11.997 13.1651C12.1564 13.3244 12.3465 13.4085 12.5676 13.4175C12.7887 13.4264 12.9878 13.3423 13.1651 13.1651C13.3294 13.0008 13.4147 12.8061 13.4212 12.5811C13.4277 12.356 13.3488 12.1613 13.1845 11.997L10.8544 9.64749ZM10.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"
+  }
+) }) }));
+PendingIcon.displayName = "PendingIcon";
 
 export { PendingIcon };

package/dist/vanilla/src/icons/PlayIcon.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 PlayIcon(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.15557 15.3068C6.79757 15.5456 6.43215 15.563 6.05929 15.359C5.68643 15.1549 5.5 14.8366 5.5 14.404V5.59596C5.5 5.16344 5.68643 4.84513 6.05929 4.64104C6.43215 4.43696 6.79757 4.45435 7.15557 4.69323L13.9991 9.08336C14.333 9.29208 14.5 9.59763 14.5 10C14.5 10.4024 14.333 10.7079 13.9991 10.9166L7.15557 15.3068Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PlayIcon = 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.15557 15.3068C6.79757 15.5456 6.43215 15.563 6.05929 15.359C5.68643 15.1549 5.5 14.8366 5.5 14.404V5.59596C5.5 5.16344 5.68643 4.84513 6.05929 4.64104C6.43215 4.43696 6.79757 4.45435 7.15557 4.69323L13.9991 9.08336C14.333 9.29208 14.5 9.59763 14.5 10C14.5 10.4024 14.333 10.7079 13.9991 10.9166L7.15557 15.3068Z",
+    fill: "currentColor"
+  }
+) }) }));
+PlayIcon.displayName = "PlayIcon";
 
 export { PlayIcon };

package/dist/vanilla/src/icons/PlaycountIcon.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 PlaycountIcon(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.6683 8.97759C13.8722 8.8434 13.9742 8.65806 13.9742 8.42156C13.9742 8.18506 13.8722 7.99884 13.6683 7.86287L10.2864 5.66693C10.0629 5.51886 9.83516 5.51281 9.60328 5.64877C9.37139 5.78473 9.25544 5.98263 9.25544 6.24246V10.598C9.25544 10.8578 9.37139 11.0557 9.60328 11.1917C9.83516 11.3277 10.0629 11.3216 10.2864 11.1735L13.6683 8.97759ZM7.29977 14.4856C6.803 14.4856 6.38127 14.3123 6.03457 13.9656C5.68787 13.6189 5.51452 13.1971 5.51452 12.7004V4.28538C5.51452 3.78861 5.68787 3.36688 6.03457 3.02019C6.38127 2.67348 6.803 2.50012 7.29977 2.50012H15.7148C16.2115 2.50012 16.6332 2.67348 16.9799 3.02019C17.3266 3.36688 17.5 3.78861 17.5 4.28538V12.7004C17.5 13.1971 17.3266 13.6189 16.9799 13.9656C16.6332 14.3123 16.2115 14.4856 15.7148 14.4856H7.29977ZM4.28524 17.5001C3.78849 17.5001 3.36675 17.3268 3.02004 16.9801C2.67335 16.6334 2.5 16.2116 2.5 15.7149V6.51903C2.5 6.30391 2.57636 6.11999 2.72909 5.96726C2.88181 5.81454 3.06574 5.73818 3.28086 5.73818C3.49598 5.73818 3.67991 5.81454 3.83265 5.96726C3.98537 6.11999 4.06173 6.30391 4.06173 6.51903V15.7149C4.06173 15.7708 4.08501 15.822 4.13158 15.8685C4.17815 15.9151 4.22937 15.9384 4.28524 15.9384H13.4811C13.6962 15.9384 13.8801 16.0148 14.0329 16.1675C14.1856 16.3202 14.262 16.5041 14.262 16.7193C14.262 16.9344 14.1856 17.1183 14.0329 17.271C13.8801 17.4238 13.6962 17.5001 13.4811 17.5001H4.28524Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PlaycountIcon = 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.6683 8.97759C13.8722 8.8434 13.9742 8.65806 13.9742 8.42156C13.9742 8.18506 13.8722 7.99884 13.6683 7.86287L10.2864 5.66693C10.0629 5.51886 9.83516 5.51281 9.60328 5.64877C9.37139 5.78473 9.25544 5.98263 9.25544 6.24246V10.598C9.25544 10.8578 9.37139 11.0557 9.60328 11.1917C9.83516 11.3277 10.0629 11.3216 10.2864 11.1735L13.6683 8.97759ZM7.29977 14.4856C6.803 14.4856 6.38127 14.3123 6.03457 13.9656C5.68787 13.6189 5.51452 13.1971 5.51452 12.7004V4.28538C5.51452 3.78861 5.68787 3.36688 6.03457 3.02019C6.38127 2.67348 6.803 2.50012 7.29977 2.50012H15.7148C16.2115 2.50012 16.6332 2.67348 16.9799 3.02019C17.3266 3.36688 17.5 3.78861 17.5 4.28538V12.7004C17.5 13.1971 17.3266 13.6189 16.9799 13.9656C16.6332 14.3123 16.2115 14.4856 15.7148 14.4856H7.29977ZM4.28524 17.5001C3.78849 17.5001 3.36675 17.3268 3.02004 16.9801C2.67335 16.6334 2.5 16.2116 2.5 15.7149V6.51903C2.5 6.30391 2.57636 6.11999 2.72909 5.96726C2.88181 5.81454 3.06574 5.73818 3.28086 5.73818C3.49598 5.73818 3.67991 5.81454 3.83265 5.96726C3.98537 6.11999 4.06173 6.30391 4.06173 6.51903V15.7149C4.06173 15.7708 4.08501 15.822 4.13158 15.8685C4.17815 15.9151 4.22937 15.9384 4.28524 15.9384H13.4811C13.6962 15.9384 13.8801 16.0148 14.0329 16.1675C14.1856 16.3202 14.262 16.5041 14.262 16.7193C14.262 16.9344 14.1856 17.1183 14.0329 17.271C13.8801 17.4238 13.6962 17.5001 13.4811 17.5001H4.28524Z",
+    fill: "currentColor"
+  }
+) }) }));
+PlaycountIcon.displayName = "PlaycountIcon";
 
 export { PlaycountIcon };

package/dist/vanilla/src/icons/PlusIcon.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 PlusIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M9.99973 16C9.75052 16 9.53739 15.9114 9.36033 15.7342C9.18328 15.557 9.09475 15.3439 9.09475 15.0948V10.9052H4.90525C4.65612 10.9052 4.44297 10.8166 4.26579 10.6394C4.0886 10.4621 4 10.2489 4 9.99973C4 9.75052 4.0886 9.53739 4.26579 9.36033C4.44297 9.18328 4.65612 9.09475 4.90525 9.09475H9.09475V4.90525C9.09475 4.65612 9.18337 4.44296 9.36061 4.26577C9.53786 4.08859 9.75108 4 10.0003 4C10.2495 4 10.4626 4.08859 10.6397 4.26577C10.8167 4.44296 10.9052 4.65612 10.9052 4.90525V9.09475H15.0948C15.3439 9.09475 15.557 9.18337 15.7342 9.36061C15.9114 9.53786 16 9.75108 16 10.0003C16 10.2495 15.9114 10.4626 15.7342 10.6397C15.557 10.8167 15.3439 10.9052 15.0948 10.9052H10.9052V15.0948C10.9052 15.3439 10.8166 15.557 10.6394 15.7342C10.4621 15.9114 10.2489 16 9.99973 16Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PlusIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M9.99973 16C9.75052 16 9.53739 15.9114 9.36033 15.7342C9.18328 15.557 9.09475 15.3439 9.09475 15.0948V10.9052H4.90525C4.65612 10.9052 4.44297 10.8166 4.26579 10.6394C4.0886 10.4621 4 10.2489 4 9.99973C4 9.75052 4.0886 9.53739 4.26579 9.36033C4.44297 9.18328 4.65612 9.09475 4.90525 9.09475H9.09475V4.90525C9.09475 4.65612 9.18337 4.44296 9.36061 4.26577C9.53786 4.08859 9.75108 4 10.0003 4C10.2495 4 10.4626 4.08859 10.6397 4.26577C10.8167 4.44296 10.9052 4.65612 10.9052 4.90525V9.09475H15.0948C15.3439 9.09475 15.557 9.18337 15.7342 9.36061C15.9114 9.53786 16 9.75108 16 10.0003C16 10.2495 15.9114 10.4626 15.7342 10.6397C15.557 10.8167 15.3439 10.9052 15.0948 10.9052H10.9052V15.0948C10.9052 15.3439 10.8166 15.557 10.6394 15.7342C10.4621 15.9114 10.2489 16 9.99973 16Z",
+    fill: "currentColor"
+  }
+) }) }));
+PlusIcon.displayName = "PlusIcon";
 
 export { PlusIcon };

package/dist/vanilla/src/icons/PolicyIcon.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 PolicyIcon(props) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, size: "4", ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10.501 18C10.4042 18 10.2951 17.9915 10.1739 17.9744C10.0528 17.9573 9.93432 17.9316 9.81861 17.8974C7.89143 17.2274 6.43987 16.0851 5.46392 14.4706C4.48797 12.856 4 11.1207 4 9.26466V5.65249C4 5.26217 4.11158 4.91089 4.33475 4.59865C4.5579 4.28639 4.85348 4.06021 5.22148 3.92013L9.75169 2.13568C9.99665 2.04523 10.2461 2 10.5 2C10.7539 2 11.0033 2.04523 11.2483 2.13568L15.7785 3.92013C16.1465 4.06021 16.4421 4.28639 16.6652 4.59865C16.8884 4.91089 17 5.26217 17 5.65249V9.26555C17 10.0677 16.904 10.8579 16.7119 11.6361C16.5198 12.4143 16.2288 13.1629 15.8389 13.8821L13.3523 11.5438C13.4866 11.3115 13.5973 11.0612 13.6846 10.7928C13.7718 10.5245 13.8154 10.2547 13.8154 9.98343C13.8154 9.11788 13.493 8.38189 12.8481 7.77545C12.2031 7.16901 11.4205 6.86579 10.5 6.86579C9.57954 6.86579 8.79686 7.16901 8.15194 7.77545C7.50703 8.38189 7.18457 9.11788 7.18457 9.98343C7.18457 10.849 7.50703 11.585 8.15194 12.1914C8.79686 12.7978 9.57954 13.1011 10.5 13.1011C10.8102 13.1011 11.1027 13.069 11.3774 13.0048C11.6522 12.9406 11.9153 12.8307 12.1666 12.675L14.8255 15.2452C14.3132 15.8174 13.7684 16.3323 13.1913 16.7898C12.6141 17.2474 11.9398 17.6152 11.1685 17.8933C11.0593 17.9302 10.9449 17.9572 10.8255 17.9743C10.7061 17.9914 10.5979 18 10.501 18ZM10.4927 11.5012C10.0468 11.5012 9.6675 11.3519 9.35486 11.0534C9.04222 10.7548 8.8859 10.3958 8.8859 9.97654C8.8859 9.55724 9.04466 9.2006 9.36219 8.90661C9.67973 8.61262 10.0614 8.46562 10.5073 8.46562C10.9532 8.46562 11.3325 8.61491 11.6451 8.9135C11.9578 9.2121 12.1141 9.57104 12.1141 9.99032C12.1141 10.4096 11.9553 10.7663 11.6378 11.0602C11.3203 11.3542 10.9386 11.5012 10.4927 11.5012Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PolicyIcon = forwardRef((props, ref) => /* @__PURE__ */ jsx(Icon, { ref, ...props, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M10.501 18C10.4042 18 10.2951 17.9915 10.1739 17.9744C10.0528 17.9573 9.93432 17.9316 9.81861 17.8974C7.89143 17.2274 6.43987 16.0851 5.46392 14.4706C4.48797 12.856 4 11.1207 4 9.26466V5.65249C4 5.26217 4.11158 4.91089 4.33475 4.59865C4.5579 4.28639 4.85348 4.06021 5.22148 3.92013L9.75169 2.13568C9.99665 2.04523 10.2461 2 10.5 2C10.7539 2 11.0033 2.04523 11.2483 2.13568L15.7785 3.92013C16.1465 4.06021 16.4421 4.28639 16.6652 4.59865C16.8884 4.91089 17 5.26217 17 5.65249V9.26555C17 10.0677 16.904 10.8579 16.7119 11.6361C16.5198 12.4143 16.2288 13.1629 15.8389 13.8821L13.3523 11.5438C13.4866 11.3115 13.5973 11.0612 13.6846 10.7928C13.7718 10.5245 13.8154 10.2547 13.8154 9.98343C13.8154 9.11788 13.493 8.38189 12.8481 7.77545C12.2031 7.16901 11.4205 6.86579 10.5 6.86579C9.57954 6.86579 8.79686 7.16901 8.15194 7.77545C7.50703 8.38189 7.18457 9.11788 7.18457 9.98343C7.18457 10.849 7.50703 11.585 8.15194 12.1914C8.79686 12.7978 9.57954 13.1011 10.5 13.1011C10.8102 13.1011 11.1027 13.069 11.3774 13.0048C11.6522 12.9406 11.9153 12.8307 12.1666 12.675L14.8255 15.2452C14.3132 15.8174 13.7684 16.3323 13.1913 16.7898C12.6141 17.2474 11.9398 17.6152 11.1685 17.8933C11.0593 17.9302 10.9449 17.9572 10.8255 17.9743C10.7061 17.9914 10.5979 18 10.501 18ZM10.4927 11.5012C10.0468 11.5012 9.6675 11.3519 9.35486 11.0534C9.04222 10.7548 8.8859 10.3958 8.8859 9.97654C8.8859 9.55724 9.04466 9.2006 9.36219 8.90661C9.67973 8.61262 10.0614 8.46562 10.5073 8.46562C10.9532 8.46562 11.3325 8.61491 11.6451 8.9135C11.9578 9.2121 12.1141 9.57104 12.1141 9.99032C12.1141 10.4096 11.9553 10.7663 11.6378 11.0602C11.3203 11.3542 10.9386 11.5012 10.4927 11.5012Z",
+    fill: "currentColor"
+  }
+) }) }));
+PolicyIcon.displayName = "PolicyIcon";
 
 export { PolicyIcon };

package/dist/vanilla/src/icons/PreviousIcon.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 PreviousIcon(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.94402 15C5.2038 15 5.42598 14.9159 5.61058 14.7478C5.79515 14.5797 5.88744 14.3774 5.88744 14.1411V5.85895C5.88744 5.62257 5.79505 5.42032 5.61027 5.25219C5.42549 5.08406 5.20321 5 4.94342 5C4.68364 5 4.46146 5.08406 4.27686 5.25219C4.09229 5.42032 4 5.62257 4 5.85895V14.1411C4 14.3774 4.09239 14.5797 4.27717 14.7478C4.46195 14.9159 4.68423 15 4.94402 15ZM14.3489 13.9981C14.7012 14.2092 15.0644 14.2291 15.4387 14.0581C15.8129 13.887 16 13.6038 16 13.2084V6.79165C16 6.39428 15.8129 6.10927 15.4387 5.93661C15.0644 5.76396 14.7012 5.7857 14.3489 6.00185L9.0546 9.20252C8.74621 9.38748 8.59202 9.65344 8.59202 10.0004C8.59202 10.3474 8.74621 10.6131 9.0546 10.7975L14.3489 13.9981Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PreviousIcon = 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.94402 15C5.2038 15 5.42598 14.9159 5.61058 14.7478C5.79515 14.5797 5.88744 14.3774 5.88744 14.1411V5.85895C5.88744 5.62257 5.79505 5.42032 5.61027 5.25219C5.42549 5.08406 5.20321 5 4.94342 5C4.68364 5 4.46146 5.08406 4.27686 5.25219C4.09229 5.42032 4 5.62257 4 5.85895V14.1411C4 14.3774 4.09239 14.5797 4.27717 14.7478C4.46195 14.9159 4.68423 15 4.94402 15ZM14.3489 13.9981C14.7012 14.2092 15.0644 14.2291 15.4387 14.0581C15.8129 13.887 16 13.6038 16 13.2084V6.79165C16 6.39428 15.8129 6.10927 15.4387 5.93661C15.0644 5.76396 14.7012 5.7857 14.3489 6.00185L9.0546 9.20252C8.74621 9.38748 8.59202 9.65344 8.59202 10.0004C8.59202 10.3474 8.74621 10.6131 9.0546 10.7975L14.3489 13.9981Z",
+    fill: "currentColor"
+  }
+) }) }));
+PreviousIcon.displayName = "PreviousIcon";
 
 export { PreviousIcon };

package/dist/vanilla/src/icons/PublicPerformanceIcon.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 PublicPerformanceIcon(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.48233 7.08197L2.12612 6.45008C2.04204 6.40949 2 6.33991 2 6.24134C2 6.14277 2.04204 6.07319 2.12612 6.0326L3.48233 5.40071L4.10009 4.01341C4.13976 3.92741 4.20777 3.8844 4.30413 3.8844C4.4005 3.8844 4.46852 3.92741 4.50819 4.01341L5.12594 5.40071L6.48216 6.0326C6.56624 6.07319 6.60827 6.14277 6.60827 6.24134C6.60827 6.33991 6.56624 6.40949 6.48216 6.45008L5.12594 7.08197L4.50819 8.46927C4.46852 8.55528 4.4005 8.59828 4.30413 8.59828C4.20777 8.59828 4.13976 8.55528 4.10009 8.46927L3.48233 7.08197ZM13.977 4.20473L13.131 3.81915C13.0469 3.77437 13.0049 3.70238 13.0049 3.60318C13.0049 3.50397 13.0469 3.43198 13.131 3.3872L13.977 3.00162L14.3539 2.12901C14.3977 2.043 14.4681 2 14.5651 2C14.662 2 14.7324 2.043 14.7762 2.12901L15.1602 3.00162L16.0062 3.3872C16.0903 3.43198 16.1323 3.50397 16.1323 3.60318C16.1323 3.70238 16.0903 3.77437 16.0062 3.81915L15.1602 4.20473L14.7762 5.07734C14.7324 5.16335 14.662 5.20635 14.5651 5.20635C14.4681 5.20635 14.3977 5.16335 14.3539 5.07734L13.977 4.20473ZM15.8517 8.35042L14.9987 7.96483C14.9146 7.92006 14.8725 7.84807 14.8725 7.74886C14.8725 7.64966 14.9146 7.57766 14.9987 7.53289L15.8517 7.14731L16.2287 6.27469C16.2724 6.18869 16.3428 6.14569 16.4398 6.14569C16.5368 6.14569 16.6072 6.18869 16.651 6.27469L17.0279 7.14731L17.8739 7.53289C17.958 7.57766 18 7.64966 18 7.74886C18 7.84807 17.958 7.92006 17.8739 7.96483L17.0279 8.35042L16.651 9.22303C16.6072 9.30904 16.5368 9.35204 16.4398 9.35204C16.3428 9.35204 16.2724 9.30904 16.2287 9.22303L15.8517 8.35042ZM9.99863 12.2714C9.3718 12.2714 8.84015 12.0487 8.40369 11.6033C7.96724 11.1579 7.74901 10.6143 7.74901 9.97246V5.4122C7.74901 4.77039 7.96652 4.22677 8.40153 3.78136C8.83653 3.33595 9.36745 3.11325 9.99428 3.11325C10.6211 3.11325 11.1528 3.33595 11.5892 3.78136C12.0257 4.22677 12.2439 4.77039 12.2439 5.4122V9.97246C12.2439 10.6143 12.0264 11.1579 11.5914 11.6033C11.1564 12.0487 10.6255 12.2714 9.99863 12.2714ZM9.97803 18C9.75981 18 9.57323 17.9208 9.4183 17.7623C9.26338 17.6038 9.18591 17.413 9.18591 17.1897V15.5937C8.05982 15.4498 7.03647 14.9446 6.11584 14.0783C5.19523 13.2119 4.67021 12.1878 4.54079 11.006C4.49355 10.7074 4.53393 10.4605 4.66194 10.2653C4.78994 10.0701 5.01738 9.97246 5.34424 9.97246C5.51665 9.97246 5.67075 10.0353 5.80656 10.1609C5.94235 10.2865 6.03623 10.4532 6.08819 10.661C6.2469 11.6167 6.69127 12.413 7.42129 13.0498C8.15131 13.6867 9.0097 14.0051 9.99645 14.0051C10.9832 14.0051 11.8416 13.6867 12.5716 13.0498C13.3016 12.413 13.746 11.6167 13.9047 10.661C13.9567 10.4532 14.0497 10.2865 14.1839 10.1609C14.318 10.0353 14.4767 9.97246 14.66 9.97246C14.9547 9.97246 15.1753 10.0763 15.3218 10.2841C15.4682 10.4919 15.5116 10.7388 15.4521 11.0248C15.249 12.2192 14.7179 13.2402 13.8586 14.0877C12.9994 14.9352 11.9699 15.4372 10.7702 15.5937V17.1897C10.7702 17.413 10.6927 17.6038 10.5378 17.7623C10.3828 17.9208 10.1963 18 9.97803 18Z",
-      fill: "currentColor"
-    }
-  ) }) });
-}
+const PublicPerformanceIcon = 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.48233 7.08197L2.12612 6.45008C2.04204 6.40949 2 6.33991 2 6.24134C2 6.14277 2.04204 6.07319 2.12612 6.0326L3.48233 5.40071L4.10009 4.01341C4.13976 3.92741 4.20777 3.8844 4.30413 3.8844C4.4005 3.8844 4.46852 3.92741 4.50819 4.01341L5.12594 5.40071L6.48216 6.0326C6.56624 6.07319 6.60827 6.14277 6.60827 6.24134C6.60827 6.33991 6.56624 6.40949 6.48216 6.45008L5.12594 7.08197L4.50819 8.46927C4.46852 8.55528 4.4005 8.59828 4.30413 8.59828C4.20777 8.59828 4.13976 8.55528 4.10009 8.46927L3.48233 7.08197ZM13.977 4.20473L13.131 3.81915C13.0469 3.77437 13.0049 3.70238 13.0049 3.60318C13.0049 3.50397 13.0469 3.43198 13.131 3.3872L13.977 3.00162L14.3539 2.12901C14.3977 2.043 14.4681 2 14.5651 2C14.662 2 14.7324 2.043 14.7762 2.12901L15.1602 3.00162L16.0062 3.3872C16.0903 3.43198 16.1323 3.50397 16.1323 3.60318C16.1323 3.70238 16.0903 3.77437 16.0062 3.81915L15.1602 4.20473L14.7762 5.07734C14.7324 5.16335 14.662 5.20635 14.5651 5.20635C14.4681 5.20635 14.3977 5.16335 14.3539 5.07734L13.977 4.20473ZM15.8517 8.35042L14.9987 7.96483C14.9146 7.92006 14.8725 7.84807 14.8725 7.74886C14.8725 7.64966 14.9146 7.57766 14.9987 7.53289L15.8517 7.14731L16.2287 6.27469C16.2724 6.18869 16.3428 6.14569 16.4398 6.14569C16.5368 6.14569 16.6072 6.18869 16.651 6.27469L17.0279 7.14731L17.8739 7.53289C17.958 7.57766 18 7.64966 18 7.74886C18 7.84807 17.958 7.92006 17.8739 7.96483L17.0279 8.35042L16.651 9.22303C16.6072 9.30904 16.5368 9.35204 16.4398 9.35204C16.3428 9.35204 16.2724 9.30904 16.2287 9.22303L15.8517 8.35042ZM9.99863 12.2714C9.3718 12.2714 8.84015 12.0487 8.40369 11.6033C7.96724 11.1579 7.74901 10.6143 7.74901 9.97246V5.4122C7.74901 4.77039 7.96652 4.22677 8.40153 3.78136C8.83653 3.33595 9.36745 3.11325 9.99428 3.11325C10.6211 3.11325 11.1528 3.33595 11.5892 3.78136C12.0257 4.22677 12.2439 4.77039 12.2439 5.4122V9.97246C12.2439 10.6143 12.0264 11.1579 11.5914 11.6033C11.1564 12.0487 10.6255 12.2714 9.99863 12.2714ZM9.97803 18C9.75981 18 9.57323 17.9208 9.4183 17.7623C9.26338 17.6038 9.18591 17.413 9.18591 17.1897V15.5937C8.05982 15.4498 7.03647 14.9446 6.11584 14.0783C5.19523 13.2119 4.67021 12.1878 4.54079 11.006C4.49355 10.7074 4.53393 10.4605 4.66194 10.2653C4.78994 10.0701 5.01738 9.97246 5.34424 9.97246C5.51665 9.97246 5.67075 10.0353 5.80656 10.1609C5.94235 10.2865 6.03623 10.4532 6.08819 10.661C6.2469 11.6167 6.69127 12.413 7.42129 13.0498C8.15131 13.6867 9.0097 14.0051 9.99645 14.0051C10.9832 14.0051 11.8416 13.6867 12.5716 13.0498C13.3016 12.413 13.746 11.6167 13.9047 10.661C13.9567 10.4532 14.0497 10.2865 14.1839 10.1609C14.318 10.0353 14.4767 9.97246 14.66 9.97246C14.9547 9.97246 15.1753 10.0763 15.3218 10.2841C15.4682 10.4919 15.5116 10.7388 15.4521 11.0248C15.249 12.2192 14.7179 13.2402 13.8586 14.0877C12.9994 14.9352 11.9699 15.4372 10.7702 15.5937V17.1897C10.7702 17.413 10.6927 17.6038 10.5378 17.7623C10.3828 17.9208 10.1963 18 9.97803 18Z",
+    fill: "currentColor"
+  }
+) }) }));
+PublicPerformanceIcon.displayName = "PublicPerformanceIcon";
 
 export { PublicPerformanceIcon };