@webstudio-is/icons 0.51.0 → 0.52.0

package/src/__generated__/index.ts

@@ -1,6 +1,9 @@
 export * from "./alert";
+export * from "./attachment";
 export * from "./auto-scroll";
 export * from "./blockquote";
+export * from "./body";
+export * from "./bold";
 export * from "./border-radius-bottom-left";
 export * from "./border-radius-bottom-right";
 export * from "./border-radius-individual";
@@ -14,6 +17,7 @@ export * from "./border-width-right";
 export * from "./border-width-top";
 export * from "./box-link";
 export * from "./box";
+export * from "./button-element";
 export * from "./checkbox-checked-filled";
 export * from "./checkbox-empty";
 export * from "./checkbox-mixed-filled";
@@ -34,17 +38,27 @@ export * from "./div";
 export * from "./dot";
 export * from "./dotted-border";
 export * from "./drag-handle";
+export * from "./email";
+export * from "./external-link";
 export * from "./eyecon-closed";
 export * from "./eyecon-open";
+export * from "./form-text-field";
+export * from "./form";
 export * from "./github";
 export * from "./google";
 export * from "./hamburger-menu";
+export * from "./heading";
+export * from "./image";
 export * from "./info";
 export * from "./information";
+export * from "./link";
 export * from "./linked";
 export * from "./list-item";
 export * from "./list";
 export * from "./offline";
+export * from "./page";
+export * from "./paint-brush";
+export * from "./phone";
 export * from "./play";
 export * from "./plus";
 export * from "./radio-checked";
@@ -53,10 +67,13 @@ export * from "./repeat-column";
 export * from "./repeat-grid";
 export * from "./repeat-row";
 export * from "./scroll";
+export * from "./section-link";
 export * from "./slot-component";
 export * from "./small-x";
 export * from "./subscript";
 export * from "./subtract";
 export * from "./superscript";
+export * from "./text-block";
+export * from "./text-italic";
 export * from "./unlinked";
 export * from "./webstudio";

package/src/__generated__/link.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/link.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const LinkIcon = 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="M11.94 4.059c-.712-.713-2.076-.71-3.054.269l-.807.807a.65.65 0 0 1-.92-.92l.808-.807c1.365-1.365 3.56-1.602 4.893-.268 1.334 1.333 1.096 3.528-.269 4.893l-.807.807a.65.65 0 1 1-.92-.919l.808-.807c.978-.979.982-2.342.269-3.055Zm-2.02 2.02a.65.65 0 0 1 0 .92L6.999 9.92a.65.65 0 1 1-.92-.919l2.923-2.923a.65.65 0 0 1 .92 0ZM5.136 7.16a.65.65 0 0 1 0 .92l-.808.807c-.978.978-.981 2.342-.269 3.055.713.712 2.077.71 3.055-.27l.808-.806a.65.65 0 1 1 .919.919l-.808.807c-1.365 1.365-3.56 1.602-4.893.269-1.333-1.334-1.096-3.528.269-4.893l.807-.808a.65.65 0 0 1 .92 0Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+LinkIcon.displayName = "LinkIcon";

package/src/__generated__/page.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/page.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PageIcon = 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.55 2.658a9.96 9.96 0 0 0-.543-.008H6.08c-.515 0-.862 0-1.13.022-.26.022-.386.06-.472.103a1.15 1.15 0 0 0-.503.503c-.043.086-.081.213-.103.473-.022.267-.022.614-.022 1.129v6.24c0 .515 0 .862.022 1.13.022.26.06.386.103.472.11.216.287.392.503.503.086.043.213.081.473.103.267.022.614.022 1.129.022h3.84c.515 0 .862 0 1.13-.022.26-.022.386-.06.472-.103a1.15 1.15 0 0 0 .503-.503c.043-.085.081-.213.103-.473.021-.267.022-.614.022-1.129V6.793c0-.277-.002-.436-.008-.543H10.14c-.15 0-.3 0-.427-.01a1.263 1.263 0 0 1-.48-.126 1.25 1.25 0 0 1-.547-.547 1.263 1.263 0 0 1-.126-.48c-.01-.127-.01-.276-.01-.427V2.658Zm.903-1.095a2.451 2.451 0 0 0-.427-.145c-.283-.068-.577-.068-.955-.068H6.053c-.481 0-.881 0-1.208.027-.34.028-.658.087-.957.24a2.45 2.45 0 0 0-1.071 1.07c-.153.3-.213.617-.24.958-.027.327-.027.727-.027 1.208v6.293c0 .482 0 .882.027 1.21.027.34.087.657.24.956.235.461.61.836 1.07 1.071.3.153.617.213.958.24.327.027.727.027 1.208.027h3.894c.481 0 .881 0 1.208-.027.34-.027.658-.087.957-.24a2.45 2.45 0 0 0 1.071-1.07c.152-.3.213-.618.24-.958.027-.327.027-.727.027-1.209V6.73c0-.378 0-.672-.068-.955a2.445 2.445 0 0 0-.293-.709c-.152-.248-.36-.456-.628-.723l-.045-.045-1.913-1.913-.045-.045c-.267-.268-.475-.476-.723-.628a2.452 2.452 0 0 0-.281-.148Zm.397 2.006V4.64c0 .15 0 .241.004.306.065.004.156.004.306.004h1.07L9.85 3.57Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PageIcon.displayName = "PageIcon";

package/src/__generated__/paint-brush.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/paint-brush.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PaintBrushIcon = 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="M11.391 1.873a1.93 1.93 0 0 1 2.69.046c.753.753.759 1.933.052 2.696-.33.356-.84.916-1.431 1.566-.67.734-1.443 1.584-2.18 2.384A121.12 121.12 0 0 1 8.7 10.512c-.242.25-.45.459-.603.602a2.787 2.787 0 0 1-.22.19.893.893 0 0 1-.178.105.66.66 0 0 1-.869-.325c-.363-.787-1.127-1.548-1.908-1.907a.657.657 0 0 1-.325-.87.894.894 0 0 1 .105-.177 2.79 2.79 0 0 1 .19-.221c.143-.154.352-.361.602-.602a121.42 121.42 0 0 1 1.948-1.824c.8-.736 1.649-1.51 2.383-2.179.65-.591 1.21-1.101 1.566-1.431Zm1.771.966a.631.631 0 0 0-.888-.012c-.352.326-.92.843-1.576 1.441-.74.674-1.592 1.45-2.376 2.172a120.24 120.24 0 0 0-2.114 1.985 5.677 5.677 0 0 1 1.373 1.373l.184-.189c.473-.49 1.115-1.179 1.801-1.925.722-.784 1.498-1.636 2.172-2.375.598-.657 1.115-1.225 1.441-1.577a.635.635 0 0 0-.017-.893ZM3.998 10.002c-1.107 0-2 .893-2 1.999 0 .684-.474 1.114-.948 1.268-.153.05-.242.246-.13.362.625.64 1.533 1.036 2.411 1.036A2.665 2.665 0 0 0 5.997 12c0-1.106-.893-2-2-2Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PaintBrushIcon.displayName = "PaintBrushIcon";

package/src/__generated__/phone.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/phone.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const PhoneIcon = 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.562 2.719a.64.64 0 0 0-.578 0c-.068.034-.153.108-.532.487l-.102.101c-.361.362-.458.466-.535.604-.09.16-.166.45-.165.633 0 .163.024.261.131.637a11.629 11.629 0 0 0 2.978 5.06 11.63 11.63 0 0 0 5.06 2.978c.376.107.474.13.637.131.184 0 .473-.075.633-.165.138-.077.242-.174.604-.535l.101-.102c.38-.379.453-.464.487-.532a.64.64 0 0 0 0-.578c-.034-.068-.108-.153-.487-.532l-.125-.125c-.25-.25-.305-.3-.347-.327a.64.64 0 0 0-.697 0c-.042.027-.098.078-.347.327l-.015.015c-.058.058-.131.132-.22.195a1.324 1.324 0 0 1-1.116.19c-.104-.03-.19-.071-.255-.103l-.016-.007a10.07 10.07 0 0 1-2.764-1.963 10.068 10.068 0 0 1-1.963-2.764l-.007-.016c-.032-.066-.073-.151-.103-.255a1.324 1.324 0 0 1 .19-1.116c.063-.089.137-.162.195-.22l.015-.015c.25-.25.3-.305.327-.347a.64.64 0 0 0 0-.697c-.027-.042-.078-.098-.327-.347l-.125-.125c-.38-.38-.464-.453-.532-.487Zm-1.165-1.16a1.94 1.94 0 0 1 1.751 0c.28.141.523.385.803.666l.228.228c.185.184.345.344.457.516a1.94 1.94 0 0 1 0 2.115c-.112.172-.272.332-.457.516-.036.036-.073.072-.109.11v.004l.031.067c.418.87.987 1.686 1.71 2.408a8.768 8.768 0 0 0 2.408 1.71l.067.031h.004c.038-.036.074-.073.11-.11.184-.184.344-.344.516-.456a1.94 1.94 0 0 1 2.115 0c.172.112.332.272.516.457l.228.228c.281.28.525.523.666.803.279.55.279 1.2 0 1.75-.141.28-.385.523-.666.803l-.207.208c-.3.3-.53.53-.842.706a2.82 2.82 0 0 1-1.274.331c-.356-.001-.617-.075-.951-.17l-.037-.01a12.93 12.93 0 0 1-5.625-3.31A12.93 12.93 0 0 1 1.53 5.537l-.01-.037c-.095-.334-.169-.595-.17-.951a2.82 2.82 0 0 1 .331-1.274c.175-.311.406-.542.706-.842l.208-.207c.28-.281.522-.525.802-.666Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+PhoneIcon.displayName = "PhoneIcon";

package/src/__generated__/section-link.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/section-link.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const SectionLinkIcon = 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.55 2.658a9.96 9.96 0 0 0-.543-.008H6.08c-.515 0-.862 0-1.13.022-.26.022-.386.06-.472.103a1.15 1.15 0 0 0-.503.503c-.043.086-.081.213-.103.473-.021.267-.022.614-.022 1.129V6a.65.65 0 0 1-1.3 0V4.853c0-.481 0-.881.027-1.208.028-.34.087-.658.24-.957a2.45 2.45 0 0 1 1.07-1.071c.3-.153.618-.213.958-.24.327-.027.727-.027 1.208-.027h2.018c.378 0 .672 0 .955.068a2.45 2.45 0 0 1 .709.293c.248.152.456.36.723.628l2.003 2.003c.268.267.476.475.628.723a2.455 2.455 0 0 1 .293.709c.068.283.068.577.068.955v4.417c0 .482 0 .882-.027 1.21-.028.34-.088.657-.24.956a2.45 2.45 0 0 1-1.07 1.071c-.3.153-.618.213-.958.24-.327.027-.727.027-1.209.027H6.053c-.481 0-.882 0-1.208-.027-.34-.027-.658-.087-.957-.24a2.45 2.45 0 0 1-1.071-1.07 2.028 2.028 0 0 1-.162-.442.65.65 0 1 1 1.263-.31c.017.069.036.12.057.161.11.216.286.392.503.503.085.043.213.081.473.103.267.022.614.022 1.129.022h3.84c.515 0 .862 0 1.13-.022.26-.022.386-.06.472-.103a1.15 1.15 0 0 0 .502-.503c.044-.085.082-.213.104-.473.021-.267.022-.614.022-1.129V6.793c0-.277-.001-.436-.008-.543H10.14c-.15 0-.3 0-.427-.01a1.263 1.263 0 0 1-.48-.126 1.25 1.25 0 0 1-.547-.547 1.263 1.263 0 0 1-.126-.48c-.01-.127-.01-.276-.01-.427V2.658Zm1.3.911V4.64c0 .15 0 .241.004.306.065.004.156.004.306.004h1.07L9.85 3.57ZM2.02 9.333a.65.65 0 0 1 .65-.65h6a.65.65 0 0 1 0 1.3h-6a.65.65 0 0 1-.65-.65Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+SectionLinkIcon.displayName = "SectionLinkIcon";

package/src/__generated__/subscript.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const SubscriptIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width={size} height={size} fill={color} {...props} ref={forwardedRef}><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" /></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="M8.393 12.37 7.309 9.516h-3.43l-1.084 2.852a.7.7 0 0 1-1.308-.497l2.959-7.785c.072-.19.14-.37.207-.51.056-.117.178-.367.433-.517a.995.995 0 0 1 1.016 0c.255.15.378.4.434.518.066.139.134.319.207.509l2.959 7.785a.7.7 0 0 1-1.309.497ZM4.412 8.116l1.182-3.111 1.183 3.111H4.412Z" clipRule="evenodd" /><path d="M10.24 10.26a.65.65 0 1 0 1.298.067c.007-.122.08-.25.213-.356.065-.051.292-.14.598-.125.302.013.471.115.53.194a.662.662 0 0 1 .111.596l-.007.015a2.84 2.84 0 0 1-.364.538c-.165.193-.707.77-1.224 1.316-.255.27-.499.526-.68.715l-.295.31a.65.65 0 0 0 .467 1.102l2.97.012a.65.65 0 1 0 .005-1.3l-1.465-.006a55.013 55.013 0 0 0 1.21-1.303c.207-.243.351-.462.445-.626a2.92 2.92 0 0 0 .135-.265l.009-.022.003-.007v-.001l.001-.003.003-.006.006-.015a1.423 1.423 0 0 0 .05-.17 1.961 1.961 0 0 0-.337-1.656c-.387-.52-1.016-.695-1.515-.717-.496-.022-1.073.095-1.465.407-.322.256-.67.698-.702 1.307Z" /></svg>
     );
   }
 );

package/src/__generated__/superscript.tsx

@@ -7,7 +7,7 @@ import type { IconProps } from "../types";
 export const SuperscriptIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width={size} height={size} fill={color} {...props} ref={forwardedRef}><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" /></svg>
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path d="M9.484 3.046a.65.65 0 1 0 1.298.067c.006-.123.08-.25.213-.356.065-.052.292-.14.597-.126.302.014.472.116.53.195a.662.662 0 0 1 .112.596l-.007.014c-.01.023-.03.06-.059.112a2.843 2.843 0 0 1-.306.427c-.165.193-.706.77-1.223 1.316l-.68.714-.296.31a.65.65 0 0 0 .467 1.102l2.97.012a.65.65 0 0 0 .006-1.3l-1.465-.006a55 55 0 0 0 1.21-1.303c.207-.243.35-.462.445-.626a2.92 2.92 0 0 0 .135-.265l.009-.02.003-.008v-.002l.001-.002.002-.006.006-.015a1.186 1.186 0 0 0 .051-.17 1.96 1.96 0 0 0-.337-1.656c-.387-.52-1.016-.695-1.515-.718-.496-.022-1.073.095-1.466.407-.322.257-.67.699-.701 1.307Z" /><path fillRule="evenodd" d="M8.393 12.37 7.309 9.516h-3.43l-1.084 2.852a.7.7 0 1 1-1.308-.497l2.959-7.785c.072-.19.14-.37.207-.51.056-.118.178-.367.433-.517a.995.995 0 0 1 1.016 0c.255.15.378.4.434.517.066.14.134.32.207.51l2.959 7.785a.7.7 0 1 1-1.309.497ZM4.412 8.116l1.182-3.111 1.183 3.11H4.412Z" clipRule="evenodd" /></svg>
     );
   }
 );

package/src/__generated__/text-block.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/text-block.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const TextBlockIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width={size} height={size} fill={color} {...props} ref={forwardedRef}><path fillRule="evenodd" d="M5.173 1.35h5.654c.537 0 .98 0 1.34.03.373.03.715.095 1.036.259.499.254.904.66 1.158 1.158.164.32.229.663.26 1.037.029.36.029.802.029 1.34v5.653c0 .537 0 .98-.03 1.34-.03.373-.095.715-.259 1.036a2.65 2.65 0 0 1-1.158 1.158c-.32.164-.663.23-1.037.26-.36.03-.802.03-1.34.03H5.174c-.537 0-.98 0-1.34-.03-.373-.03-.715-.096-1.036-.26a2.65 2.65 0 0 1-1.158-1.158c-.164-.32-.23-.663-.26-1.036-.029-.36-.029-.803-.029-1.34V5.173c0-.537 0-.98.03-1.34.03-.373.095-.715.259-1.036a2.65 2.65 0 0 1 1.158-1.158c.32-.164.663-.229 1.036-.26.36-.029.803-.029 1.34-.029ZM3.939 2.675c-.293.024-.445.068-.552.122a1.35 1.35 0 0 0-.59.59c-.054.107-.098.26-.122.552-.025.301-.025.69-.025 1.261v5.6c0 .57 0 .96.025 1.26.024.294.068.446.122.553.13.254.336.46.59.59.107.055.259.098.552.122.301.025.69.025 1.261.025h5.6c.57 0 .96 0 1.26-.025.294-.024.446-.067.553-.122.254-.13.46-.336.59-.59.054-.107.098-.259.122-.552.025-.301.025-.69.025-1.26V5.2c0-.572 0-.96-.025-1.262-.024-.293-.068-.445-.122-.552a1.35 1.35 0 0 0-.59-.59c-.107-.054-.26-.098-.552-.122-.301-.024-.69-.025-1.261-.025H5.2c-.57 0-.96 0-1.26.025ZM5.2 4.017H10.8c.082 0 .177 0 .261.007a.995.995 0 0 1 .377.1.99.99 0 0 1 .433.433c.073.144.093.28.101.378.007.083.007.179.007.26v.806a.65.65 0 1 1-1.3 0v-.684H8.65v5.366H10a.65.65 0 1 1 0 1.3H6a.65.65 0 1 1 0-1.3h1.35V5.317H5.32V6a.65.65 0 0 1-1.3 0v-.805c0-.081 0-.177.007-.26a.995.995 0 0 1 .1-.378.99.99 0 0 1 .434-.432.995.995 0 0 1 .377-.101c.084-.007.18-.007.26-.007Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+TextBlockIcon.displayName = "TextBlockIcon";

package/src/__generated__/text-italic.tsx

@@ -0,0 +1,15 @@
+// Generated from icons/text-italic.svg
+
+import { forwardRef } from "react";
+import type { IconProps } from "../types";
+
+// prettier-ignore
+export const TextItalicIcon = 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="M9.985 2.017H6.667a.65.65 0 0 0 0 1.3h2.395L5.55 12.683H3.333a.65.65 0 0 0 0 1.3h6a.65.65 0 1 0 0-1.3H6.938l3.513-9.366h2.216a.65.65 0 1 0 0-1.3H9.985Z" clipRule="evenodd" /></svg>
+    );
+  }
+);
+
+TextItalicIcon.displayName = "TextItalicIcon";

package/src/index.stories.tsx

@@ -1,5 +1,4 @@
 import * as icons from "./index";
-import * as legacyIcons from "./legacy";
 
 export const Icons = ({ testColor }: { testColor: boolean }) => {
   return (
@@ -45,7 +44,6 @@ export const Icons = ({ testColor }: { testColor: boolean }) => {
                   }}
                 >
                   {name.replace(/Icon$/, "")}
-                  {name in legacyIcons && " (legacy)"}
                 </div>
               </div>
             );

package/src/index.ts

@@ -1,12 +1,8 @@
-export * from "./legacy";
 export * from "./__generated__";
 export * from "./list-nested";
-export * from "./brush";
-export * from "./form";
 export * from "./undo";
 export * from "./redo";
 export * from "./devices";
-export * from "./body";
 export * from "./types";
 export * from "./align-content-center";
 export * from "./align-content-end";
@@ -44,7 +40,6 @@ 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";
@@ -78,7 +73,6 @@ 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";

package/lib/body.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const BodyIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M1 3.96833H14M2.51667 14H12.4833C13.321 14 14 13.321 14 12.4833V2.51667C14 1.67903 13.321 1 12.4833 1H2.51667C1.67903 1 1 1.67903 1 2.51667V12.4833C1 13.321 1.67903 14 2.51667 14Z",
-            stroke: color,
-            strokeWidth: "1.15"
-          }
-        )
-      }
-    );
-  }
-);
-BodyIcon.displayName = "BodyIcon";
-export {
-  BodyIcon
-};

package/lib/brush.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-const BrushIcon = 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: "M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.9959.9959 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"
-          }
-        )
-      }
-    );
-  }
-);
-BrushIcon.displayName = "BrushIcon";
-export {
-  BrushIcon
-};

package/lib/cjs/__generated__/subscript.cjs

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var subscript_exports = {};
-__export(subscript_exports, {
-  SubscriptIcon: () => SubscriptIcon
-});
-module.exports = __toCommonJS(subscript_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const SubscriptIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.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/cjs/__generated__/superscript.cjs

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var superscript_exports = {};
-__export(superscript_exports, {
-  SuperscriptIcon: () => SuperscriptIcon
-});
-module.exports = __toCommonJS(superscript_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const SuperscriptIcon = (0, import_react.forwardRef)(
-  ({ color = "currentColor", size = 16, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", width: size, height: size, fill: color, ...props, ref: forwardedRef, children: /* @__PURE__ */ (0, import_jsx_runtime.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/cjs/body.cjs

@@ -1,60 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var body_exports = {};
-__export(body_exports, {
-  BodyIcon: () => BodyIcon
-});
-module.exports = __toCommonJS(body_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const BodyIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        ref: forwardedRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M1 3.96833H14M2.51667 14H12.4833C13.321 14 14 13.321 14 12.4833V2.51667C14 1.67903 13.321 1 12.4833 1H2.51667C1.67903 1 1 1.67903 1 2.51667V12.4833C1 13.321 1.67903 14 2.51667 14Z",
-            stroke: color,
-            strokeWidth: "1.15"
-          }
-        )
-      }
-    );
-  }
-);
-BodyIcon.displayName = "BodyIcon";

package/lib/cjs/brush.cjs

@@ -1,61 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var brush_exports = {};
-__export(brush_exports, {
-  BrushIcon: () => BrushIcon
-});
-module.exports = __toCommonJS(brush_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const BrushIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            fill: color,
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37-1.34-1.34a.9959.9959 0 0 0-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z"
-          }
-        )
-      }
-    );
-  }
-);
-BrushIcon.displayName = "BrushIcon";

package/lib/cjs/external-link.cjs

@@ -1,61 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var external_link_exports = {};
-__export(external_link_exports, {
-  ExternalLinkIcon: () => ExternalLinkIcon
-});
-module.exports = __toCommonJS(external_link_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const ExternalLinkIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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";

package/lib/cjs/form.cjs

@@ -1,61 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var form_exports = {};
-__export(form_exports, {
-  FormIcon: () => FormIcon
-});
-module.exports = __toCommonJS(form_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"), 1);
-const FormIcon = React.forwardRef(
-  ({ color = "currentColor", ...props }, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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";