@webstudio-is/icons 0.3.0 → 0.15.0

package/lib/cross.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const CrossIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { d: "M13 3L7.99998 8.00002M7.99998 8.00002L3 13M7.99998 8.00002L3 3.00008M7.99998 8.00002L13 13", stroke: color, strokeWidth: "1.6", strokeLinecap: "round" }) }));
-});
+const CrossIcon = 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: "M13 3L7.99998 8.00002M7.99998 8.00002L3 13M7.99998 8.00002L3 3.00008M7.99998 8.00002L13 13",
+        stroke: color,
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      })
+    });
+  }
+);
 CrossIcon.displayName = "Cross";
+export {
+  CrossIcon
+};

package/lib/devices.js

@@ -1,6 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const DevicesIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { fill: color, d: "M22.265 9.51L17.265 9.5C16.715 9.5 16.265 9.95 16.265 10.5V19.5C16.265 20.05 16.715 20.5 17.265 20.5H22.265C22.815 20.5 23.265 20.05 23.265 19.5V10.5C23.265 9.95 22.815 9.51 22.265 9.51ZM22.265 19.5H17.265V10.5H19.5H22.265V19.5ZM20.265 1.5H2.26499C1.15499 1.5 0.264988 2.39 0.264988 3.5V15.5C0.264988 16.6 1.15499 17.5 2.26499 17.5H10.5V19.5H7.26499V20.5H15.265V19.5H12.5V17.5H15.265V16.5H1.26499V2.5H21.265V8.5H22.265V3.5C22.265 2.39 21.365 1.5 20.265 1.5Z" }) }));
-});
+const DevicesIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fill: color,
+        d: "M22.265 9.51L17.265 9.5C16.715 9.5 16.265 9.95 16.265 10.5V19.5C16.265 20.05 16.715 20.5 17.265 20.5H22.265C22.815 20.5 23.265 20.05 23.265 19.5V10.5C23.265 9.95 22.815 9.51 22.265 9.51ZM22.265 19.5H17.265V10.5H19.5H22.265V19.5ZM20.265 1.5H2.26499C1.15499 1.5 0.264988 2.39 0.264988 3.5V15.5C0.264988 16.6 1.15499 17.5 2.26499 17.5H10.5V19.5H7.26499V20.5H15.265V19.5H12.5V17.5H15.265V16.5H1.26499V2.5H21.265V8.5H22.265V3.5C22.265 2.39 21.365 1.5 20.265 1.5Z"
+      })
+    });
+  }
+);
 DevicesIcon.displayName = "DevicesIcon";
+export {
+  DevicesIcon
+};

package/lib/ellipses.js

@@ -1,6 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const EllipsesIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "16", height: "16", ...props, ref: forwardedRef, children: [_jsx("circle", { cx: "2.5", cy: "8", r: "1.5", fill: color }), _jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: color }), _jsx("circle", { cx: "13.5", cy: "8", r: "1.5", fill: color })] }));
-});
+const EllipsesIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("circle", {
+          cx: "2.5",
+          cy: "8",
+          r: "1.5",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("circle", {
+          cx: "8",
+          cy: "8",
+          r: "1.5",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("circle", {
+          cx: "13.5",
+          cy: "8",
+          r: "1.5",
+          fill: color
+        })
+      ]
+    });
+  }
+);
 EllipsesIcon.displayName = "EllipsesIcon";
+export {
+  EllipsesIcon
+};

package/lib/external-link.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const ExternalLinkIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: color, ...props, ref: forwardedRef, children: _jsx("path", { fill: color, fillRule: "evenodd", clipRule: "evenodd", d: "M3.7 3.7h2.294a.7.7 0 1 0 0-1.4H3.5a1.2 1.2 0 0 0-1.2 1.2v9a1.2 1.2 0 0 0 1.2 1.2h9a1.2 1.2 0 0 0 1.2-1.2V9.993a.7.7 0 1 0-1.4 0V12.3H3.7V3.7ZM8.813 3a.7.7 0 0 1 .7-.7H13a.7.7 0 0 1 .7.7v3.49a.7.7 0 1 1-1.4 0v-1.8L8.495 8.495a.7.7 0 1 1-.99-.99L11.31 3.7H9.513a.7.7 0 0 1-.7-.7Z" }) }));
-});
+const ExternalLinkIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      fill: color,
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fill: color,
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M3.7 3.7h2.294a.7.7 0 1 0 0-1.4H3.5a1.2 1.2 0 0 0-1.2 1.2v9a1.2 1.2 0 0 0 1.2 1.2h9a1.2 1.2 0 0 0 1.2-1.2V9.993a.7.7 0 1 0-1.4 0V12.3H3.7V3.7ZM8.813 3a.7.7 0 0 1 .7-.7H13a.7.7 0 0 1 .7.7v3.49a.7.7 0 1 1-1.4 0v-1.8L8.495 8.495a.7.7 0 1 1-.99-.99L11.31 3.7H9.513a.7.7 0 0 1-.7-.7Z"
+      })
+    });
+  }
+);
 ExternalLinkIcon.displayName = "ExternalLinkIcon";
+export {
+  ExternalLinkIcon
+};

package/lib/flex-direction-column-reverse.js

@@ -1,6 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexDirectionColumnReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, style: { transform: "rotate(180deg)" }, children: _jsx("path", { d: "M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z", fill: color }) }));
+const FlexDirectionColumnReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsx("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    ref: forwardedRef,
+    style: { transform: "rotate(180deg)" },
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z",
+      fill: color
+    })
+  });
 });
 FlexDirectionColumnReverseIcon.displayName = "FlexDirectionColumnReverseIcon";
+export {
+  FlexDirectionColumnReverseIcon
+};

package/lib/flex-direction-column.js

@@ -1,6 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexDirectionColumnIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { d: "M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z", fill: color }) }));
+const FlexDirectionColumnIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsx("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    ref: forwardedRef,
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M11.1667 6L11.1667 15.8881L8.175 12.9794L7 14.125L12 19L17 14.125L15.825 12.9794L12.8333 15.8881L12.8333 6L11.1667 6Z",
+      fill: color
+    })
+  });
 });
 FlexDirectionColumnIcon.displayName = "FlexDirectionColumnIcon";
+export {
+  FlexDirectionColumnIcon
+};

package/lib/flex-direction-row-reverse.js

@@ -1,6 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexDirectionRowReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, style: { transform: "rotate(180deg)" }, children: _jsx("path", { d: "M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z", fill: color }) }));
+const FlexDirectionRowReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsx("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    ref: forwardedRef,
+    style: { transform: "rotate(180deg)" },
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z",
+      fill: color
+    })
+  });
 });
 FlexDirectionRowReverseIcon.displayName = "FlexDirectionRowReverseIcon";
+export {
+  FlexDirectionRowReverseIcon
+};

package/lib/flex-direction-row.js

@@ -1,6 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexDirectionRowIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { d: "M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z", fill: color }) }));
-});
+const FlexDirectionRowIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        d: "M5 12.8334L14.8881 12.8334L11.9794 15.825L13.125 17L18 12L13.125 7.00003L11.9794 8.17503L14.8881 11.1667L5 11.1667V12.8334Z",
+        fill: color
+      })
+    });
+  }
+);
 FlexDirectionRowIcon.displayName = "FlexDirectionRowIcon";
+export {
+  FlexDirectionRowIcon
+};

package/lib/flex-sizing-grow.js

@@ -1,6 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexSizingGrowIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "16", height: "16", ...props, ref: forwardedRef, children: [_jsx("path", { fill: color, d: "M10.7641 5.54038c-.2539-.25384-.6654-.25384-.91928 0-.25384.25384-.25384.6654 0 .91924l.91928-.91924ZM12.3044 8l.4597.45962c.2538-.25384.2538-.6654 0-.91924L12.3044 8ZM9.84482 9.54038c-.25384.25384-.25384.66542 0 .91922.25388.2539.66538.2539.91928 0l-.91928-.91922ZM7.80469 7.35c-.35899 0-.65.29101-.65.65 0 .35899.29101.65.65.65v-1.3Zm2.04013-.89038 1.99998 2 .9193-.91924-2-2-.91928.91924Zm1.99998 1.08076-1.99998 2 .91928.91922 2-1.99998-.9193-.91924ZM7.80469 8.65h4.49971v-1.3H7.80469v1.3Z" }), _jsx("path", { fill: color, d: "m3.69531 8-.45962-.45962c-.25384.25384-.25384.6654 0 .91924L3.69531 8Zm2.45962-1.54038c.25384-.25384.25384-.6654 0-.91924-.25384-.25384-.6654-.25384-.91924 0l.91924.91924Zm-.91924 3.99998c.25384.2539.6654.2539.91924 0 .25384-.2538.25384-.66538 0-.91922l-.91924.91922ZM8.19556 8.65c.35898 0 .65-.29101.65-.65 0-.35899-.29102-.65-.65-.65v1.3Zm-4.04063-.19038 2-2-.91924-.91924-2 2 .91924.91924Zm-.91924 0 2 1.99998.91924-.91922-2-2-.91924.91924Zm.45962.19038h4.50025v-1.3H3.69531v1.3Z" }), _jsx("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.4", d: "M1.5 2.5v11m13-11v11" })] }));
-});
+const FlexSizingGrowIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          fill: color,
+          d: "M10.7641 5.54038c-.2539-.25384-.6654-.25384-.91928 0-.25384.25384-.25384.6654 0 .91924l.91928-.91924ZM12.3044 8l.4597.45962c.2538-.25384.2538-.6654 0-.91924L12.3044 8ZM9.84482 9.54038c-.25384.25384-.25384.66542 0 .91922.25388.2539.66538.2539.91928 0l-.91928-.91922ZM7.80469 7.35c-.35899 0-.65.29101-.65.65 0 .35899.29101.65.65.65v-1.3Zm2.04013-.89038 1.99998 2 .9193-.91924-2-2-.91928.91924Zm1.99998 1.08076-1.99998 2 .91928.91922 2-1.99998-.9193-.91924ZM7.80469 8.65h4.49971v-1.3H7.80469v1.3Z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: color,
+          d: "m3.69531 8-.45962-.45962c-.25384.25384-.25384.6654 0 .91924L3.69531 8Zm2.45962-1.54038c.25384-.25384.25384-.6654 0-.91924-.25384-.25384-.6654-.25384-.91924 0l.91924.91924Zm-.91924 3.99998c.25384.2539.6654.2539.91924 0 .25384-.2538.25384-.66538 0-.91922l-.91924.91922ZM8.19556 8.65c.35898 0 .65-.29101.65-.65 0-.35899-.29102-.65-.65-.65v1.3Zm-4.04063-.19038 2-2-.91924-.91924-2 2 .91924.91924Zm-.91924 0 2 1.99998.91924-.91922-2-2-.91924.91924Zm.45962.19038h4.50025v-1.3H3.69531v1.3Z"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          stroke: color,
+          strokeLinecap: "round",
+          strokeWidth: "1.4",
+          d: "M1.5 2.5v11m13-11v11"
+        })
+      ]
+    });
+  }
+);
 FlexSizingGrowIcon.displayName = "FlexSizingGrowIcon";
+export {
+  FlexSizingGrowIcon
+};

package/lib/flex-sizing-shrink.js

@@ -1,6 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexSizingShrinkIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "16", height: "16", ...props, ref: forwardedRef, children: [_jsx("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.4", d: "M7.95312 2.5v11" }), _jsx("path", { fill: color, d: "m5.42188 8 .51745.47143c.2434-.26716.2434-.6757 0-.94286L5.42188 8ZM3.0823 9.52857c-.26036.28578-.23976.72853.04602.98883.28578.2604.72852.2398.98888-.046l-1.0349-.94283Zm1.0349-4c-.26036-.28578-.7031-.30638-.98888-.04602-.28578.26036-.30638.7031-.04602.98888l1.0349-.94286ZM1.32188 7.3c-.386604 0-.700005.3134-.700005.7 0 .3866.313401.7.700005.7V7.3Zm3.58255.22857-1.82213 2 1.0349.94283 1.82213-1.99997-1.0349-.94286Zm1.0349 0-1.82213-2-1.0349.94286 1.82212 2 1.03491-.94286ZM5.42188 7.3h-4.1v1.4h4.1V7.3Zm6.41672 3.1776c.2638.2827.7068.2979.9894.0341.2826-.2638.2979-.70672.0341-.98934l-1.0235.95524ZM10.4836 8l-.51173-.47764c-.25103.26895-.25103.68633 0 .95528L10.4836 8Zm2.3785-1.52236c.2638-.28262.2485-.72557-.0341-.98937-.2826-.26379-.7256-.24853-.9894.03409l1.0235.95528ZM14.6836 8.7c.3866 0 .7-.3134.7-.7 0-.3866-.3134-.7-.7-.7v1.4Zm-1.8215.82236-1.8668-2-1.02343.95528 1.86673 1.99996 1.0235-.95524Zm-1.8668-1.04472 1.8668-2-1.0235-.95528-1.86673 2 1.02343.95528ZM14.6836 7.3h-4.2v1.4h4.2V7.3Z" })] }));
-});
+const FlexSizingShrinkIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          stroke: color,
+          strokeLinecap: "round",
+          strokeWidth: "1.4",
+          d: "M7.95312 2.5v11"
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fill: color,
+          d: "m5.42188 8 .51745.47143c.2434-.26716.2434-.6757 0-.94286L5.42188 8ZM3.0823 9.52857c-.26036.28578-.23976.72853.04602.98883.28578.2604.72852.2398.98888-.046l-1.0349-.94283Zm1.0349-4c-.26036-.28578-.7031-.30638-.98888-.04602-.28578.26036-.30638.7031-.04602.98888l1.0349-.94286ZM1.32188 7.3c-.386604 0-.700005.3134-.700005.7 0 .3866.313401.7.700005.7V7.3Zm3.58255.22857-1.82213 2 1.0349.94283 1.82213-1.99997-1.0349-.94286Zm1.0349 0-1.82213-2-1.0349.94286 1.82212 2 1.03491-.94286ZM5.42188 7.3h-4.1v1.4h4.1V7.3Zm6.41672 3.1776c.2638.2827.7068.2979.9894.0341.2826-.2638.2979-.70672.0341-.98934l-1.0235.95524ZM10.4836 8l-.51173-.47764c-.25103.26895-.25103.68633 0 .95528L10.4836 8Zm2.3785-1.52236c.2638-.28262.2485-.72557-.0341-.98937-.2826-.26379-.7256-.24853-.9894.03409l1.0235.95528ZM14.6836 8.7c.3866 0 .7-.3134.7-.7 0-.3866-.3134-.7-.7-.7v1.4Zm-1.8215.82236-1.8668-2-1.02343.95528 1.86673 1.99996 1.0235-.95524Zm-1.8668-1.04472 1.8668-2-1.0235-.95528-1.86673 2 1.02343.95528ZM14.6836 7.3h-4.2v1.4h4.2V7.3Z"
+        })
+      ]
+    });
+  }
+);
 FlexSizingShrinkIcon.displayName = "FlexSizingGrowIcon";
+export {
+  FlexSizingShrinkIcon
+};

package/lib/flex-wrap-no-wrap.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexWrapNowrapIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 9H11V15H13V9ZM19 9H17V15H19V9ZM7 9H5V15H7V9ZM4 8V16H8V8H4ZM14 8V16H10V8H14ZM20 8V16H16V8H20Z", fill: color }) }));
-});
+const FlexWrapNowrapIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13 9H11V15H13V9ZM19 9H17V15H19V9ZM7 9H5V15H7V9ZM4 8V16H8V8H4ZM14 8V16H10V8H14ZM20 8V16H16V8H20Z",
+        fill: color
+      })
+    });
+  }
+);
 FlexWrapNowrapIcon.displayName = "FlexWrapNowrapIcon";
+export {
+  FlexWrapNowrapIcon
+};

package/lib/flex-wrap-wrap-reverse.js

@@ -1,6 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexWrapWrapReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, style: { transform: "rotate(180deg)" }, children: [_jsx("path", { d: "M16 13H20V20H16V13Z", fill: color }), _jsx("path", { d: "M4 13H8V20H4V13Z", fill: color }), _jsx("path", { d: "M10 13H14V20H10V13Z", fill: color }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z", fill: color })] }));
+const FlexWrapWrapReverseIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+  return /* @__PURE__ */ jsxs("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    ref: forwardedRef,
+    style: { transform: "rotate(180deg)" },
+    children: [
+      /* @__PURE__ */ jsx("path", {
+        d: "M16 13H20V20H16V13Z",
+        fill: color
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M4 13H8V20H4V13Z",
+        fill: color
+      }),
+      /* @__PURE__ */ jsx("path", {
+        d: "M10 13H14V20H10V13Z",
+        fill: color
+      }),
+      /* @__PURE__ */ jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z",
+        fill: color
+      })
+    ]
+  });
 });
 FlexWrapWrapReverseIcon.displayName = "FlexWrapWrapReverseIcon";
+export {
+  FlexWrapWrapReverseIcon
+};

package/lib/flex-wrap-wrap.js

@@ -1,6 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const FlexWrapWrapIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: [_jsx("path", { d: "M16 13H20V20H16V13Z", fill: color }), _jsx("path", { d: "M4 13H8V20H4V13Z", fill: color }), _jsx("path", { d: "M10 13H14V20H10V13Z", fill: color }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z", fill: color })] }));
-});
+const FlexWrapWrapIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          d: "M16 13H20V20H16V13Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M4 13H8V20H4V13Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M10 13H14V20H10V13Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M13 5H11V10H13V5ZM19 5H17V10H19V5ZM7 5H5V10H7V5ZM19 14H17V19H19V14ZM7 14H5V19H7V14ZM13 14H11V19H13V14ZM8 4V11H4V4H8ZM10 4V11H14V4H10ZM16 4V11H20V4H16ZM16 13V20H20V13H16ZM8 13V20H4V13H8ZM10 13V20H14V13H10Z",
+          fill: color
+        })
+      ]
+    });
+  }
+);
 FlexWrapWrapIcon.displayName = "FlexWrapWrapIcon";
+export {
+  FlexWrapWrapIcon
+};

package/lib/form.js

@@ -1,6 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-export const FormIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: _jsx("path", { fill: color, fillRule: "evenodd", clipRule: "evenodd", d: "M13 11H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h9v7zM4 9h7V6H4v3zm11 11H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2h11v7zM4 18h9v-3H4v3zm18-9h-2l2-5h-7v7h2v9l5-11zM4.75 17.25h1.5v-1.5h-1.5v1.5zm0-9h1.5v-1.5h-1.5v1.5z" }) }));
-});
+const FormIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsx("svg", {
+      width: "15",
+      height: "15",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: /* @__PURE__ */ jsx("path", {
+        fill: color,
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M13 11H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h9v7zM4 9h7V6H4v3zm11 11H4c-1.1 0-2-.9-2-2v-3c0-1.1.9-2 2-2h11v7zM4 18h9v-3H4v3zm18-9h-2l2-5h-7v7h2v9l5-11zM4.75 17.25h1.5v-1.5h-1.5v1.5zm0-9h1.5v-1.5h-1.5v1.5z"
+      })
+    });
+  }
+);
 FormIcon.displayName = "FormIcon";
+export {
+  FormIcon
+};

package/lib/gap-column.js

@@ -1,6 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const ColumnGapIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: [_jsx("path", { d: "M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z", fill: color }), _jsx("path", { d: "M14.4704 6H17.5593V7H14.4704L14.4704 6Z", fill: color }), _jsx("path", { d: "M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z", fill: color }), _jsx("path", { d: "M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z", fill: color })] }));
-});
+const ColumnGapIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 6H17.5593V7H14.4704L14.4704 6Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z",
+          fill: color
+        })
+      ]
+    });
+  }
+);
 ColumnGapIcon.displayName = "ColumnGapIcon";
+export {
+  ColumnGapIcon
+};

package/lib/gap-row.js

@@ -1,6 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-export const RowGapIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, style: { transform: "rotate(90deg)" }, children: [_jsx("path", { d: "M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z", fill: color }), _jsx("path", { d: "M14.4704 6H17.5593V7H14.4704L14.4704 6Z", fill: color }), _jsx("path", { d: "M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z", fill: color }), _jsx("path", { d: "M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z", fill: color })] }));
-});
+const RowGapIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("svg", {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref: forwardedRef,
+      style: { transform: "rotate(90deg)" },
+      children: [
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 6H13.4407L13.4407 18L14.4704 18L14.4704 6Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 6H17.5593V7H14.4704L14.4704 6Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M14.4704 17L17.5593 17V18L14.4704 18L14.4704 17Z",
+          fill: color
+        }),
+        /* @__PURE__ */ jsx("path", {
+          d: "M6.44074 6L10.5296 6L10.5296 18L6.44073 18L6.44073 17L9.5 17L9.5 7L6.44074 7L6.44074 6Z",
+          fill: color
+        })
+      ]
+    });
+  }
+);
 RowGapIcon.displayName = "RowGapIcon";
+export {
+  RowGapIcon
+};

package/lib/gear.js

@@ -1,11 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVars } from "@webstudio-is/css-vars";
 import * as React from "react";
 const fillVar = cssVars.define("fill");
-export const gearIconCssVars = ({ fill }) => ({
-    [fillVar]: fill,
-});
-export const GearIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
-    return (_jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: [_jsx("path", { d: "M9.117 2.878c-.284-1.17-1.95-1.17-2.234 0a1.149 1.149 0 01-1.714.71c-1.03-.627-2.207.551-1.58 1.58a1.15 1.15 0 01-.711 1.715c-1.17.284-1.17 1.95 0 2.234a1.15 1.15 0 01.71 1.714c-.627 1.03.551 2.207 1.58 1.58a1.148 1.148 0 011.715.711c.284 1.17 1.95 1.17 2.234 0a1.15 1.15 0 011.714-.71c1.03.627 2.207-.551 1.58-1.58a1.148 1.148 0 01.711-1.715c1.17-.284 1.17-1.95 0-2.234a1.15 1.15 0 01-.71-1.714c.627-1.03-.551-2.207-1.58-1.58a1.15 1.15 0 01-1.715-.711z", stroke: color, strokeWidth: 1.25, strokeLinecap: "round", strokeLinejoin: "round", style: { fill: cssVars.use(fillVar, "none") } }), _jsx("circle", { cx: 8, cy: 7.99988, r: 1.875, stroke: color, strokeWidth: 1.25 })] }));
+const gearIconCssVars = ({ fill }) => ({
+  [fillVar]: fill
 });
+const GearIcon = React.forwardRef(
+  ({ color = "currentColor", ...props }, forwardedRef) => {
+    return /* @__PURE__ */ jsxs("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: "M9.117 2.878c-.284-1.17-1.95-1.17-2.234 0a1.149 1.149 0 01-1.714.71c-1.03-.627-2.207.551-1.58 1.58a1.15 1.15 0 01-.711 1.715c-1.17.284-1.17 1.95 0 2.234a1.15 1.15 0 01.71 1.714c-.627 1.03.551 2.207 1.58 1.58a1.148 1.148 0 011.715.711c.284 1.17 1.95 1.17 2.234 0a1.15 1.15 0 011.714-.71c1.03.627 2.207-.551 1.58-1.58a1.148 1.148 0 01.711-1.715c1.17-.284 1.17-1.95 0-2.234a1.15 1.15 0 01-.71-1.714c.627-1.03-.551-2.207-1.58-1.58a1.15 1.15 0 01-1.715-.711z",
+          stroke: color,
+          strokeWidth: 1.25,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          style: { fill: cssVars.use(fillVar, "none") }
+        }),
+        /* @__PURE__ */ jsx("circle", {
+          cx: 8,
+          cy: 7.99988,
+          r: 1.875,
+          stroke: color,
+          strokeWidth: 1.25
+        })
+      ]
+    });
+  }
+);
 GearIcon.displayName = "GearIcon";
+export {
+  GearIcon,
+  gearIconCssVars
+};