chromia 0.1.20 → 0.1.21

package/dist/icons/Image03Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-Image03Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.39999 14.9999L8.75355 14.6463C8.55828 14.4511 8.2417 14.4511 8.04644 14.6463L8.39999 14.9999ZM10.8 17.3999L10.4464 17.7535C10.6417 17.9487 10.9583 17.9487 11.1535 17.7535L10.8 17.3999ZM16.2 11.9999L16.5535 11.6463C16.3583 11.4511 16.0417 11.4511 15.8464 11.6463L16.2 11.9999ZM3.59999 19.7999L3.95355 20.1535L8.75355 15.3535L8.39999 14.9999L8.04644 14.6463L3.24644 19.4463L3.59999 19.7999ZM8.39999 14.9999L8.04644 15.3535L10.4464 17.7535L10.8 17.3999L11.1535 17.0463L8.75355 14.6463L8.39999 14.9999ZM10.8 17.3999L11.1535 17.7535L16.5535 12.3535L16.2 11.9999L15.8464 11.6463L10.4464 17.0463L10.8 17.3999ZM16.2 11.9999L15.8464 12.3535L20.6464 17.1535L21 16.7999L21.3535 16.4463L16.5535 11.6463L16.2 11.9999ZM5.99999 2.3999V2.8999H18V2.3999V1.8999H5.99999V2.3999ZM21.6 5.9999H21.1V17.9999H21.6H22.1V5.9999H21.6ZM18 21.5999V21.0999H5.99999V21.5999V22.0999H18V21.5999ZM2.39999 17.9999H2.89999V5.9999H2.39999H1.89999V17.9999H2.39999ZM5.99999 21.5999V21.0999C4.28791 21.0999 2.89999 19.712 2.89999 17.9999H2.39999H1.89999C1.89999 20.2643 3.73563 22.0999 5.99999 22.0999V21.5999ZM21.6 17.9999H21.1C21.1 19.712 19.7121 21.0999 18 21.0999V21.5999V22.0999C20.2644 22.0999 22.1 20.2643 22.1 17.9999H21.6ZM18 2.3999V2.8999C19.7121 2.8999 21.1 4.28782 21.1 5.9999H21.6H22.1C22.1 3.73553 20.2644 1.8999 18 1.8999V2.3999ZM5.99999 2.3999V1.8999C3.73563 1.8999 1.89999 3.73553 1.89999 5.9999H2.39999H2.89999C2.89999 4.28782 4.28791 2.8999 5.99999 2.8999V2.3999ZM9.59999 7.7999H9.09999C9.09999 8.51787 8.51796 9.0999 7.79999 9.0999V9.5999V10.0999C9.07025 10.0999 10.1 9.07016 10.1 7.7999H9.59999ZM7.79999 9.5999V9.0999C7.08202 9.0999 6.49999 8.51787 6.49999 7.7999H5.99999H5.49999C5.49999 9.07016 6.52974 10.0999 7.79999 10.0999V9.5999ZM5.99999 7.7999H6.49999C6.49999 7.08193 7.08202 6.4999 7.79999 6.4999V5.9999V5.4999C6.52974 5.4999 5.49999 6.52965 5.49999 7.7999H5.99999ZM7.79999 5.9999V6.4999C8.51796 6.4999 9.09999 7.08193 9.09999 7.7999H9.59999H10.1C10.1 6.52965 9.07025 5.4999 7.79999 5.4999V5.9999Z" fill="url(#{gid})"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.39999 14.9999L8.75355 14.6463C8.55828 14.4511 8.2417 14.4511 8.04644 14.6463L8.39999 14.9999ZM10.8 17.3999L10.4464 17.7535C10.6417 17.9487 10.9583 17.9487 11.1535 17.7535L10.8 17.3999ZM16.2 11.9999L16.5535 11.6463C16.3583 11.4511 16.0417 11.4511 15.8464 11.6463L16.2 11.9999ZM3.59999 19.7999L3.95355 20.1535L8.75355 15.3535L8.39999 14.9999L8.04644 14.6463L3.24644 19.4463L3.59999 19.7999ZM8.39999 14.9999L8.04644 15.3535L10.4464 17.7535L10.8 17.3999L11.1535 17.0463L8.75355 14.6463L8.39999 14.9999ZM10.8 17.3999L11.1535 17.7535L16.5535 12.3535L16.2 11.9999L15.8464 11.6463L10.4464 17.0463L10.8 17.3999ZM16.2 11.9999L15.8464 12.3535L20.6464 17.1535L21 16.7999L21.3535 16.4463L16.5535 11.6463L16.2 11.9999ZM5.99999 2.3999V2.8999H18V2.3999V1.8999H5.99999V2.3999ZM21.6 5.9999H21.1V17.9999H21.6H22.1V5.9999H21.6ZM18 21.5999V21.0999H5.99999V21.5999V22.0999H18V21.5999ZM2.39999 17.9999H2.89999V5.9999H2.39999H1.89999V17.9999H2.39999ZM5.99999 21.5999V21.0999C4.28791 21.0999 2.89999 19.712 2.89999 17.9999H2.39999H1.89999C1.89999 20.2643 3.73563 22.0999 5.99999 22.0999V21.5999ZM21.6 17.9999H21.1C21.1 19.712 19.7121 21.0999 18 21.0999V21.5999V22.0999C20.2644 22.0999 22.1 20.2643 22.1 17.9999H21.6ZM18 2.3999V2.8999C19.7121 2.8999 21.1 4.28782 21.1 5.9999H21.6H22.1C22.1 3.73553 20.2644 1.8999 18 1.8999V2.3999ZM5.99999 2.3999V1.8999C3.73563 1.8999 1.89999 3.73553 1.89999 5.9999H2.39999H2.89999C2.89999 4.28782 4.28791 2.8999 5.99999 2.8999V2.3999ZM9.59999 7.7999H9.09999C9.09999 8.51787 8.51796 9.0999 7.79999 9.0999V9.5999V10.0999C9.07025 10.0999 10.1 9.07016 10.1 7.7999H9.59999ZM7.79999 9.5999V9.0999C7.08202 9.0999 6.49999 8.51787 6.49999 7.7999H5.99999H5.49999C5.49999 9.07016 6.52974 10.0999 7.79999 10.0999V9.5999ZM5.99999 7.7999H6.49999C6.49999 7.08193 7.08202 6.4999 7.79999 6.4999V5.9999V5.4999C6.52974 5.4999 5.49999 6.52965 5.49999 7.7999H5.99999ZM7.79999 5.9999V6.4999C8.51796 6.4999 9.09999 7.08193 9.09999 7.7999H9.59999H10.1C10.1 6.52965 9.07025 5.4999 7.79999 5.4999V5.9999Z" fill="currentColor"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type Image03IconProps = typeof __propDef.props;
+export type Image03IconEvents = typeof __propDef.events;
+export type Image03IconSlots = typeof __propDef.slots;
+export default class Image03Icon extends SvelteComponent<Image03IconProps, Image03IconEvents, Image03IconSlots> {
+}
+export {};

package/dist/icons/Image04Icon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-Image04Icon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.39999 14.9999L8.75355 14.6463C8.55828 14.4511 8.2417 14.4511 8.04644 14.6463L8.39999 14.9999ZM10.8 17.3999L10.4464 17.7535C10.6417 17.9487 10.9583 17.9487 11.1535 17.7535L10.8 17.3999ZM16.2 11.9999L16.5535 11.6463C16.3583 11.4511 16.0417 11.4511 15.8464 11.6463L16.2 11.9999ZM5.39999 17.9999L5.75355 18.3535L8.75355 15.3535L8.39999 14.9999L8.04644 14.6463L5.04644 17.6463L5.39999 17.9999ZM8.39999 14.9999L8.04644 15.3535L10.4464 17.7535L10.8 17.3999L11.1535 17.0463L8.75355 14.6463L8.39999 14.9999ZM10.8 17.3999L11.1535 17.7535L16.5535 12.3535L16.2 11.9999L15.8464 11.6463L10.4464 17.0463L10.8 17.3999ZM16.2 11.9999L15.8464 12.3535L20.0464 16.5535L20.4 16.1999L20.7535 15.8463L16.5535 11.6463L16.2 11.9999ZM12 21.5999V21.0999C6.9742 21.0999 2.89999 17.0257 2.89999 11.9999H2.39999H1.89999C1.89999 17.578 6.42192 22.0999 12 22.0999V21.5999ZM21.6 11.9999H21.1C21.1 17.0257 17.0258 21.0999 12 21.0999V21.5999V22.0999C17.5781 22.0999 22.1 17.578 22.1 11.9999H21.6ZM12 2.3999V2.8999C17.0258 2.8999 21.1 6.97411 21.1 11.9999H21.6H22.1C22.1 6.42183 17.5781 1.8999 12 1.8999V2.3999ZM12 2.3999V1.8999C6.42192 1.8999 1.89999 6.42183 1.89999 11.9999H2.39999H2.89999C2.89999 6.97411 6.9742 2.8999 12 2.8999V2.3999ZM10.8 8.9999H10.3C10.3 9.71787 9.71796 10.2999 8.99999 10.2999V10.7999V11.2999C10.2702 11.2999 11.3 10.2702 11.3 8.9999H10.8ZM8.99999 10.7999V10.2999C8.28202 10.2999 7.69999 9.71787 7.69999 8.9999H7.19999H6.69999C6.69999 10.2702 7.72974 11.2999 8.99999 11.2999V10.7999ZM7.19999 8.9999H7.69999C7.69999 8.28193 8.28202 7.6999 8.99999 7.6999V7.1999V6.6999C7.72974 6.6999 6.69999 7.72965 6.69999 8.9999H7.19999ZM8.99999 7.1999V7.6999C9.71796 7.6999 10.3 8.28193 10.3 8.9999H10.8H11.3C11.3 7.72965 10.2702 6.6999 8.99999 6.6999V7.1999Z" fill="url(#{gid})"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.39999 14.9999L8.75355 14.6463C8.55828 14.4511 8.2417 14.4511 8.04644 14.6463L8.39999 14.9999ZM10.8 17.3999L10.4464 17.7535C10.6417 17.9487 10.9583 17.9487 11.1535 17.7535L10.8 17.3999ZM16.2 11.9999L16.5535 11.6463C16.3583 11.4511 16.0417 11.4511 15.8464 11.6463L16.2 11.9999ZM5.39999 17.9999L5.75355 18.3535L8.75355 15.3535L8.39999 14.9999L8.04644 14.6463L5.04644 17.6463L5.39999 17.9999ZM8.39999 14.9999L8.04644 15.3535L10.4464 17.7535L10.8 17.3999L11.1535 17.0463L8.75355 14.6463L8.39999 14.9999ZM10.8 17.3999L11.1535 17.7535L16.5535 12.3535L16.2 11.9999L15.8464 11.6463L10.4464 17.0463L10.8 17.3999ZM16.2 11.9999L15.8464 12.3535L20.0464 16.5535L20.4 16.1999L20.7535 15.8463L16.5535 11.6463L16.2 11.9999ZM12 21.5999V21.0999C6.9742 21.0999 2.89999 17.0257 2.89999 11.9999H2.39999H1.89999C1.89999 17.578 6.42192 22.0999 12 22.0999V21.5999ZM21.6 11.9999H21.1C21.1 17.0257 17.0258 21.0999 12 21.0999V21.5999V22.0999C17.5781 22.0999 22.1 17.578 22.1 11.9999H21.6ZM12 2.3999V2.8999C17.0258 2.8999 21.1 6.97411 21.1 11.9999H21.6H22.1C22.1 6.42183 17.5781 1.8999 12 1.8999V2.3999ZM12 2.3999V1.8999C6.42192 1.8999 1.89999 6.42183 1.89999 11.9999H2.39999H2.89999C2.89999 6.97411 6.9742 2.8999 12 2.8999V2.3999ZM10.8 8.9999H10.3C10.3 9.71787 9.71796 10.2999 8.99999 10.2999V10.7999V11.2999C10.2702 11.2999 11.3 10.2702 11.3 8.9999H10.8ZM8.99999 10.7999V10.2999C8.28202 10.2999 7.69999 9.71787 7.69999 8.9999H7.19999H6.69999C6.69999 10.2702 7.72974 11.2999 8.99999 11.2999V10.7999ZM7.19999 8.9999H7.69999C7.69999 8.28193 8.28202 7.6999 8.99999 7.6999V7.1999V6.6999C7.72974 6.6999 6.69999 7.72965 6.69999 8.9999H7.19999ZM8.99999 7.1999V7.6999C9.71796 7.6999 10.3 8.28193 10.3 8.9999H10.8H11.3C11.3 7.72965 10.2702 6.6999 8.99999 6.6999V7.1999Z" fill="currentColor"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type Image04IconProps = typeof __propDef.props;
+export type Image04IconEvents = typeof __propDef.events;
+export type Image04IconSlots = typeof __propDef.slots;
+export default class Image04Icon extends SvelteComponent<Image04IconProps, Image04IconEvents, Image04IconSlots> {
+}
+export {};

package/dist/icons/ImageAddIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ImageAddIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M4.90295 22.0969L15.1029 12.4969L19.903 17.2969M4.90295 22.0969H16.903C18.8912 22.0969 20.503 20.4852 20.503 18.4969V12.4969M4.90295 22.0969C2.91472 22.0969 1.30295 20.4852 1.30295 18.4969V6.49694C1.30295 4.50872 2.91472 2.89694 4.90295 2.89694H12.7029M19.303 8.69106L19.303 5.29694M19.303 5.29694L19.303 1.90283M19.303 5.29694L15.9088 5.29694M19.303 5.29694L22.6971 5.29694M8.50295 8.29694C8.50295 9.29106 7.69706 10.0969 6.70295 10.0969C5.70884 10.0969 4.90295 9.29106 4.90295 8.29694C4.90295 7.30283 5.70884 6.49694 6.70295 6.49694C7.69706 6.49694 8.50295 7.30283 8.50295 8.29694Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M4.90295 22.0969L15.1029 12.4969L19.903 17.2969M4.90295 22.0969H16.903C18.8912 22.0969 20.503 20.4852 20.503 18.4969V12.4969M4.90295 22.0969C2.91472 22.0969 1.30295 20.4852 1.30295 18.4969V6.49694C1.30295 4.50872 2.91472 2.89694 4.90295 2.89694H12.7029M19.303 8.69106L19.303 5.29694M19.303 5.29694L19.303 1.90283M19.303 5.29694L15.9088 5.29694M19.303 5.29694L22.6971 5.29694M8.50295 8.29694C8.50295 9.29106 7.69706 10.0969 6.70295 10.0969C5.70884 10.0969 4.90295 9.29106 4.90295 8.29694C4.90295 7.30283 5.70884 6.49694 6.70295 6.49694C7.69706 6.49694 8.50295 7.30283 8.50295 8.29694Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageAddIconProps = typeof __propDef.props;
+export type ImageAddIconEvents = typeof __propDef.events;
+export type ImageAddIconSlots = typeof __propDef.slots;
+export default class ImageAddIcon extends SvelteComponent<ImageAddIconProps, ImageAddIconEvents, ImageAddIconSlots> {
+}
+export {};

package/dist/icons/ImageAvatarIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ImageAvatarIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M4.79999 20.4V18.6C4.79999 17.2745 5.87451 16.2 7.19999 16.2H16.8C18.1255 16.2 19.2 17.2745 19.2 18.6V21M4.79999 21.6001C3.47451 21.6001 2.39999 20.4691 2.39999 19.0738V4.92646C2.39999 3.53121 3.47451 2.40015 4.79999 2.40015H19.2C20.5255 2.40015 21.6 3.53122 21.6 4.92646V19.0738C21.6 20.4691 20.5255 21.6001 19.2 21.6001H4.79999ZM15 9.00003C15 10.6569 13.6568 12 12 12C10.3431 12 8.99999 10.6569 8.99999 9.00003C8.99999 7.34317 10.3431 6.00003 12 6.00003C13.6568 6.00003 15 7.34317 15 9.00003Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M4.79999 20.4V18.6C4.79999 17.2745 5.87451 16.2 7.19999 16.2H16.8C18.1255 16.2 19.2 17.2745 19.2 18.6V21M4.79999 21.6001C3.47451 21.6001 2.39999 20.4691 2.39999 19.0738V4.92646C2.39999 3.53121 3.47451 2.40015 4.79999 2.40015H19.2C20.5255 2.40015 21.6 3.53122 21.6 4.92646V19.0738C21.6 20.4691 20.5255 21.6001 19.2 21.6001H4.79999ZM15 9.00003C15 10.6569 13.6568 12 12 12C10.3431 12 8.99999 10.6569 8.99999 9.00003C8.99999 7.34317 10.3431 6.00003 12 6.00003C13.6568 6.00003 15 7.34317 15 9.00003Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageAvatarIconProps = typeof __propDef.props;
+export type ImageAvatarIconEvents = typeof __propDef.events;
+export type ImageAvatarIconSlots = typeof __propDef.slots;
+export default class ImageAvatarIcon extends SvelteComponent<ImageAvatarIconProps, ImageAvatarIconEvents, ImageAvatarIconSlots> {
+}
+export {};

package/dist/icons/ImageCheckIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ImageCheckIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.79989 21.5999L15.9999 11.9999L20.7999 16.7999M5.79989 21.5999H17.7999C19.7881 21.5999 21.3999 19.9881 21.3999 17.9999V9.5999M5.79989 21.5999C3.81167 21.5999 2.19989 19.9881 2.19989 17.9999V5.9999C2.19989 4.01168 3.81167 2.3999 5.79989 2.3999H14.7999M15.8005 5.3999L17.5999 7.2001L21.8001 2.9999M9.39989 7.7999C9.39989 8.79401 8.594 9.5999 7.59989 9.5999C6.60578 9.5999 5.79989 8.79401 5.79989 7.7999C5.79989 6.80579 6.60578 5.9999 7.59989 5.9999C8.594 5.9999 9.39989 6.80579 9.39989 7.7999Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M5.79989 21.5999L15.9999 11.9999L20.7999 16.7999M5.79989 21.5999H17.7999C19.7881 21.5999 21.3999 19.9881 21.3999 17.9999V9.5999M5.79989 21.5999C3.81167 21.5999 2.19989 19.9881 2.19989 17.9999V5.9999C2.19989 4.01168 3.81167 2.3999 5.79989 2.3999H14.7999M15.8005 5.3999L17.5999 7.2001L21.8001 2.9999M9.39989 7.7999C9.39989 8.79401 8.594 9.5999 7.59989 9.5999C6.60578 9.5999 5.79989 8.79401 5.79989 7.7999C5.79989 6.80579 6.60578 5.9999 7.59989 5.9999C8.594 5.9999 9.39989 6.80579 9.39989 7.7999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageCheckIconProps = typeof __propDef.props;
+export type ImageCheckIconEvents = typeof __propDef.events;
+export type ImageCheckIconSlots = typeof __propDef.slots;
+export default class ImageCheckIcon extends SvelteComponent<ImageCheckIconProps, ImageCheckIconEvents, ImageCheckIconSlots> {
+}
+export {};

package/dist/icons/ImageDownIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ImageDownIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M6 21.5999L16.2 11.9999L21 16.7999M6 21.5999H18C19.9882 21.5999 21.6 19.9881 21.6 17.9999V11.9999M6 21.5999C4.01178 21.5999 2.4 19.9881 2.4 17.9999V5.9999C2.4 4.01168 4.01178 2.3999 6 2.3999H13.8M16.8 6.06774L19.1457 8.3999L21.6 5.95733M19.1457 8.3999V2.3999M9.6 7.7999C9.6 8.79401 8.79411 9.5999 7.8 9.5999C6.80589 9.5999 6 8.79401 6 7.7999C6 6.80579 6.80589 5.9999 7.8 5.9999C8.79411 5.9999 9.6 6.80579 9.6 7.7999Z" stroke="url(#{gid})" stroke-linejoin="round"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M6 21.5999L16.2 11.9999L21 16.7999M6 21.5999H18C19.9882 21.5999 21.6 19.9881 21.6 17.9999V11.9999M6 21.5999C4.01178 21.5999 2.4 19.9881 2.4 17.9999V5.9999C2.4 4.01168 4.01178 2.3999 6 2.3999H13.8M16.8 6.06774L19.1457 8.3999L21.6 5.95733M19.1457 8.3999V2.3999M9.6 7.7999C9.6 8.79401 8.79411 9.5999 7.8 9.5999C6.80589 9.5999 6 8.79401 6 7.7999C6 6.80579 6.80589 5.9999 7.8 5.9999C8.79411 5.9999 9.6 6.80579 9.6 7.7999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageDownIconProps = typeof __propDef.props;
+export type ImageDownIconEvents = typeof __propDef.events;
+export type ImageDownIconSlots = typeof __propDef.slots;
+export default class ImageDownIcon extends SvelteComponent<ImageDownIconProps, ImageDownIconEvents, ImageDownIconSlots> {
+}
+export {};

package/dist/icons/ImageFocusIcon.svelte

@@ -0,0 +1,65 @@
+<script context="module">let _uid = 0;
+</script>
+
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-ImageFocusIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.8 2.3999H4.53333C3.35513 2.3999 2.4 3.35503 2.4 4.53324V8.7999M8.8 21.5999H4.53333C3.35513 21.5999 2.4 20.6448 2.4 19.4666V15.1999M15.2 2.3999H19.4667C20.6449 2.3999 21.6 3.35503 21.6 4.53324V8.7999M21.6 15.1999V19.4666C21.6 20.6448 20.6449 21.5999 19.4667 21.5999H15.2M9.6 15.5999H14.4C15.0627 15.5999 15.6 15.0626 15.6 14.3999V9.5999C15.6 8.93716 15.0627 8.3999 14.4 8.3999H9.6C8.93726 8.3999 8.4 8.93716 8.4 9.5999V14.3999C8.4 15.0626 8.93726 15.5999 9.6 15.5999Z" stroke="url(#{gid})"/>
+    <defs>
+      <linearGradient
+        id={gid}
+        x1={dir(gradient.direction).x1}
+        y1={dir(gradient.direction).y1}
+        x2={dir(gradient.direction).x2}
+        y2={dir(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}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M8.8 2.3999H4.53333C3.35513 2.3999 2.4 3.35503 2.4 4.53324V8.7999M8.8 21.5999H4.53333C3.35513 21.5999 2.4 20.6448 2.4 19.4666V15.1999M15.2 2.3999H19.4667C20.6449 2.3999 21.6 3.35503 21.6 4.53324V8.7999M21.6 15.1999V19.4666C21.6 20.6448 20.6449 21.5999 19.4667 21.5999H15.2M9.6 15.5999H14.4C15.0627 15.5999 15.6 15.0626 15.6 14.3999V9.5999C15.6 8.93716 15.0627 8.3999 14.4 8.3999H9.6C8.93726 8.3999 8.4 8.93716 8.4 9.5999V14.3999C8.4 15.0626 8.93726 15.5999 9.6 15.5999Z" stroke="currentColor"/>
+  </svg>
+{/if}

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

@@ -0,0 +1,24 @@
+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;
+        fill?: string | undefined;
+        class?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ImageFocusIconProps = typeof __propDef.props;
+export type ImageFocusIconEvents = typeof __propDef.events;
+export type ImageFocusIconSlots = typeof __propDef.slots;
+export default class ImageFocusIcon extends SvelteComponent<ImageFocusIconProps, ImageFocusIconEvents, ImageFocusIconSlots> {
+}
+export {};

package/dist/icons/ImageIcon.svelte

@@ -28,6 +28,7 @@ export { className as class };
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
@@ -59,6 +60,7 @@ export { className as class };
 {:else}
   <svg
     xmlns="http://www.w3.org/2000/svg"
+    stroke-width={weight}
     class={className}
     style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"