@webstudio-is/icons 0.1.0 → 0.2.0

package/lib/gap-row.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _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 })] }));
+});
+RowGapIcon.displayName = "RowGapIcon";

package/lib/gear.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const gearIconCssVars: ({ fill }: {
+    fill: string;
+}) => {
+    [x: string]: string;
+};
+export declare const GearIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=gear.d.ts.map

package/lib/gear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gear.d.ts","sourceRoot":"","sources":["../src/gear.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,eAAO,MAAM,eAAe;UAAsB,MAAM;;;CAEtD,CAAC;AAEH,eAAO,MAAM,QAAQ,iFA8BpB,CAAC"}

package/lib/gear.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _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 })] }));
+});
+GearIcon.displayName = "GearIcon";

package/lib/gen/format-clear.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types";
+export declare const FormatClearIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=format-clear.d.ts.map

package/lib/gen/format-clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-clear.d.ts","sourceRoot":"","sources":["../../src/gen/format-clear.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,eAAe,qGAM3B,CAAC"}

package/lib/gen/format-clear.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated from icons/format-clear.svg
+import { forwardRef } from "react";
+// prettier-ignore
+export const FormatClearIcon = forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: "16", height: "16", fill: color, ...props, ref: forwardedRef, children: _jsx("path", { d: "M25.35 21.8 21.5 18l1.2-2.8h-3.95l-5.2-5.2H40v5H28.25ZM40.3 45.2 22.85 27.7 18.45 38H13l6-14.1L2.8 7.7l2.1-2.1 37.5 37.5Z" }) }));
+});
+FormatClearIcon.displayName = "FormatClearIcon";

package/lib/gen/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./format-clear";
+export * from "./subscript";
+export * from "./superscript";
+//# sourceMappingURL=index.d.ts.map

package/lib/gen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gen/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/lib/gen/index.js

@@ -0,0 +1,3 @@
+export * from "./format-clear";
+export * from "./subscript";
+export * from "./superscript";

package/lib/gen/subscript.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types";
+export declare const SubscriptIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=subscript.d.ts.map

package/lib/gen/subscript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscript.d.ts","sourceRoot":"","sources":["../../src/gen/subscript.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,aAAa,qGAMzB,CAAC"}

package/lib/gen/subscript.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated from icons/subscript.svg
+import { forwardRef } from "react";
+// prettier-ignore
+export const SubscriptIcon = forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: "16", height: "16", fill: color, ...props, ref: forwardedRef, children: _jsx("path", { d: "M38.5 40v-4.25q0-.7.4-1.1.4-.4 1.1-.4h4.5V31.5h-6V30h6q.7 0 1.1.4.4.4.4 1.1v2.75q0 .7-.4 1.1-.4.4-1.1.4H40v2.75h6V40Zm-26.75-4L21 21.45 12.4 8h4.3l6.75 10.65L30.2 8h4.3l-8.6 13.45L35.15 36H30.9l-7.45-11.7L16 36Z" }) }));
+});
+SubscriptIcon.displayName = "SubscriptIcon";

package/lib/gen/superscript.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "../types";
+export declare const SuperscriptIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=superscript.d.ts.map

package/lib/gen/superscript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"superscript.d.ts","sourceRoot":"","sources":["../../src/gen/superscript.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,eAAe,qGAM3B,CAAC"}

package/lib/gen/superscript.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated from icons/superscript.svg
+import { forwardRef } from "react";
+// prettier-ignore
+export const SuperscriptIcon = forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: "16", height: "16", fill: color, ...props, ref: forwardedRef, children: _jsx("path", { d: "M38.5 18v-4.25q0-.7.4-1.1.4-.4 1.1-.4h4.5V9.5h-6V8h6q.7 0 1.1.4.4.4.4 1.1v2.75q0 .7-.4 1.1-.4.4-1.1.4H40v2.75h6V18ZM11.75 40 21 25.45 12.4 12h4.3l6.75 10.65L30.2 12h4.3l-8.6 13.45L35.15 40H30.9l-7.45-11.7L16 40Z" }) }));
+});
+SuperscriptIcon.displayName = "SuperscriptIcon";

package/lib/github.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const GithubIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=github.d.ts.map

package/lib/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../src/github.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,UAAU,iFAkBtB,CAAC"}

package/lib/github.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const GithubIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+    return (_jsxs("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: [_jsx("title", { children: "GitHub" }), _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12", fill: color })] }));
+});
+GithubIcon.displayName = "GithubIcon";

package/lib/google.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const GoogleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=google.d.ts.map

package/lib/google.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google.d.ts","sourceRoot":"","sources":["../src/google.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,UAAU,iFAkBtB,CAAC"}

package/lib/google.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const GoogleIcon = React.forwardRef(({ color = "currentColor", ...props }, forwardedRef) => {
+    return (_jsxs("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, ref: forwardedRef, children: [_jsx("title", { children: "Google" }), _jsx("path", { d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z", fill: color })] }));
+});
+GoogleIcon.displayName = "GoogleIcon";

package/lib/index.d.ts

@@ -0,0 +1,94 @@
+export * from "./legacy";
+export * from "./gen";
+export * from "./list-nested";
+export * from "./brush";
+export * from "./form";
+export * from "./undo";
+export * from "./redo";
+export * from "./google";
+export * from "./github";
+export * from "./devices";
+export * from "./tablet";
+export * from "./body";
+export * from "./types";
+export * from "./align-content-center";
+export * from "./align-content-end";
+export * from "./align-content-space-around";
+export * from "./align-content-space-between";
+export * from "./align-content-start";
+export * from "./align-content-stretch";
+export * from "./align-items-baseline";
+export * from "./align-items-center";
+export * from "./align-items-end";
+export * from "./align-items-start";
+export * from "./align-items-stretch";
+export * from "./flex-direction-row";
+export * from "./flex-direction-column";
+export * from "./flex-direction-row-reverse";
+export * from "./flex-direction-column-reverse";
+export * from "./flex-wrap-wrap";
+export * from "./flex-wrap-no-wrap";
+export * from "./flex-wrap-wrap-reverse";
+export * from "./justify-content-center";
+export * from "./justify-content-end";
+export * from "./justify-content-space-around";
+export * from "./justify-content-space-between";
+export * from "./justify-content-start";
+export * from "./justify-items-center";
+export * from "./justify-items-end";
+export * from "./justify-items-space-around";
+export * from "./justify-items-space-between";
+export * from "./justify-items-start";
+export * from "./gap-row";
+export * from "./gap-column";
+export * from "./lock-open";
+export * from "./lock-close";
+export * from "./aspect-ratio";
+export * from "./cloud";
+export * from "./trash";
+export * from "./size";
+export * from "./upload";
+export * from "./gear";
+export * from "./page";
+export * from "./copy";
+export * from "./new-page";
+export * from "./new-folder";
+export * from "./chevron-double-up";
+export * from "./chevron-double-down";
+export * from "./chevron-double-left";
+export * from "./chevron-double-right";
+export * from "./chevron-up";
+export * from "./chevron-down";
+export * from "./chevron-left";
+export * from "./chevron-right";
+export * from "./cross-circled-filled";
+export * from "./cross";
+export * from "./magnifying-glass";
+export * from "./menu";
+export * from "./align-self-start";
+export * from "./align-self-end";
+export * from "./align-self-center";
+export * from "./align-self-stretch";
+export * from "./align-self-baseline";
+export * from "./flex-sizing-grow";
+export * from "./flex-sizing-shrink";
+export * from "./order-first";
+export * from "./order-last";
+export * from "./cross-small";
+export * from "./cross-large";
+export * from "./ellipses";
+export * from "./text-align-center";
+export * from "./text-align-justify";
+export * from "./text-align-left";
+export * from "./text-align-right";
+export * from "./text-capitalize";
+export * from "./text-hyphen";
+export * from "./text-italic";
+export * from "./text-lowercase";
+export * from "./text-strikethrough";
+export * from "./text-truncate";
+export * from "./text-underline";
+export * from "./text-uppercase";
+export * from "./text-direction-ltr";
+export * from "./text-direction-rtl";
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -0,0 +1,93 @@
+export * from "./legacy";
+export * from "./gen";
+export * from "./list-nested";
+export * from "./brush";
+export * from "./form";
+export * from "./undo";
+export * from "./redo";
+export * from "./google";
+export * from "./github";
+export * from "./devices";
+export * from "./tablet";
+export * from "./body";
+export * from "./types";
+export * from "./align-content-center";
+export * from "./align-content-end";
+export * from "./align-content-space-around";
+export * from "./align-content-space-between";
+export * from "./align-content-start";
+export * from "./align-content-stretch";
+export * from "./align-items-baseline";
+export * from "./align-items-center";
+export * from "./align-items-end";
+export * from "./align-items-start";
+export * from "./align-items-stretch";
+export * from "./flex-direction-row";
+export * from "./flex-direction-column";
+export * from "./flex-direction-row-reverse";
+export * from "./flex-direction-column-reverse";
+export * from "./flex-wrap-wrap";
+export * from "./flex-wrap-no-wrap";
+export * from "./flex-wrap-wrap-reverse";
+export * from "./justify-content-center";
+export * from "./justify-content-end";
+export * from "./justify-content-space-around";
+export * from "./justify-content-space-between";
+export * from "./justify-content-start";
+export * from "./justify-items-center";
+export * from "./justify-items-end";
+export * from "./justify-items-space-around";
+export * from "./justify-items-space-between";
+export * from "./justify-items-start";
+export * from "./gap-row";
+export * from "./gap-column";
+export * from "./lock-open";
+export * from "./lock-close";
+export * from "./aspect-ratio";
+export * from "./cloud";
+export * from "./trash";
+export * from "./size";
+export * from "./upload";
+export * from "./gear";
+export * from "./page";
+export * from "./copy";
+export * from "./new-page";
+export * from "./new-folder";
+export * from "./chevron-double-up";
+export * from "./chevron-double-down";
+export * from "./chevron-double-left";
+export * from "./chevron-double-right";
+export * from "./chevron-up";
+export * from "./chevron-down";
+export * from "./chevron-left";
+export * from "./chevron-right";
+export * from "./cross-circled-filled";
+export * from "./cross";
+export * from "./magnifying-glass";
+export * from "./menu";
+export * from "./align-self-start";
+export * from "./align-self-end";
+export * from "./align-self-center";
+export * from "./align-self-stretch";
+export * from "./align-self-baseline";
+export * from "./flex-sizing-grow";
+export * from "./flex-sizing-shrink";
+export * from "./order-first";
+export * from "./order-last";
+export * from "./cross-small";
+export * from "./cross-large";
+export * from "./ellipses";
+export * from "./text-align-center";
+export * from "./text-align-justify";
+export * from "./text-align-left";
+export * from "./text-align-right";
+export * from "./text-capitalize";
+export * from "./text-hyphen";
+export * from "./text-italic";
+export * from "./text-lowercase";
+export * from "./text-strikethrough";
+export * from "./text-truncate";
+export * from "./text-underline";
+export * from "./text-uppercase";
+export * from "./text-direction-ltr";
+export * from "./text-direction-rtl";

package/lib/index.stories.d.ts

@@ -0,0 +1,7 @@
+export declare const Icons: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: () => JSX.Element;
+};
+export default _default;
+//# sourceMappingURL=index.stories.d.ts.map

package/lib/index.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../src/index.stories.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,mBA+CjB,CAAC;;;;;AAEF,wBAGE"}

package/lib/index.stories.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as icons from "./index";
+import * as legacyIcons from "./legacy";
+export const Icons = () => {
+    return (_jsx(_Fragment, { children: _jsx("div", { style: { display: "flex", flexWrap: "wrap" }, children: Object.entries(icons).map(
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ([name, Icon]) => {
+                if (name.endsWith("Icon") === false) {
+                    return null;
+                }
+                return (_jsxs("div", { style: {
+                        width: 150,
+                        height: 100,
+                        margin: 5,
+                        padding: 5,
+                        border: "solid 1px #f5f5f5",
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        justifyContent: "center",
+                    }, children: [_jsx(Icon, { width: "32", height: "32" }), _jsxs("div", { style: {
+                                marginTop: 16,
+                                fontFamily: "Arial",
+                                textAlign: "center",
+                                wordWrap: "break-word",
+                                width: "100%",
+                                fontSize: "$fontSize$4",
+                                color: "#5a5a5a",
+                            }, children: [name.replace(/Icon$/, ""), name in legacyIcons && " (legacy)"] })] }, name));
+            }) }) }));
+};
+export default {
+    title: "All Icons",
+    component: Icons,
+};

package/lib/justify-content-center.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyContentCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-content-center.d.ts.map

package/lib/justify-content-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-content-center.d.ts","sourceRoot":"","sources":["../src/justify-content-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,wBAAwB,iFAsBnC,CAAC"}

package/lib/justify-content-center.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export const JustifyContentCenterIcon = 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: "M12.7999 4.79999V19.2H11.1999V4.79999H12.7999ZM16.5999 15.8H14.3999V8.19999H16.5999V15.8ZM7.3999 15.8H9.5999V8.19999H7.3999V15.8Z", fill: color }) }));
+});
+JustifyContentCenterIcon.displayName = "JustifyContentCenterIcon";

package/lib/justify-content-end.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyContentEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-content-end.d.ts.map

package/lib/justify-content-end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-content-end.d.ts","sourceRoot":"","sources":["../src/justify-content-end.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,qBAAqB,iFAoBjC,CAAC"}

package/lib/justify-content-end.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const JustifyContentEndIcon = 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: "M12 16.8H15.2V19.2H16.8V4.79999H15.2V7.19999H12V16.8Z", fill: color }), _jsx("path", { d: "M7.19995 16.8H10.4V7.19999H7.19995V16.8Z", fill: color })] }));
+});
+JustifyContentEndIcon.displayName = "JustifyContentEndIcon";

package/lib/justify-content-space-around.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyContentSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-content-space-around.d.ts.map

package/lib/justify-content-space-around.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-content-space-around.d.ts","sourceRoot":"","sources":["../src/justify-content-space-around.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,6BAA6B,iFAoBxC,CAAC"}

package/lib/justify-content-space-around.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const JustifyContentSpaceAroundIcon = 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: "M7.9999 19.2V4.79999H6.3999V19.2H7.9999Z", fill: color }), _jsx("path", { d: "M17.5999 19.2V4.79999H15.9999V19.2H17.5999Z", fill: color }), _jsx("path", { d: "M15.1999 16.8H12.7999V7.19999H15.1999V16.8Z", fill: color }), _jsx("path", { d: "M8.7999 16.8H11.1999V7.19999H8.7999V16.8Z", fill: color })] }));
+});
+JustifyContentSpaceAroundIcon.displayName = "JustifyContentSpaceAroundIcon";

package/lib/justify-content-space-between.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyContentSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-content-space-between.d.ts.map

package/lib/justify-content-space-between.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-content-space-between.d.ts","sourceRoot":"","sources":["../src/justify-content-space-between.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,8BAA8B,iFAsBzC,CAAC"}

package/lib/justify-content-space-between.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export const JustifyContentSpaceBetweenIcon = 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: "M11.1999 7.19999H7.9999V4.79999H6.3999V19.2H7.9999V16.8H11.1999V7.19999ZM12.7999 16.8H15.9999V19.2H17.5999V4.79999H15.9999V7.19999H12.7999V16.8Z", fill: color }) }));
+});
+JustifyContentSpaceBetweenIcon.displayName = "JustifyContentSpaceBetweenIcon";

package/lib/justify-content-start.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyContentStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-content-start.d.ts.map

package/lib/justify-content-start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-content-start.d.ts","sourceRoot":"","sources":["../src/justify-content-start.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,uBAAuB,iFAqBlC,CAAC"}

package/lib/justify-content-start.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const JustifyContentStartIcon = 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: "M10.9999 7.19999H8.79995V4.79999H7.19995V19.2H8.79995V16.8H10.9999V7.19999Z", fill: color }), _jsx("path", { d: "M16.8 7.19999H13.6V16.8H16.8V7.19999Z", fill: color })] }));
+});
+JustifyContentStartIcon.displayName = "JustifyContentStartIcon";

package/lib/justify-items-center.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyItemsCenterIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-items-center.d.ts.map

package/lib/justify-items-center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-items-center.d.ts","sourceRoot":"","sources":["../src/justify-items-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,sBAAsB,iFAsBjC,CAAC"}

package/lib/justify-items-center.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+// @todo this is just a copy of justifyContent icons for now
+export const JustifyItemsCenterIcon = 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: "M12.7999 4.79999V19.2H11.1999V4.79999H12.7999ZM16.5999 15.8H14.3999V8.19999H16.5999V15.8ZM7.3999 15.8H9.5999V8.19999H7.3999V15.8Z", fill: color }) }));
+});
+JustifyItemsCenterIcon.displayName = "JustifyItemsCenterIcon";

package/lib/justify-items-end.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyItemsEndIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-items-end.d.ts.map

package/lib/justify-items-end.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-items-end.d.ts","sourceRoot":"","sources":["../src/justify-items-end.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,mBAAmB,iFAoB/B,CAAC"}

package/lib/justify-items-end.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+// @todo this is just a copy of justifyContent icons for now
+export const JustifyItemsEndIcon = 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: "M12 16.8H15.2V19.2H16.8V4.79999H15.2V7.19999H12V16.8Z", fill: color }), _jsx("path", { d: "M7.19995 16.8H10.4V7.19999H7.19995V16.8Z", fill: color })] }));
+});
+JustifyItemsEndIcon.displayName = "JustifyItemsEndIcon";

package/lib/justify-items-space-around.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyItemsSpaceAroundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-items-space-around.d.ts.map

package/lib/justify-items-space-around.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-items-space-around.d.ts","sourceRoot":"","sources":["../src/justify-items-space-around.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,2BAA2B,iFAoBtC,CAAC"}

package/lib/justify-items-space-around.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+// @todo this is just a copy of justifyContent icons for now
+export const JustifyItemsSpaceAroundIcon = 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: "M7.9999 19.2V4.79999H6.3999V19.2H7.9999Z", fill: color }), _jsx("path", { d: "M17.5999 19.2V4.79999H15.9999V19.2H17.5999Z", fill: color }), _jsx("path", { d: "M15.1999 16.8H12.7999V7.19999H15.1999V16.8Z", fill: color }), _jsx("path", { d: "M8.7999 16.8H11.1999V7.19999H8.7999V16.8Z", fill: color })] }));
+});
+JustifyItemsSpaceAroundIcon.displayName = "JustifyItemsSpaceAroundIcon";

package/lib/justify-items-space-between.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyItemsSpaceBetweenIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-items-space-between.d.ts.map

package/lib/justify-items-space-between.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-items-space-between.d.ts","sourceRoot":"","sources":["../src/justify-items-space-between.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,4BAA4B,iFAsBvC,CAAC"}

package/lib/justify-items-space-between.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+// @todo this is just a copy of justifyContent icons for now
+export const JustifyItemsSpaceBetweenIcon = 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: "M11.1999 7.19999H7.9999V4.79999H6.3999V19.2H7.9999V16.8H11.1999V7.19999ZM12.7999 16.8H15.9999V19.2H17.5999V4.79999H15.9999V7.19999H12.7999V16.8Z", fill: color }) }));
+});
+JustifyItemsSpaceBetweenIcon.displayName = "JustifyItemsSpaceBetweenIcon";

package/lib/justify-items-start.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const JustifyItemsStartIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=justify-items-start.d.ts.map

package/lib/justify-items-start.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"justify-items-start.d.ts","sourceRoot":"","sources":["../src/justify-items-start.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,qBAAqB,iFAoBjC,CAAC"}

package/lib/justify-items-start.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+// @todo this is just a copy of justifyContent icons for now
+export const JustifyItemsStartIcon = 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: "M10.9999 7.19999H8.79995V4.79999H7.19995V19.2H8.79995V16.8H10.9999V7.19999Z", fill: color }), _jsx("path", { d: "M16.8 7.19999H13.6V16.8H16.8V7.19999Z", fill: color })] }));
+});
+JustifyItemsStartIcon.displayName = "JustifyItemsStartIcon";

package/lib/legacy.d.ts

@@ -0,0 +1,2 @@
+export { ImageIcon, FontBoldIcon, FontItalicIcon, Link2Icon, MobileIcon, LaptopIcon, DesktopIcon, PlusIcon, HamburgerMenuIcon, DotsHorizontalIcon, CheckIcon, RocketIcon, ExternalLinkIcon, Share1Icon, EyeOpenIcon, ExclamationTriangleIcon, DotFilledIcon, TriangleRightIcon, TriangleDownIcon, CommitIcon, InputIcon, ButtonIcon, HeadingIcon, TextIcon, SquareIcon, InfoCircledIcon, CrossCircledIcon, CheckCircledIcon, } from "@radix-ui/react-icons";
+//# sourceMappingURL=legacy.d.ts.map

package/lib/legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["../src/legacy.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}

package/lib/legacy.js

@@ -0,0 +1 @@
+export { ImageIcon, FontBoldIcon, FontItalicIcon, Link2Icon, MobileIcon, LaptopIcon, DesktopIcon, PlusIcon, HamburgerMenuIcon, DotsHorizontalIcon, CheckIcon, RocketIcon, ExternalLinkIcon, Share1Icon, EyeOpenIcon, ExclamationTriangleIcon, DotFilledIcon, TriangleRightIcon, TriangleDownIcon, CommitIcon, InputIcon, ButtonIcon, HeadingIcon, TextIcon, SquareIcon, InfoCircledIcon, CrossCircledIcon, CheckCircledIcon, } from "@radix-ui/react-icons";

package/lib/list-nested.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { IconProps } from "./types";
+export declare const ListNestedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=list-nested.d.ts.map