@webstudio-is/icons 0.48.0 → 0.50.0

package/lib/text-uppercase.js

@@ -2,22 +2,28 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const TextUppercaseIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M2.33566 8.8573H5.81566M1.17566 11.85L3.65325 4.81882C3.78744 4.43799 3.85454 4.24757 3.94752 4.1885C4.02831 4.13717 4.12301 4.13717 4.2038 4.1885C4.29678 4.24757 4.36387 4.43799 4.49807 4.81882L6.97566 11.85M10.1843 8.85777H13.6643M9.02429 11.8517L11.5019 4.81764C11.6361 4.43664 11.7032 4.24615 11.7962 4.18705C11.8769 4.1357 11.9716 4.1357 12.0524 4.18705C12.1454 4.24615 12.2125 4.43664 12.3467 4.81764L14.8243 11.8517",
-        stroke: color,
-        strokeWidth: "1.3",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2.33566 8.8573H5.81566M1.17566 11.85L3.65325 4.81882C3.78744 4.43799 3.85454 4.24757 3.94752 4.1885C4.02831 4.13717 4.12301 4.13717 4.2038 4.1885C4.29678 4.24757 4.36387 4.43799 4.49807 4.81882L6.97566 11.85M10.1843 8.85777H13.6643M9.02429 11.8517L11.5019 4.81764C11.6361 4.43664 11.7032 4.24615 11.7962 4.18705C11.8769 4.1357 11.9716 4.1357 12.0524 4.18705C12.1454 4.24615 12.2125 4.43664 12.3467 4.81764L14.8243 11.8517",
+            stroke: color,
+            strokeWidth: "1.3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
   }
 );
 TextUppercaseIcon.displayName = "TextUppercaseIcon";

package/lib/trash.js

@@ -2,22 +2,28 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const TrashIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M12.2127 4.9909L11.6908 12.2986C11.6692 12.6023 11.5333 12.8865 11.3105 13.094C11.0878 13.3015 10.7946 13.4168 10.4902 13.4168H5.50923C5.20477 13.4168 4.91163 13.3015 4.68883 13.094C4.46604 12.8865 4.33015 12.6023 4.30853 12.2986L3.78673 4.9909M12.2127 4.9909H9.80525M12.2127 4.9909H12.8145M3.78673 4.9909H6.19413M3.78673 4.9909H3.18488M6.19413 4.9909H9.80525M6.19413 4.9909V3.18535C6.19413 3.02573 6.25754 2.87264 6.37041 2.75977C6.48328 2.64691 6.63637 2.5835 6.79599 2.5835H9.20339C9.36302 2.5835 9.5161 2.64691 9.62897 2.75977C9.74184 2.87264 9.80525 3.02573 9.80525 3.18535V4.9909M6.79604 7.35518V10.9663M9.20345 7.35518V10.9663",
-        stroke: color,
-        strokeWidth: "1.2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.2127 4.9909L11.6908 12.2986C11.6692 12.6023 11.5333 12.8865 11.3105 13.094C11.0878 13.3015 10.7946 13.4168 10.4902 13.4168H5.50923C5.20477 13.4168 4.91163 13.3015 4.68883 13.094C4.46604 12.8865 4.33015 12.6023 4.30853 12.2986L3.78673 4.9909M12.2127 4.9909H9.80525M12.2127 4.9909H12.8145M3.78673 4.9909H6.19413M3.78673 4.9909H3.18488M6.19413 4.9909H9.80525M6.19413 4.9909V3.18535C6.19413 3.02573 6.25754 2.87264 6.37041 2.75977C6.48328 2.64691 6.63637 2.5835 6.79599 2.5835H9.20339C9.36302 2.5835 9.5161 2.64691 9.62897 2.75977C9.74184 2.87264 9.80525 3.02573 9.80525 3.18535V4.9909M6.79604 7.35518V10.9663M9.20345 7.35518V10.9663",
+            stroke: color,
+            strokeWidth: "1.2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
   }
 );
 TrashIcon.displayName = "TrashIcon";

package/lib/undo.js

@@ -2,24 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 const UndoIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "15",
-      width: "15",
-      viewBox: "0 0 24 24",
-      fill: color,
-      ...props,
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx("path", {
-          d: "M0 0h24v24H0z",
-          fill: "none"
-        }),
-        /* @__PURE__ */ jsx("path", {
-          d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "15",
+        width: "15",
+        viewBox: "0 0 24 24",
+        fill: color,
+        ...props,
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx("path", { d: "M0 0h24v24H0z", fill: "none" }),
+          /* @__PURE__ */ jsx("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" })
+        ]
+      }
+    );
   }
 );
 UndoIcon.displayName = "UndoIcon";

package/lib/upload.js

@@ -2,18 +2,24 @@ import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 const UploadIcon = React.forwardRef(
   ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("svg", {
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M9.758 8.442a.625.625 0 10.884-.884l-.884.884zM8 5.8l.442-.442a.625.625 0 00-.884 0L8 5.8zM5.358 7.558a.625.625 0 10.884.884l-.884-.884zM7.375 10.2a.625.625 0 101.25 0h-1.25zm5.5-2.2A4.875 4.875 0 018 12.875v1.25A6.125 6.125 0 0014.125 8h-1.25zM8 12.875A4.875 4.875 0 013.125 8h-1.25A6.125 6.125 0 008 14.125v-1.25zM3.125 8A4.875 4.875 0 018 3.125v-1.25A6.125 6.125 0 001.875 8h1.25zM8 3.125A4.875 4.875 0 0112.875 8h1.25A6.125 6.125 0 008 1.875v1.25zm2.642 4.433l-2.2-2.2-.884.884 2.2 2.2.884-.884zm-3.084-2.2l-2.2 2.2.884.884 2.2-2.2-.884-.884zM8.625 10.2V5.8h-1.25v4.4h1.25z",
-        fill: color
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        ref: forwardedRef,
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.758 8.442a.625.625 0 10.884-.884l-.884.884zM8 5.8l.442-.442a.625.625 0 00-.884 0L8 5.8zM5.358 7.558a.625.625 0 10.884.884l-.884-.884zM7.375 10.2a.625.625 0 101.25 0h-1.25zm5.5-2.2A4.875 4.875 0 018 12.875v1.25A6.125 6.125 0 0014.125 8h-1.25zM8 12.875A4.875 4.875 0 013.125 8h-1.25A6.125 6.125 0 008 14.125v-1.25zM3.125 8A4.875 4.875 0 018 3.125v-1.25A6.125 6.125 0 001.875 8h1.25zM8 3.125A4.875 4.875 0 0112.875 8h1.25A6.125 6.125 0 008 1.875v1.25zm2.642 4.433l-2.2-2.2-.884.884 2.2 2.2.884-.884zm-3.084-2.2l-2.2 2.2.884.884 2.2-2.2-.884-.884zM8.625 10.2V5.8h-1.25v4.4h1.25z",
+            fill: color
+          }
+        )
+      }
+    );
   }
 );
 UploadIcon.displayName = "UploadIcon";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.48.0",
+  "version": "0.50.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -9,7 +9,7 @@
     "@storybook/react": "^6.5.16",
     "@svgo/jsx": "^0.4.2",
     "@types/react": "^17.0.24",
-    "tsx": "^3.9.0",
+    "tsx": "^3.12.6",
     "typescript": "4.9.5",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/storybook-config": "^0.0.0",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.48.0"
+    "@webstudio-is/css-vars": "^0.50.0"
   },
   "module": "./lib/index.js",
   "exports": {

package/src/__generated__/alert.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/alert.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AlertIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M9.213 2.567c.784-1.393 2.79-1.393 3.573 0l8.09 14.378C21.645 18.31 20.657 20 19.089 20H2.91c-1.568 0-2.555-1.689-1.786-3.055l8.09-14.378Zm2.266.736a.55.55 0 0 0-.959 0L2.431 17.68a.55.55 0 0 0 .48.82h16.178a.55.55 0 0 0 .48-.82l-8.09-14.377Z" clipRule="evenodd" /><path fillRule="evenodd" d="M11 7.5a.75.75 0 0 1 .75.75v3.658a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 11 7.5ZM10.1 15.583a.9.9 0 0 1 .9-.9h.009a.9.9 0 0 1 0 1.8h-.01a.9.9 0 0 1-.9-.9Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AlertIcon.displayName = "AlertIcon";

package/src/__generated__/border-radius-bottom-left.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius-bottom-left.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusBottomLeftIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M1.997 5.318a.65.65 0 0 1-.646-.654c.005-.75.026-1.353.288-1.867a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.514.262-1.118.283-1.866.288a.65.65 0 1 1-.01-1.3c.807-.006 1.092-.047 1.286-.146.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.099.194-.14.48-.146 1.285a.65.65 0 0 1-.654.646Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M1.35 10.827V8.672a.65.65 0 1 1 1.3 0V10.8c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.26.098.552.122.301.024.69.025 1.261.025h2.136a.65.65 0 1 1 0 1.3H5.173c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.163-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusBottomLeftIcon.displayName = "BorderRadiusBottomLeftIcon";

package/src/__generated__/border-radius-bottom-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius-bottom-right.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusBottomRightIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M5.318 14.003a.65.65 0 0 1-.654.646c-.75-.005-1.353-.026-1.867-.288a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029h5.653c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.262.514.283 1.118.288 1.866a.65.65 0 1 1-1.3.01c-.006-.807-.047-1.092-.146-1.286a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.194.099.48.14 1.285.146a.65.65 0 0 1 .646.654Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M10.827 14.65H8.672a.65.65 0 1 1 0-1.3H10.8c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V8.664a.65.65 0 1 1 1.3 0v2.163c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.163-.663.229-1.037.26-.36.029-.802.029-1.34.029Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusBottomRightIcon.displayName = "BorderRadiusBottomRightIcon";

package/src/__generated__/border-radius-individual.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius-individual.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusIndividualIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M5.173 1.35h.157a.65.65 0 0 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v.13a.65.65 0 0 1-1.3 0v-.157c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.036-.26.36-.029.803-.029 1.34-.029Zm6.888 1.325c-.301-.025-.69-.025-1.261-.025h-.13a.65.65 0 1 1 0-1.3h.157c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.036.029.36.029.803.029 1.34v.157a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122ZM2 10.02a.65.65 0 0 1 .65.65v.13c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.261.025h.13a.65.65 0 1 1 0 1.3h-.157c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.229-.663-.26-1.037-.029-.36-.029-.802-.029-1.34v-.156a.65.65 0 0 1 .65-.65Zm12 0a.65.65 0 0 1 .65.65v.157c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029h-.156a.65.65 0 1 1 0-1.3h.13c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.025-.301.025-.69.025-1.261v-.13a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusIndividualIcon.displayName = "BorderRadiusIndividualIcon";

package/src/__generated__/border-radius-top-left.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius-top-left.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusTopLeftIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M10.682 1.997a.65.65 0 0 1 .654-.646c.75.005 1.353.026 1.867.288.499.254.904.66 1.158 1.158.164.32.229.663.26 1.036.029.36.029.803.029 1.34v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036-.254.499-.66.904-1.158 1.158-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.262-.514-.283-1.118-.288-1.866a.65.65 0 0 1 1.3-.01c.006.806.047 1.092.146 1.286.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.194-.099-.48-.14-1.285-.146a.65.65 0 0 1-.646-.654Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M5.173 1.35h2.155a.65.65 0 1 1 0 1.3H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.024.301-.025.69-.025 1.261v2.136a.65.65 0 0 1-1.3 0V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.037-.26.36-.029.802-.029 1.34-.029Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusTopLeftIcon.displayName = "BorderRadiusTopLeftIcon";

package/src/__generated__/border-radius-top-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius-top-right.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusTopRightIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M14.003 10.682a.65.65 0 0 1 .646.654c-.005.75-.026 1.353-.288 1.867a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.029-.36-.029-.802-.029-1.34V5.174c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.514-.262 1.118-.283 1.866-.288a.65.65 0 0 1 .01 1.3c-.807.006-1.092.047-1.286.146a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.099-.194.14-.48.146-1.285a.65.65 0 0 1 .654-.646Z" clipRule="evenodd" /><path fill="#11181C" fillRule="evenodd" d="M14.65 5.173v2.155a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.024-.69-.025-1.261-.025H8.664a.65.65 0 0 1 0-1.3h2.163c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.037.029.36.029.802.029 1.34Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusTopRightIcon.displayName = "BorderRadiusTopRightIcon";

package/src/__generated__/border-radius.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-radius.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderRadiusIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M1.917 10.666a8.75 8.75 0 0 1 8.75-8.75h2.666a.75.75 0 0 1 0 1.5h-2.667a7.25 7.25 0 0 0-7.25 7.25v2.667a.75.75 0 0 1-1.5 0v-2.667Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderRadiusIcon.displayName = "BorderRadiusIcon";

package/src/__generated__/border-width-bottom.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-width-bottom.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderWidthBottomIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.23.663.26 1.036.029.36.029.803.029 1.34v4.822a.65.65 0 1 1-1.3 0V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.259-.098-.552-.122-.301-.025-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.024.301-.025.69-.025 1.261v4.795a.65.65 0 0 1-1.3 0V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.036-.26.36-.029.803-.029 1.34-.029Z" clipRule="evenodd" /><path fillRule="evenodd" d="M14.65 14a.65.65 0 0 1-.65.65H2a.65.65 0 1 1 0-1.3h12a.65.65 0 0 1 .65.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderWidthBottomIcon.displayName = "BorderWidthBottomIcon";

package/src/__generated__/border-width-individual.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-width-individual.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderWidthIndividualIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M4.684 2a.65.65 0 0 1 .65-.65h5.332a.65.65 0 1 1 0 1.3H5.334a.65.65 0 0 1-.65-.65ZM14 4.683a.65.65 0 0 1 .65.65v5.334a.65.65 0 1 1-1.3 0V5.333a.65.65 0 0 1 .65-.65Zm-12 0a.65.65 0 0 1 .65.65v5.334a.65.65 0 0 1-1.3 0V5.333a.65.65 0 0 1 .65-.65ZM4.684 14a.65.65 0 0 1 .65-.65h5.332a.65.65 0 1 1 0 1.3H5.334a.65.65 0 0 1-.65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderWidthIndividualIcon.displayName = "BorderWidthIndividualIcon";

package/src/__generated__/border-width-left.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-width-left.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderWidthLeftIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M14.65 5.173v5.654c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.229-1.037.26-.36.029-.802.029-1.34.029H6.005a.65.65 0 1 1 0-1.3H10.8c.57 0 .96 0 1.26-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.26.122-.552.024-.301.025-.69.025-1.261V5.2c0-.57 0-.96-.025-1.26-.024-.294-.068-.446-.122-.553a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.025-.69-.025-1.261-.025H6.004a.65.65 0 0 1 0-1.3h4.823c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.163.32.229.663.26 1.036.029.36.029.803.029 1.34Z" clipRule="evenodd" /><path fillRule="evenodd" d="M2 14.65a.65.65 0 0 1-.65-.65V2a.65.65 0 0 1 1.3 0v12a.65.65 0 0 1-.65.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderWidthLeftIcon.displayName = "BorderWidthLeftIcon";

package/src/__generated__/border-width-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-width-right.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderWidthRightIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M1.35 10.827V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.23 1.036-.26.36-.03.803-.03 1.34-.03h4.822a.65.65 0 0 1 0 1.3H5.2c-.57 0-.96.001-1.26.026-.294.024-.446.068-.553.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.259-.122.552-.025.301-.025.69-.025 1.26v5.6c0 .572 0 .96.025 1.262.024.293.068.445.122.552.13.254.336.46.59.59.107.054.259.098.552.122.301.024.69.025 1.26.025h4.796a.65.65 0 0 1 0 1.3H5.173c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.03-.36-.03-.802-.03-1.34Z" clipRule="evenodd" /><path fillRule="evenodd" d="M14 1.35a.65.65 0 0 1 .65.65v12a.65.65 0 1 1-1.3 0V2a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderWidthRightIcon.displayName = "BorderWidthRightIcon";

package/src/__generated__/border-width-top.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/border-width-top.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const BorderWidthTopIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#C1C8CD" fillRule="evenodd" d="M10.827 14.65H5.173c-.537 0-.98 0-1.34-.03-.373-.03-.715-.095-1.036-.259a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.037-.03-.36-.03-.802-.03-1.339V6.005a.65.65 0 0 1 1.3 0V10.8c0 .57.001.96.026 1.26.024.294.067.446.122.553.13.254.336.46.59.59.107.054.259.098.552.122.301.025.69.025 1.26.025h5.6c.572 0 .96 0 1.261-.025.294-.024.446-.068.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.024-.301.025-.69.025-1.261V6.005a.65.65 0 1 1 1.3 0v4.822c0 .537 0 .98-.03 1.34-.03.373-.096.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.029-.802.029-1.34.029Z" clipRule="evenodd" /><path fillRule="evenodd" d="M1.35 2A.65.65 0 0 1 2 1.35h12a.65.65 0 1 1 0 1.3H2A.65.65 0 0 1 1.35 2Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+BorderWidthTopIcon.displayName = "BorderWidthTopIcon";

package/src/__generated__/commit.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const CommitIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#000" fillRule="evenodd" d="M11 7.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-4.691 2.5a4.751 4.751 0 0 1 9.382 0h4.459a.75.75 0 0 1 0 1.5h-4.459a4.751 4.751 0 0 1-9.382 0H1.85a.75.75 0 0 1 0-1.5h4.459Z" clipRule="evenodd" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M11 7.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-4.691 2.5a4.751 4.751 0 0 1 9.382 0h4.459a.75.75 0 0 1 0 1.5h-4.459a4.751 4.751 0 0 1-9.382 0H1.85a.75.75 0 0 1 0-1.5h4.459Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/div.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/div.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const DivIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V5.2c0-.572 0-.96-.025-1.262-.024-.293-.068-.445-.122-.552a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+DivIcon.displayName = "DivIcon";

package/src/__generated__/github.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const GithubIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" fillRule="evenodd" d="M11 1C5.475 1 1 5.475 1 11a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 21 11c0-5.525-4.475-10-10-10Z" clipRule="evenodd" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M11 1C5.475 1 1 5.475 1 11a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.337 1.087 2.912.825.088-.65.35-1.088.638-1.338-2.225-.25-4.55-1.112-4.55-4.937 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.274.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 21 11c0-5.525-4.475-10-10-10Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/index.ts

@@ -1,5 +1,17 @@
+export * from "./alert";
 export * from "./auto-scroll";
 export * from "./blockquote";
+export * from "./border-radius-bottom-left";
+export * from "./border-radius-bottom-right";
+export * from "./border-radius-individual";
+export * from "./border-radius-top-left";
+export * from "./border-radius-top-right";
+export * from "./border-radius";
+export * from "./border-width-bottom";
+export * from "./border-width-individual";
+export * from "./border-width-left";
+export * from "./border-width-right";
+export * from "./border-width-top";
 export * from "./box-link";
 export * from "./box";
 export * from "./checkbox-checked-filled";
@@ -16,6 +28,7 @@ export * from "./chevron-filled-up";
 export * from "./code";
 export * from "./commit";
 export * from "./dash";
+export * from "./div";
 export * from "./dot";
 export * from "./drag-handle";
 export * from "./eyecon-closed";
@@ -30,12 +43,14 @@ export * from "./list-item";
 export * from "./list";
 export * from "./offline";
 export * from "./play";
+export * from "./plus";
 export * from "./radio-checked";
 export * from "./radio-unchecked";
 export * from "./repeat-column";
 export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
+export * from "./slot-component";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";

package/src/__generated__/offline.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const OfflineIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M3.301 3.14a.75.75 0 0 1 1.061 0l14.67 14.67a.75.75 0 1 1-1.061 1.06l-1.53-1.53a4.521 4.521 0 0 1-.857.082H6.416a4.5 4.5 0 0 1-.975-8.895 5.723 5.723 0 0 1 .656-1.53L3.301 4.2a.75.75 0 0 1 0-1.06ZM7.2 8.098a4.216 4.216 0 0 0-.394 1.21.75.75 0 0 1-.67.626 3.001 3.001 0 0 0 .28 5.988h8.609L7.199 8.098Zm2.555-3.71a5.753 5.753 0 0 1 6.805 4.138 4.502 4.502 0 0 1 3.226 6.014.75.75 0 1 1-1.4-.54 3.001 3.001 0 0 0-2.52-4.067.75.75 0 0 1-.67-.624 4.252 4.252 0 0 0-5.117-3.455.75.75 0 0 1-.324-1.465Z" clipRule="evenodd" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M3.301 3.14a.75.75 0 0 1 1.061 0l14.67 14.67a.75.75 0 1 1-1.061 1.06l-1.53-1.53a4.521 4.521 0 0 1-.857.082H6.416a4.5 4.5 0 0 1-.975-8.895 5.723 5.723 0 0 1 .656-1.53L3.301 4.2a.75.75 0 0 1 0-1.06ZM7.2 8.098a4.216 4.216 0 0 0-.394 1.21.75.75 0 0 1-.67.626 3.001 3.001 0 0 0 .28 5.988h8.609L7.199 8.098Zm2.555-3.71a5.753 5.753 0 0 1 6.805 4.138 4.502 4.502 0 0 1 3.226 6.014.75.75 0 1 1-1.4-.54 3.001 3.001 0 0 0-2.52-4.067.75.75 0 0 1-.67-.624 4.252 4.252 0 0 0-5.117-3.455.75.75 0 0 1-.324-1.465Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/plus.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/plus.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PlusIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M8 14a.75.75 0 0 1-.75-.75V2.75a.75.75 0 0 1 1.5 0v10.5A.75.75 0 0 1 8 14Z" clipRule="evenodd" /><path fillRule="evenodd" d="M14 8a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1 0-1.5h10.5A.75.75 0 0 1 14 8Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PlusIcon.displayName = "PlusIcon";

package/src/__generated__/repeat-column.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const RepeatColumnIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM7.005 11.337c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM7.005 11.337c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
     );
   }
 );

package/src/__generated__/repeat-grid.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const RepeatGridIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M1.333 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM4.663 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM9.665 7.005c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 12.007c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 2.003c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM11.337 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M1.333 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM4.663 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 2.003c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM9.665 7.005c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM6.335 12.007c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 2.003c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99ZM11.337 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM14.667 12.007c0-.37-.3-.67-.67-.67h-1.99c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99Z" /></svg>
     );
   }
 );

package/src/__generated__/repeat-row.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const RepeatRowIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fill="#11181C" d="M1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM12.007 6.335c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M1.333 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM6.335 7.005c0-.37.3-.67.67-.67h1.99c.37 0 .67.3.67.67v1.99c0 .37-.3.67-.67.67h-1.99a.67.67 0 0 1-.67-.67v-1.99ZM12.007 6.335c-.37 0-.67.3-.67.67v1.99c0 .37.3.67.67.67h1.99c.37 0 .67-.3.67-.67v-1.99c0-.37-.3-.67-.67-.67h-1.99Z" /></svg>
     );
   }
 );

package/src/__generated__/slot-component.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/slot-component.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const SlotComponentIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M5.96 2.008c-.247.005-.472.015-.677.032-.505.041-.953.129-1.37.34A3.43 3.43 0 0 0 2.38 3.912c-.211.418-.299.866-.34 1.37-.017.206-.027.43-.032.678h1.5c.005-.208.014-.39.027-.555.034-.412.096-.643.184-.815l.002-.005a1.93 1.93 0 0 1 .864-.864l.005-.002c.172-.088.403-.15.815-.184.164-.013.347-.022.555-.027v-1.5ZM13.29 3.5H8.71V2h4.58v1.5ZM18.492 5.96a9.863 9.863 0 0 0-.027-.555c-.034-.412-.096-.643-.183-.815l-.003-.005a1.93 1.93 0 0 0-.864-.864l-.005-.002c-.172-.088-.403-.15-.815-.184a9.84 9.84 0 0 0-.555-.027v-1.5c.247.005.472.015.677.032.505.041.953.129 1.37.34a3.43 3.43 0 0 1 1.533 1.532c.211.418.299.866.34 1.37.017.206.026.43.032.678h-1.5ZM18.5 13.29V8.71H20v4.58h-1.5ZM16.04 18.492a9.86 9.86 0 0 0 .555-.027c.412-.034.643-.096.815-.183l.005-.003a1.93 1.93 0 0 0 .864-.864l.002-.005c.088-.172.15-.403.184-.815a9.86 9.86 0 0 0 .027-.555h1.5c-.006.247-.015.472-.032.677-.041.505-.129.953-.34 1.37a3.43 3.43 0 0 1-1.532 1.533c-.418.211-.866.299-1.37.34-.206.017-.43.026-.678.032v-1.5ZM8.71 18.5h4.58V20H8.71v-1.5ZM3.508 16.04c.005.208.014.39.027.555.034.412.096.643.184.815l.002.005c.187.374.49.677.864.864l.005.002c.172.088.403.15.815.184.164.013.347.022.555.027v1.5a11.699 11.699 0 0 1-.677-.032c-.505-.041-.953-.129-1.37-.34a3.43 3.43 0 0 1-1.533-1.532c-.211-.418-.299-.866-.34-1.37-.017-.206-.027-.43-.032-.678h1.5ZM3.5 8.71v4.58H2V8.71h1.5Z" /></svg>
+    );
+  }
+);
+
+SlotComponentIcon.displayName = "SlotComponentIcon";

package/src/legacy.ts

@@ -3,7 +3,6 @@ export {
   FontBoldIcon,
   FontItalicIcon,
   Link2Icon,
-  PlusIcon,
   DotsHorizontalIcon,
   CheckIcon,
   RocketIcon,