@webstudio-is/icons 0.60.0 → 0.62.0

package/src/__generated__/a-c-center.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-center.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACCenterIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 5.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V5.5ZM6.25 5.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V5.5ZM1.75 5.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V5.5ZM1.75 9a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V9Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACCenterIcon.displayName = "ACCenterIcon";

package/src/__generated__/a-c-end.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-end.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACEndIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 7a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V7ZM6.25 7a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V7ZM1.75 7a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V7ZM1.75 10.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5v-1.5Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACEndIcon.displayName = "ACEndIcon";

package/src/__generated__/a-c-space-around.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-space-around.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACSpaceAroundIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 4.8a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4.8ZM6.25 4.8a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4.8ZM1.75 4.8a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4.8ZM1.75 9.7a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V9.7Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACSpaceAroundIcon.displayName = "ACSpaceAroundIcon";

package/src/__generated__/a-c-space-between.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-space-between.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACSpaceBetweenIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM6.25 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 10.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5v-1.5Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACSpaceBetweenIcon.displayName = "ACSpaceBetweenIcon";

package/src/__generated__/a-c-start.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-start.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACStartIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM6.25 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 7.5a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5V9a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V7.5Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACStartIcon.displayName = "ACStartIcon";

package/src/__generated__/a-c-stretch.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-c-stretch.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ACStretchIcon = 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="M14.5 14.3c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M10.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM6.25 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 4a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V4ZM1.75 9a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5V9Z" /><path fillRule="evenodd" d="M14.5 1.7c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ACStretchIcon.displayName = "ACStretchIcon";

package/src/__generated__/a-i-baseline.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-i-baseline.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AIBaselineIcon = 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.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H5.3a.8.8 0 0 1-.8-.8V3.8Zm1 3.46V4h1v3.26h-1ZM11.5 10.2a.8.8 0 0 1-.8.8H9.3a.8.8 0 0 1-.8-.8V3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4ZM9.5 4v3.26h1V4h-1Z" clipRule="evenodd" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AIBaselineIcon.displayName = "AIBaselineIcon";

package/src/__generated__/a-i-center.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-i-center.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AICenterIcon = 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 d="M4.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H5.3a.8.8 0 0 1-.8-.8V3.8ZM8.5 5.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v4.4a.8.8 0 0 1-.8.8H9.3a.8.8 0 0 1-.8-.8V5.8Z" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AICenterIcon.displayName = "AICenterIcon";

package/src/__generated__/a-i-end.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-i-end.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AIEndIcon = 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 d="M13.732 14.4c.424 0 .768-.313.768-.7 0-.386-.344-.7-.768-.7H2.268c-.424 0-.768.313-.768.7 0 .387.344.7.768.7h11.464ZM10.7 12a.8.8 0 0 0 .8-.8V7.8a.8.8 0 0 0-.8-.8H9.3a.8.8 0 0 0-.8.8v3.4a.8.8 0 0 0 .8.8h1.4ZM6.7 12a.8.8 0 0 0 .8-.8V4.8a.8.8 0 0 0-.8-.8H5.3a.8.8 0 0 0-.8.8v6.4a.8.8 0 0 0 .8.8h1.4Z" /></svg>
+    );
+  }
+);
+
+AIEndIcon.displayName = "AIEndIcon";

package/src/__generated__/a-i-start.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-i-start.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AIStartIcon = 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.5 2.3c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /><path d="M4.5 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4a.8.8 0 0 1-.8.8H5.3a.8.8 0 0 1-.8-.8V4.8ZM8.5 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v3.4a.8.8 0 0 1-.8.8H9.3a.8.8 0 0 1-.8-.8V4.8Z" /></svg>
+    );
+  }
+);
+
+AIStartIcon.displayName = "AIStartIcon";

package/src/__generated__/a-i-stretch.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-i-stretch.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const AIStretchIcon = 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.5 2.3c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /><path d="M4.5 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4a.8.8 0 0 1-.8.8H5.3a.8.8 0 0 1-.8-.8V4.8ZM8.5 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4a.8.8 0 0 1-.8.8H9.3a.8.8 0 0 1-.8-.8V4.8Z" /><path fillRule="evenodd" d="M1.5 13.7c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+AIStretchIcon.displayName = "AIStretchIcon";

package/src/__generated__/a-s-baseline.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-s-baseline.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ASBaselineIcon = 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="M6.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8V12.2a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V3.8Zm1 3.46V4h1v3.26h-1Z" clipRule="evenodd" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ASBaselineIcon.displayName = "ASBaselineIcon";

package/src/__generated__/a-s-center.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-s-center.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ASCenterIcon = 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 d="M6.5 3.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v8.4a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V3.8Z" /><path fillRule="evenodd" d="M1.5 7.95c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ASCenterIcon.displayName = "ASCenterIcon";

package/src/__generated__/a-s-end.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-s-end.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ASEndIcon = 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="M14.5 14.2c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M9.5 11.6a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.2a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4Z" /></svg>
+    );
+  }
+);
+
+ASEndIcon.displayName = "ASEndIcon";

package/src/__generated__/a-s-start.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-s-start.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ASStartIcon = 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.5 1.8c0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7 0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7Z" clipRule="evenodd" /><path d="M6.5 4.4a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.4Z" /></svg>
+    );
+  }
+);
+
+ASStartIcon.displayName = "ASStartIcon";

package/src/__generated__/a-s-stretch.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/a-s-stretch.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ASStretchIcon = 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="M14.5 14.2c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /><path d="M9.5 11.7a.8.8 0 0 1-.8.8H7.3a.8.8 0 0 1-.8-.8V4.3a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v7.4Z" /><path fillRule="evenodd" d="M14.5 1.8c0 .387-.344.7-.768.7H2.268c-.424 0-.768-.313-.768-.7 0-.387.344-.7.768-.7h11.464c.424 0 .768.313.768.7Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ASStretchIcon.displayName = "ASStretchIcon";

package/src/__generated__/arrow-down.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/arrow-down.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ArrowDownIcon = 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="M3.434 8.434a.8.8 0 0 1 1.132 0L7.2 11.07V3a.8.8 0 1 1 1.6 0v8.069l2.634-2.635a.8.8 0 0 1 1.132 1.132l-4 4a.8.8 0 0 1-1.132 0l-4-4a.8.8 0 0 1 0-1.132Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ArrowDownIcon.displayName = "ArrowDownIcon";

package/src/__generated__/arrow-right.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/arrow-right.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const ArrowRightIcon = 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.434 12.566a.8.8 0 0 1 0-1.132L11.07 8.8H3a.8.8 0 1 1 0-1.6h8.069L8.434 4.566a.8.8 0 1 1 1.132-1.132l4 4a.8.8 0 0 1 0 1.132l-4 4a.8.8 0 0 1-1.132 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+ArrowRightIcon.displayName = "ArrowRightIcon";

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

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 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>
+      <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 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>
     );
   }
 );

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

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 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>
+      <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 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>
     );
   }
 );

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

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 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>
+      <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 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>
     );
   }
 );

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

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 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>
+      <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 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>
     );
   }
 );

package/src/__generated__/box.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const BoxIcon = 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="M14.882 2H7.118c-.743 0-1.346 0-1.835.04-.505.041-.954.129-1.372.341a3.5 3.5 0 0 0-1.53 1.53c-.212.418-.3.867-.341 1.372C2 5.772 2 6.375 2 7.118v7.764c0 .743 0 1.346.04 1.835.041.505.129.955.341 1.372a3.5 3.5 0 0 0 1.53 1.53c.418.212.867.3 1.372.341.489.04 1.092.04 1.835.04h7.764c.743 0 1.346 0 1.835-.04.505-.041.955-.129 1.372-.341a3.5 3.5 0 0 0 1.53-1.53c.212-.417.3-.867.341-1.372.04-.489.04-1.092.04-1.835V7.118c0-.743 0-1.346-.04-1.835-.041-.505-.129-.954-.341-1.372a3.5 3.5 0 0 0-1.53-1.53c-.417-.212-.867-.3-1.372-.341C16.228 2 15.625 2 14.882 2Zm1.713 1.535c.412.034.642.096.813.183a2 2 0 0 1 .874.874c.087.17.15.4.183.813.034.42.035.963.035 1.745v7.7c0 .782 0 1.324-.035 1.745-.034.412-.096.642-.183.813a2 2 0 0 1-.874.874c-.17.087-.4.15-.813.183-.42.034-.963.035-1.745.035h-7.7c-.782 0-1.324 0-1.745-.035-.412-.034-.642-.096-.813-.183a2 2 0 0 1-.874-.874c-.087-.17-.15-.4-.183-.813-.034-.42-.035-.963-.035-1.745v-7.7c0-.782 0-1.324.035-1.745.034-.412.096-.642.183-.813a2 2 0 0 1 .874-.874c.17-.087.4-.15.813-.183.42-.034.963-.035 1.745-.035h7.7c.782 0 1.324 0 1.745.035Z" clipRule="evenodd" /></svg>
+      <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.036.029.36.029.803.029 1.34v5.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.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.32-.164.663-.23 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.259-.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.054.259.098.552.122.301.025.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.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-.26-.098-.552-.122-.301-.025-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/checkbox-checked.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/checkbox-checked.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const CheckboxCheckedIcon = 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.036.029.36.029.803.029 1.34v5.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.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.32-.164.663-.23 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.259-.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.054.259.098.552.122.301.025.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.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-.26-.098-.552-.122-.301-.025-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025Z" clipRule="evenodd" /><path fillRule="evenodd" d="M11.566 5.357a.8.8 0 0 1 0 1.132l-4.154 4.154a.8.8 0 0 1-1.132 0L4.434 8.796a.8.8 0 1 1 1.132-1.13l1.28 1.28 3.588-3.589a.8.8 0 0 1 1.132 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+CheckboxCheckedIcon.displayName = "CheckboxCheckedIcon";

package/src/__generated__/chevron-filled-up.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const ChevronFilledUpIcon = 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 d="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
+      <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="M7.5 5.508 4.623 9.826a.6.6 0 0 0 .5.933h5.757a.6.6 0 0 0 .5-.933l-2.88-4.318a.6.6 0 0 0-.998 0Z" /></svg>
     );
   }
 );

package/src/__generated__/code.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const CodeIcon = 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="M12.996 2.018c.404.09.66.49.57.895l-3.667 16.5a.75.75 0 0 1-1.464-.326l3.666-16.5a.75.75 0 0 1 .895-.569ZM6.947 5.887a.75.75 0 0 1 0 1.06L2.894 11l4.053 4.053a.75.75 0 1 1-1.06 1.06l-4.584-4.582a.75.75 0 0 1 0-1.061l4.583-4.584a.75.75 0 0 1 1.061 0Zm8.106 0a.75.75 0 0 1 1.06 0l4.584 4.583a.75.75 0 0 1 0 1.06l-4.583 4.584a.75.75 0 0 1-1.061-1.06L19.106 11l-4.053-4.053a.75.75 0 0 1 0-1.06Z" clipRule="evenodd" /></svg>
+      <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="M9.474 1.365a.65.65 0 0 1 .494.776l-2.667 12a.65.65 0 0 1-1.269-.282l2.667-12a.65.65 0 0 1 .775-.494ZM5.126 4.207a.65.65 0 0 1 0 .92L2.253 8l2.873 2.874a.65.65 0 1 1-.919.919L.874 8.46a.65.65 0 0 1 0-.92l3.333-3.333a.65.65 0 0 1 .92 0Zm5.748 0a.65.65 0 0 1 .919 0l3.333 3.333a.65.65 0 0 1 0 .92l-3.333 3.333a.65.65 0 1 1-.92-.92L13.748 8l-2.873-2.874a.65.65 0 0 1 0-.919Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/form-text-area.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/form-text-area.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const FormTextAreaIcon = 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.35 3.325c0-.723.586-1.31 1.31-1.31h10.68c.723 0 1.31.587 1.31 1.31v9.35a1.31 1.31 0 0 1-1.31 1.31H2.66a1.31 1.31 0 0 1-1.31-1.31v-9.35Zm12 5.739V3.321a.01.01 0 0 0-.003-.003.01.01 0 0 0-.003-.002l-.004-.001H2.656l-.003.003a.012.012 0 0 0-.003.003V12.68a.012.012 0 0 0 .006.005l.004.001h7.069l3.62-3.621Zm-1.783 3.621 1.783-1.783v1.777l-.003.003a.01.01 0 0 1-.003.002l-.004.001h-1.773Zm-6.9-8.011a.65.65 0 0 1 .65.65v2.67a.65.65 0 0 1-1.3 0v-2.67a.65.65 0 0 1 .65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+FormTextAreaIcon.displayName = "FormTextAreaIcon";

package/src/__generated__/gap-horizontal.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/gap-horizontal.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const GapHorizontalIcon = 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 d="M12.67 14.65h-.53c-.82 0-1.28 0-1.7-.22-.38-.19-.68-.49-.87-.87-.22-.42-.22-.88-.22-1.7V4.13c0-.82 0-1.28.22-1.7.19-.38.49-.68.87-.87.42-.22.88-.22 1.7-.22h.53c.36 0 .65.29.65.65 0 .36-.29.65-.65.65h-.53c-.58 0-.96 0-1.11.07-.13.07-.23.17-.3.3-.07.15-.07.53-.07 1.11v7.73c0 .58 0 .96.07 1.11.06.13.17.23.3.3.15.07.53.07 1.11.07h.53c.36 0 .65.29.65.65 0 .36-.29.65-.65.65v.02Zm-8.8 0h-.53c-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65h.53c.58 0 .96 0 1.11-.07.13-.07.23-.17.3-.3.07-.15.07-.53.07-1.11V4.13c0-.58 0-.96-.07-1.11a.723.723 0 0 0-.3-.3c-.15-.07-.53-.07-1.11-.07h-.53c-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65h.53c.82 0 1.28 0 1.7.22.38.19.67.49.87.87.22.42.22.88.22 1.7v7.73c0 .82 0 1.28-.22 1.7-.19.37-.49.67-.87.87-.42.22-.88.22-1.7.22v-.01Z" /></svg>
+    );
+  }
+);
+
+GapHorizontalIcon.displayName = "GapHorizontalIcon";

package/src/__generated__/gap-vertical.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/gap-vertical.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const GapVerticalIcon = 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 d="M14.65 3.335v.53c0 .82 0 1.28-.22 1.7-.19.38-.49.68-.87.87-.42.22-.88.22-1.7.22H4.13c-.82 0-1.28 0-1.7-.22-.38-.19-.68-.49-.87-.87-.22-.42-.22-.88-.22-1.7v-.53c0-.36.29-.65.65-.65.36 0 .65.29.65.65v.53c0 .58 0 .96.07 1.11.07.13.17.23.3.3.15.07.53.07 1.11.07h7.73c.58 0 .96 0 1.11-.07a.67.67 0 0 0 .3-.3c.07-.15.07-.53.07-1.11v-.53c0-.36.29-.65.65-.65.36 0 .65.29.65.65h.02Zm0 8.8v.53c0 .36-.29.65-.65.65-.36 0-.65-.29-.65-.65v-.53c0-.58 0-.96-.07-1.11a.723.723 0 0 0-.3-.3c-.15-.07-.53-.07-1.11-.07H4.13c-.58 0-.96 0-1.11.07-.13.07-.23.17-.3.3-.07.15-.07.53-.07 1.11v.53c0 .36-.29.65-.65.65-.36 0-.65-.29-.65-.65v-.53c0-.82 0-1.28.22-1.7.19-.38.49-.67.87-.87.42-.22.88-.22 1.7-.22h7.73c.82 0 1.28 0 1.7.22.37.19.67.49.87.87.22.42.22.88.22 1.7h-.01Z" /></svg>
+    );
+  }
+);
+
+GapVerticalIcon.displayName = "GapVerticalIcon";

package/src/__generated__/grow.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/grow.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const GrowIcon = 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.5 1.85a.65.65 0 0 1 .65.65v11a.65.65 0 1 1-1.3 0v-11a.65.65 0 0 1 .65-.65Zm13 0a.65.65 0 0 1 .65.65v11a.65.65 0 1 1-1.3 0v-11a.65.65 0 0 1 .65-.65ZM6.156 5.54a.65.65 0 0 1 0 .92l-.89.89h5.468l-.89-.89a.65.65 0 1 1 .92-.92l2 2a.65.65 0 0 1 0 .92l-2 2a.65.65 0 1 1-.92-.92l.89-.89H5.266l.89.89a.65.65 0 1 1-.92.92l-2-2a.65.65 0 0 1 0-.92l2-2a.65.65 0 0 1 .92 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+GrowIcon.displayName = "GrowIcon";

package/src/__generated__/index.ts

@@ -1,4 +1,22 @@
+export * from "./a-c-center";
+export * from "./a-c-end";
+export * from "./a-c-space-around";
+export * from "./a-c-space-between";
+export * from "./a-c-start";
+export * from "./a-c-stretch";
+export * from "./a-i-baseline";
+export * from "./a-i-center";
+export * from "./a-i-end";
+export * from "./a-i-start";
+export * from "./a-i-stretch";
+export * from "./a-s-baseline";
+export * from "./a-s-center";
+export * from "./a-s-end";
+export * from "./a-s-start";
+export * from "./a-s-stretch";
 export * from "./alert";
+export * from "./arrow-down";
+export * from "./arrow-right";
 export * from "./attachment";
 export * from "./auto-scroll";
 export * from "./blockquote";
@@ -15,12 +33,12 @@ 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 "./bp-star-off";
 export * from "./bp-star-on";
 export * from "./button-element";
 export * from "./checkbox-checked-filled";
+export * from "./checkbox-checked";
 export * from "./checkbox-empty";
 export * from "./checkbox-mixed-filled";
 export * from "./chevron-big-down";
@@ -44,20 +62,36 @@ export * from "./email";
 export * from "./external-link";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./form-text-area";
 export * from "./form-text-field";
 export * from "./form";
+export * from "./gap-horizontal";
+export * from "./gap-vertical";
 export * from "./github";
 export * from "./google";
+export * from "./grow";
 export * from "./hamburger-menu";
 export * from "./heading";
 export * from "./image";
 export * from "./info";
 export * from "./information";
+export * from "./j-c-center";
+export * from "./j-c-end";
+export * from "./j-c-space-around";
+export * from "./j-c-space-between";
+export * from "./j-c-start";
+export * from "./link-2-unlinked";
+export * from "./link-2";
+export * from "./link-block";
 export * from "./link";
-export * from "./linked";
 export * from "./list-item";
 export * from "./list";
+export * from "./menu-ellipses";
+export * from "./minus";
+export * from "./no-wrap";
 export * from "./offline";
+export * from "./order-first";
+export * from "./order-last";
 export * from "./page";
 export * from "./paint-brush";
 export * from "./phone";
@@ -70,12 +104,15 @@ export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
 export * from "./section-link";
+export * from "./shrink";
 export * from "./slot-component";
 export * from "./small-x";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";
+export * from "./text-align-left";
 export * from "./text-block";
 export * from "./text-italic";
-export * from "./unlinked";
+export * from "./video";
 export * from "./webstudio";
+export * from "./wrap";

package/src/__generated__/j-c-center.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/j-c-center.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const JCCenterIcon = 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 d="M3.1 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4a.8.8 0 0 1-.8.8H3.9a.8.8 0 0 1-.8-.8V4.8Z" /><path fillRule="evenodd" d="M8 1.5c.442 0 .8.344.8.768v11.464c0 .424-.358.768-.8.768-.442 0-.8-.344-.8-.768V2.268c0-.424.358-.768.8-.768Z" clipRule="evenodd" /><path d="M9.9 4.8a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v6.4a.8.8 0 0 1-.8.8h-1.4a.8.8 0 0 1-.8-.8V4.8Z" /></svg>
+    );
+  }
+);
+
+JCCenterIcon.displayName = "JCCenterIcon";