chromia 0.1.20 → 0.1.21

package/dist/icons/File02Icon.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 File02IconProps = typeof __propDef.props;
+export type File02IconEvents = typeof __propDef.events;
+export type File02IconSlots = typeof __propDef.slots;
+export default class File02Icon extends SvelteComponent<File02IconProps, File02IconEvents, File02IconSlots> {
+}
+export {};

package/dist/icons/File03Icon.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-File03Icon-${_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.4002 18V12.6M12.0002 18V7.20002M15.6002 18V10.8M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z" 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="M8.4002 18V12.6M12.0002 18V7.20002M15.6002 18V10.8M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/File03Icon.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 File03IconProps = typeof __propDef.props;
+export type File03IconEvents = typeof __propDef.events;
+export type File03IconSlots = typeof __propDef.slots;
+export default class File03Icon extends SvelteComponent<File03IconProps, File03IconEvents, File03IconSlots> {
+}
+export {};

package/dist/icons/File04Icon.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-File04Icon-${_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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" 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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/File04Icon.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 File04IconProps = typeof __propDef.props;
+export type File04IconEvents = typeof __propDef.events;
+export type File04IconSlots = typeof __propDef.slots;
+export default class File04Icon extends SvelteComponent<File04IconProps, File04IconEvents, File04IconSlots> {
+}
+export {};

package/dist/icons/File05Icon.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-File05Icon-${_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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M8.4002 7.20002H10.8002M8.4002 10.8H15.6002M8.4002 14.4H15.6002M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" 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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M8.4002 7.20002H10.8002M8.4002 10.8H15.6002M8.4002 14.4H15.6002M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/File05Icon.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 File05IconProps = typeof __propDef.props;
+export type File05IconEvents = typeof __propDef.events;
+export type File05IconSlots = typeof __propDef.slots;
+export default class File05Icon extends SvelteComponent<File05IconProps, File05IconEvents, File05IconSlots> {
+}
+export {};

package/dist/icons/File06Icon.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-File06Icon-${_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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M8.4002 18V13.2M12.0002 18L12.0002 8.40002M15.6002 18V13.2M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" 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="M15.0002 2.40002V6.00002C15.0002 6.66277 15.5375 7.20002 16.2002 7.20002H19.8002M8.4002 18V13.2M12.0002 18L12.0002 8.40002M15.6002 18V13.2M18.0002 4.20002C17.4661 3.72217 16.9119 3.1554 16.5621 2.7873C16.3292 2.54236 16.0076 2.40002 15.6696 2.40002H6.59992C5.27444 2.40002 4.19993 3.47453 4.19992 4.80001L4.19983 19.2C4.19982 20.5254 5.27433 21.6 6.59982 21.6L17.3999 21.6C18.7253 21.6 19.7998 20.5255 19.7999 19.2001L19.8002 6.47786C19.8002 6.17102 19.6831 5.87606 19.4702 5.65516C19.0764 5.24667 18.4188 4.57454 18.0002 4.20002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/File06Icon.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 File06IconProps = typeof __propDef.props;
+export type File06IconEvents = typeof __propDef.events;
+export type File06IconSlots = typeof __propDef.slots;
+export default class File06Icon extends SvelteComponent<File06IconProps, File06IconEvents, File06IconSlots> {
+}
+export {};

package/dist/icons/FileAttach01Icon.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-FileAttach01Icon-${_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="M11.6998 21.6H5.69979C4.37431 21.6 3.2998 20.5254 3.2998 19.2L3.2999 4.80001C3.29991 3.47453 4.37442 2.40002 5.6999 2.40002H16.5002C17.8256 2.40002 18.9002 3.47454 18.9002 4.80002V9.60002M7.50018 7.20002H14.7002M7.50018 10.8H14.7002M14.7002 15.554V18.4984C14.7002 19.9533 16.2516 21.2878 17.7065 21.2878C19.1615 21.2878 20.7002 19.9533 20.7002 18.4984V14.7791C20.7002 14.0089 20.2574 13.2272 19.2723 13.2272C18.2186 13.2272 17.7065 14.0089 17.7065 14.7791V18.3434M7.50018 14.4H11.1002" 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="M11.6998 21.6H5.69979C4.37431 21.6 3.2998 20.5254 3.2998 19.2L3.2999 4.80001C3.29991 3.47453 4.37442 2.40002 5.6999 2.40002H16.5002C17.8256 2.40002 18.9002 3.47454 18.9002 4.80002V9.60002M7.50018 7.20002H14.7002M7.50018 10.8H14.7002M14.7002 15.554V18.4984C14.7002 19.9533 16.2516 21.2878 17.7065 21.2878C19.1615 21.2878 20.7002 19.9533 20.7002 18.4984V14.7791C20.7002 14.0089 20.2574 13.2272 19.2723 13.2272C18.2186 13.2272 17.7065 14.0089 17.7065 14.7791V18.3434M7.50018 14.4H11.1002" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/FileAttach01Icon.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 FileAttach01IconProps = typeof __propDef.props;
+export type FileAttach01IconEvents = typeof __propDef.events;
+export type FileAttach01IconSlots = typeof __propDef.slots;
+export default class FileAttach01Icon extends SvelteComponent<FileAttach01IconProps, FileAttach01IconEvents, FileAttach01IconSlots> {
+}
+export {};

package/dist/icons/FileAttach02Icon.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-FileAttach02Icon-${_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="M10.7998 21.6H6.59982C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002H17.4002C18.7257 2.40002 19.8002 3.47454 19.8002 4.80002V10.2M13.8002 15.5542V18.4986C13.8002 19.9535 15.3516 21.288 16.8066 21.288C18.2615 21.288 19.8002 19.9535 19.8002 18.4986V14.7794C19.8002 14.0091 19.3574 13.2274 18.3724 13.2274C17.3186 13.2274 16.8066 14.0091 16.8066 14.7793V18.3436" 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="M10.7998 21.6H6.59982C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002H17.4002C18.7257 2.40002 19.8002 3.47454 19.8002 4.80002V10.2M13.8002 15.5542V18.4986C13.8002 19.9535 15.3516 21.288 16.8066 21.288C18.2615 21.288 19.8002 19.9535 19.8002 18.4986V14.7794C19.8002 14.0091 19.3574 13.2274 18.3724 13.2274C17.3186 13.2274 16.8066 14.0091 16.8066 14.7793V18.3436" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/FileAttach02Icon.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 FileAttach02IconProps = typeof __propDef.props;
+export type FileAttach02IconEvents = typeof __propDef.events;
+export type FileAttach02IconSlots = typeof __propDef.slots;
+export default class FileAttach02Icon extends SvelteComponent<FileAttach02IconProps, FileAttach02IconEvents, FileAttach02IconSlots> {
+}
+export {};

package/dist/icons/FileAttach03Icon.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-FileAttach03Icon-${_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.70089 9.91767V13.6059C8.70089 15.4284 10.1784 16.9059 12.0009 16.9059C13.8234 16.9059 15.3009 15.4284 15.3009 13.6059V8.94708C15.3009 7.98221 14.5187 7.20002 13.5538 7.20002C12.589 7.20002 11.8068 7.98221 11.8068 8.94708V13.4118M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z" 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.70089 9.91767V13.6059C8.70089 15.4284 10.1784 16.9059 12.0009 16.9059C13.8234 16.9059 15.3009 15.4284 15.3009 13.6059V8.94708C15.3009 7.98221 14.5187 7.20002 13.5538 7.20002C12.589 7.20002 11.8068 7.98221 11.8068 8.94708V13.4118M6.59992 2.40002H17.4001C18.7256 2.40002 19.8002 3.47457 19.8001 4.80007L19.7999 19.2001C19.7998 20.5255 18.7253 21.6 17.3999 21.6L6.59982 21.6C5.27433 21.6 4.19982 20.5254 4.19983 19.2L4.19992 4.80001C4.19993 3.47453 5.27444 2.40002 6.59992 2.40002Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/FileAttach03Icon.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 FileAttach03IconProps = typeof __propDef.props;
+export type FileAttach03IconEvents = typeof __propDef.events;
+export type FileAttach03IconSlots = typeof __propDef.slots;
+export default class FileAttach03Icon extends SvelteComponent<FileAttach03IconProps, FileAttach03IconEvents, FileAttach03IconSlots> {
+}
+export {};