chromia 0.1.9 → 0.1.11

package/dist/icons/ActivityIcon.svelte

@@ -0,0 +1,72 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_ActivityIcon">
+      <path d="M2.3999 11.5993H7.1999L9.64843 3.59998L14.9257 20.4L16.7883 11.5993H21.5999" stroke="url(#grad-ActivityIcon)" stroke-linejoin="round"/>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-ActivityIcon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_ActivityIcon">
+      <path d="M2.3999 11.5993H7.1999L9.64843 3.59998L14.9257 20.4L16.7883 11.5993H21.5999" stroke="currentColor" stroke-linejoin="round"/>
+    </g>
+  </svg>
+{/if}
+
+  

package/dist/icons/ActivityIcon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ActivityIconProps = typeof __propDef.props;
+export type ActivityIconEvents = typeof __propDef.events;
+export type ActivityIconSlots = typeof __propDef.slots;
+export default class ActivityIcon extends SvelteComponent<ActivityIconProps, ActivityIconEvents, ActivityIconSlots> {
+}
+export {};

package/dist/icons/AddImageIcon.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        class?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +18,9 @@ declare const __propDef: {
 export type AddImageIconProps = typeof __propDef.props;
 export type AddImageIconEvents = typeof __propDef.events;
 export type AddImageIconSlots = typeof __propDef.slots;
+/**
+ * ![AddImageIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICA8cGF0aCBkPSJNNy4wODU4MiA2LjkxNDI0QzcuMDg1ODIgNy43NDI2NyA2LjQxNDI0IDguNDE0MjQgNS41ODU4MiA4LjQxNDI0QzQuNzU3MzkgOC40MTQyNCA0LjA4NTgyIDcuNzQyNjcgNC4wODU4MiA2LjkxNDI0QzQuMDg1ODIgNi4wODU4MiA0Ljc1NzM5IDUuNDE0MjQgNS41ODU4MiA1LjQxNDI0QzYuNDE0MjQgNS40MTQyNCA3LjA4NTgyIDYuMDg1ODIgNy4wODU4MiA2LjkxNDI0WiIgc3Ryb2tlPSIjMjAyMDIwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTQuMDg1ODIgMTguNDE0MkwxMS4xNzI5IDExLjc0NDFDMTEuOTYwMSAxMS4wMDMyIDEzLjE5MzUgMTEuMDIxOSAxMy45NTc4IDExLjc4NjJMMTYuNTg1OCAxNC40MTQyTTQuMDg1ODIgMTguNDE0MkgxNC4wODU4QzE1Ljc0MjcgMTguNDE0MiAxNy4wODU4IDE3LjA3MTEgMTcuMDg1OCAxNS40MTQyVjEwLjQxNDJNNC4wODU4MiAxOC40MTQyQzIuNDI4OTYgMTguNDE0MiAxLjA4NTgyIDE3LjA3MTEgMS4wODU4MiAxNS40MTQyVjUuNDE0MjRDMS4wODU4MiAzLjc1NzM5IDIuNDI4OTYgMi40MTQyNCA0LjA4NTgyIDIuNDE0MjRIMTAuNTg1OE0xNi4wODU4IDcuMjQyNjdMMTYuMDg1OCA0LjQxNDI0TTE2LjA4NTggNC40MTQyNEwxNi4wODU4IDEuNTg1ODJNMTYuMDg1OCA0LjQxNDI0TDEzLjI1NzQgNC40MTQyNE0xNi4wODU4IDQuNDE0MjRMMTguOTE0MiA0LjQxNDI0TTcuMDg1ODIgNi45MTQyNEM3LjA4NTgyIDcuNzQyNjcgNi40MTQyNCA4LjQxNDI0IDUuNTg1ODIgOC40MTQyNEM0Ljc1NzM5IDguNDE0MjQgNC4wODU4MiA3Ljc0MjY3IDQuMDg1ODIgNi45MTQyNEM0LjA4NTgyIDYuMDg1ODIgNC43NTczOSA1LjQxNDI0IDUuNTg1ODIgNS40MTQyNEM2LjQxNDI0IDUuNDE0MjQgNy4wODU4MiA2LjA4NTgyIDcuMDg1ODIgNi45MTQyNFoiIHN0cm9rZT0iIzIwMjAyMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=)
+ */
 export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
 }
 export {};

package/dist/icons/AddSquare01Icon.svelte

@@ -0,0 +1,72 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare01Icon">
+      <path d="M15.6003 11.9994H12.0003M12.0003 11.9994H8.40029M12.0003 11.9994V15.5994M12.0003 11.9994L12.0003 8.39937M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="url(#grad-AddSquare01Icon)"/>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare01Icon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare01Icon">
+      <path d="M15.6003 11.9994H12.0003M12.0003 11.9994H8.40029M12.0003 11.9994V15.5994M12.0003 11.9994L12.0003 8.39937M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="currentColor"/>
+    </g>
+  </svg>
+{/if}
+
+  

package/dist/icons/AddSquare01Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquare01IconProps = typeof __propDef.props;
+export type AddSquare01IconEvents = typeof __propDef.events;
+export type AddSquare01IconSlots = typeof __propDef.slots;
+export default class AddSquare01Icon extends SvelteComponent<AddSquare01IconProps, AddSquare01IconEvents, AddSquare01IconSlots> {
+}
+export {};

package/dist/icons/AddSquare02Icon.svelte

@@ -0,0 +1,76 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare02Icon">
+      <g opacity="0.9">
+      <path d="M15.5999 11.9994H11.9999M11.9999 11.9994H8.3999M11.9999 11.9994V15.5994M11.9999 11.9994L11.9999 8.39944M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="url(#grad-AddSquare02Icon)"/>
+      </g>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare02Icon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare02Icon">
+      <g opacity="0.9">
+      <path d="M15.5999 11.9994H11.9999M11.9999 11.9994H8.3999M11.9999 11.9994V15.5994M11.9999 11.9994L11.9999 8.39944M21.5999 12C21.5999 17.302 17.3018 21.6 11.9999 21.6C6.69797 21.6 2.3999 17.302 2.3999 12C2.3999 6.69809 6.69797 2.40002 11.9999 2.40002C17.3018 2.40002 21.5999 6.69809 21.5999 12Z" stroke="currentColor"/>
+      </g>
+    </g>
+  </svg>
+{/if}
+
+  

package/dist/icons/AddSquare02Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquare02IconProps = typeof __propDef.props;
+export type AddSquare02IconEvents = typeof __propDef.events;
+export type AddSquare02IconSlots = typeof __propDef.slots;
+export default class AddSquare02Icon extends SvelteComponent<AddSquare02IconProps, AddSquare02IconEvents, AddSquare02IconSlots> {
+}
+export {};

package/dist/icons/AddSquare03Icon.svelte

@@ -0,0 +1,72 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare03Icon">
+      <path d="M11.9999 7.1999L11.9999 11.9999M11.9999 11.9999V16.7999M11.9999 11.9999H16.7999M11.9999 11.9999H7.1999M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="url(#grad-AddSquare03Icon)"/>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare03Icon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare03Icon">
+      <path d="M11.9999 7.1999L11.9999 11.9999M11.9999 11.9999V16.7999M11.9999 11.9999H16.7999M11.9999 11.9999H7.1999M21.5999 5.9999L21.5999 18C21.5999 19.9882 19.9881 21.6 17.9999 21.6H5.9999C4.01168 21.6 2.3999 19.9882 2.3999 18V5.9999C2.3999 4.01168 4.01168 2.3999 5.9999 2.3999H17.9999C19.9881 2.3999 21.5999 4.01168 21.5999 5.9999Z" stroke="currentColor"/>
+    </g>
+  </svg>
+{/if}
+
+  

package/dist/icons/AddSquare03Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquare03IconProps = typeof __propDef.props;
+export type AddSquare03IconEvents = typeof __propDef.events;
+export type AddSquare03IconSlots = typeof __propDef.slots;
+export default class AddSquare03Icon extends SvelteComponent<AddSquare03IconProps, AddSquare03IconEvents, AddSquare03IconSlots> {
+}
+export {};

package/dist/icons/AddSquare04Icon.svelte

@@ -0,0 +1,72 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare04Icon">
+      <path d="M21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002ZM11.9999 7.20002H11.4999L11.4999 12H11.9999H12.4999L12.4999 7.20002H11.9999ZM11.9999 12H11.4999V16.8H11.9999H12.4999V12H11.9999ZM16.7999 12V11.5H11.9999V12V12.5H16.7999V12ZM11.9999 12V11.5H7.1999V12V12.5H11.9999V12Z" fill="url(#grad-AddSquare04Icon)"/>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare04Icon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_AddSquare04Icon">
+      <path d="M21.5999 12H21.0999C21.0999 17.0258 17.0257 21.1 11.9999 21.1V21.6V22.1C17.578 22.1 22.0999 17.5781 22.0999 12H21.5999ZM11.9999 21.6V21.1C6.97411 21.1 2.8999 17.0258 2.8999 12H2.3999H1.8999C1.8999 17.5781 6.42183 22.1 11.9999 22.1V21.6ZM2.3999 12H2.8999C2.8999 6.97423 6.97411 2.90002 11.9999 2.90002V2.40002V1.90002C6.42183 1.90002 1.8999 6.42195 1.8999 12H2.3999ZM11.9999 2.40002V2.90002C17.0257 2.90002 21.0999 6.97423 21.0999 12H21.5999H22.0999C22.0999 6.42195 17.578 1.90002 11.9999 1.90002V2.40002ZM11.9999 7.20002H11.4999L11.4999 12H11.9999H12.4999L12.4999 7.20002H11.9999ZM11.9999 12H11.4999V16.8H11.9999H12.4999V12H11.9999ZM16.7999 12V11.5H11.9999V12V12.5H16.7999V12ZM11.9999 12V11.5H7.1999V12V12.5H11.9999V12Z" fill="currentColor"/>
+    </g>
+  </svg>
+{/if}
+
+  

package/dist/icons/AddSquare04Icon.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string | undefined;
+        gradient?: {
+            colors: [string, string];
+            direction: "top" | "right" | "bottom" | "left";
+        } | undefined;
+        size?: string | undefined;
+        weight?: number | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AddSquare04IconProps = typeof __propDef.props;
+export type AddSquare04IconEvents = typeof __propDef.events;
+export type AddSquare04IconSlots = typeof __propDef.slots;
+export default class AddSquare04Icon extends SvelteComponent<AddSquare04IconProps, AddSquare04IconEvents, AddSquare04IconSlots> {
+}
+export {};

package/dist/icons/AddSquareIcon.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        class?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +18,9 @@ declare const __propDef: {
 export type AddSquareIconProps = typeof __propDef.props;
 export type AddSquareIconEvents = typeof __propDef.events;
 export type AddSquareIconSlots = typeof __propDef.slots;
+/**
+ * ![AddSquareIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICA8cGF0aCBkPSJNNS45OTk5NSAzLjU5OTk1TDUuOTk5OTUgNS45OTk5NU01Ljk5OTk1IDUuOTk5OTVWOC4zOTk5NU01Ljk5OTk1IDUuOTk5OTVIOC4zOTk5NU01Ljk5OTk1IDUuOTk5OTVIMy41OTk5NU0xMC44IDIuOTk5OTVMMTAuOCA5LjAwMDAxQzEwLjc5OTkgOS45OTQxMiA5Ljk5NDA2IDEwLjggOC45OTk5NSAxMC44SDIuOTk5OTVDMi4wMDU4NCAxMC44IDEuMTk5OTUgOS45OTQxMiAxLjE5OTk1IDkuMDAwMDFWMi45OTk5NUMxLjE5OTk1IDIuMDA1ODQgMi4wMDU4NCAxLjE5OTk1IDIuOTk5OTUgMS4xOTk5NUg4Ljk5OTk1QzkuOTk0MDYgMS4xOTk5NSAxMC44IDIuMDA1ODQgMTAuOCAyLjk5OTk1WiIgc3Ryb2tlPSIjMjAyMDIwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==)
+ */
 export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
 }
 export {};

package/dist/icons/AlertCircleIcon.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        class?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +18,9 @@ declare const __propDef: {
 export type AlertCircleIconProps = typeof __propDef.props;
 export type AlertCircleIconEvents = typeof __propDef.events;
 export type AlertCircleIconSlots = typeof __propDef.slots;
+/**
+ * ![AlertCircleIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICA8cGF0aCBkPSJNOC4wMDAwMSA4VjQuOE04LjAwMDAxIDEwLjM3MTlWMTAuNE0xNC40IDhDMTQuNCAxMS41MzQ2IDExLjUzNDYgMTQuNCA4LjAwMDAxIDE0LjRDNC40NjUzOCAxNC40IDEuNjAwMDEgMTEuNTM0NiAxLjYwMDAxIDhDMS42MDAwMSA0LjQ2NTM4IDQuNDY1MzggMS42IDguMDAwMDEgMS42QzExLjUzNDYgMS42IDE0LjQgNC40NjUzOCAxNC40IDhaIiBzdHJva2U9IiMyMDIwMjAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+)
+ */
 export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
 }
 export {};

package/dist/icons/AnnotationXIcon.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        class?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +18,9 @@ declare const __propDef: {
 export type AnnotationXIconProps = typeof __propDef.props;
 export type AnnotationXIconEvents = typeof __propDef.events;
 export type AnnotationXIconSlots = typeof __propDef.slots;
+/**
+ * ![AnnotationXIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiA0NiIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICA8cGF0aCBkPSJNMjcuNiAyM0wyMyAxOC41TTIzIDE4LjVMMTguNCAxNE0yMyAxOC41TDE4LjQgMjNNMjMgMTguNUwyNy42IDE0TTI4IDMxLjYwODdMMjMgNDFMMTguNCAzMS42MDg3SDkuMjAwMDFDNi42NTk1IDMxLjYwODcgNC42MDAwMSAyOS41OTQgNC42MDAwMSAyNy4xMDg3VjkuNUM0LjYwMDAxIDcuMDE0NzIgNi42NTk1IDUgOS4yMDAwMSA1SDM2LjhDMzkuMzQwNSA1IDQxLjQgNy4wMTQ3MiA0MS40IDkuNVYyNy4xMDg3QzQxLjQgMjkuNTk0IDM5LjM0MDUgMzEuNjA4NyAzNi44IDMxLjYwODdIMjhaIiBzdHJva2U9IiMyMDIwMjAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+)
+ */
 export default class AnnotationXIcon extends SvelteComponent<AnnotationXIconProps, AnnotationXIconEvents, AnnotationXIconSlots> {
 }
 export {};

package/dist/icons/ArrowCalendarIcon.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        class?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +18,9 @@ declare const __propDef: {
 export type ArrowCalendarIconProps = typeof __propDef.props;
 export type ArrowCalendarIconEvents = typeof __propDef.events;
 export type ArrowCalendarIconSlots = typeof __propDef.slots;
+/**
+ * ![ArrowCalendarIcon](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICA8cGF0aCBkPSJNOC45NDQ0NyA2LjI5OTlMMTAuNSA4LjA0OTlNMTAuNSA4LjA0OTlMOC45NDQ0NyA5Ljc5OTlNMTAuNSA4LjA0OTlINC4yMDAwMk00LjIwMDAyIDMuODUwMjRIMTAuMDMzNE0xMi42IDMuNDk5OVYxMC40OTk5QzEyLjYgMTEuNjU5NyAxMS42NTk4IDEyLjU5OTkgMTAuNSAxMi41OTk5SDMuNTAwMDJDMi4zNDAyMyAxMi41OTk5IDEuNDAwMDIgMTEuNjU5NyAxLjQwMDAyIDEwLjQ5OTlWMy40OTk5QzEuNDAwMDIgMi4zNDAxIDIuMzQwMjMgMS4zOTk5IDMuNTAwMDIgMS4zOTk5SDEwLjVDMTEuNjU5OCAxLjM5OTkgMTIuNiAyLjM0MDEgMTIuNiAzLjQ5OTlaIiBzdHJva2U9IiMyMDIwMjAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+)
+ */
 export default class ArrowCalendarIcon extends SvelteComponent<ArrowCalendarIconProps, ArrowCalendarIconEvents, ArrowCalendarIconSlots> {
 }
 export {};

package/dist/icons/ArrowCurveLeftDownIcon.svelte

@@ -0,0 +1,72 @@
+
+  <script>export let color = "#202020";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  switch (direction) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "bottom":
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+let className = "";
+export { className as class };
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_ArrowCurveLeftDownIcon">
+      <path d="M8.91411 20.5998L3.6001 15.2857M3.6001 15.2857L8.91411 9.97174M3.6001 15.2857H16.4001C18.6092 15.2857 20.4001 13.4949 20.4001 11.2857V4.99976" stroke="url(#grad-ArrowCurveLeftDownIcon)" stroke-linejoin="round"/>
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-ArrowCurveLeftDownIcon"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(gradient.direction).y2}
+      >
+        <stop
+          offset="0%"
+          style="stop-color:{gradient.colors[0]};stop-opacity:1"
+        />
+        <stop
+          offset="100%"
+          style="stop-color:{gradient.colors[1]};stop-opacity:1"
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+{:else}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <g id="id_ArrowCurveLeftDownIcon">
+      <path d="M8.91411 20.5998L3.6001 15.2857M3.6001 15.2857L8.91411 9.97174M3.6001 15.2857H16.4001C18.6092 15.2857 20.4001 13.4949 20.4001 11.2857V4.99976" stroke="currentColor" stroke-linejoin="round"/>
+    </g>
+  </svg>
+{/if}
+
+