chromia 0.1.20 → 0.1.21

package/dist/icons/ImageIndentLeftIcon.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-ImageIndentLeftIcon-${_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="M2.40003 3.60001L21.6 3.60001M13.2 8.80001L21.6 8.80001M13.2 14L21.6 14M2.40003 19.2H21.6M3.60002 14.4H7.20002C7.86277 14.4 8.40002 13.8627 8.40002 13.2V9.60001C8.40002 8.93727 7.86277 8.40001 7.20002 8.40001H3.60002C2.93728 8.40001 2.40002 8.93727 2.40002 9.60001V13.2C2.40002 13.8627 2.93728 14.4 3.60002 14.4Z" 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="M2.40003 3.60001L21.6 3.60001M13.2 8.80001L21.6 8.80001M13.2 14L21.6 14M2.40003 19.2H21.6M3.60002 14.4H7.20002C7.86277 14.4 8.40002 13.8627 8.40002 13.2V9.60001C8.40002 8.93727 7.86277 8.40001 7.20002 8.40001H3.60002C2.93728 8.40001 2.40002 8.93727 2.40002 9.60001V13.2C2.40002 13.8627 2.93728 14.4 3.60002 14.4Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageIndentLeftIcon.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 ImageIndentLeftIconProps = typeof __propDef.props;
+export type ImageIndentLeftIconEvents = typeof __propDef.events;
+export type ImageIndentLeftIconSlots = typeof __propDef.slots;
+export default class ImageIndentLeftIcon extends SvelteComponent<ImageIndentLeftIconProps, ImageIndentLeftIconEvents, ImageIndentLeftIconSlots> {
+}
+export {};

package/dist/icons/ImageIndentRightIcon.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-ImageIndentRightIcon-${_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="M21.6 19.2L2.39998 19.2M10.8 14L2.39998 14M10.8 8.80001L2.39998 8.80001M21.6 3.60001L2.39998 3.60001M20.4 8.40001L16.8 8.40001C16.1372 8.40001 15.6 8.93727 15.6 9.60001L15.6 13.2C15.6 13.8628 16.1372 14.4 16.8 14.4L20.4 14.4C21.0627 14.4 21.6 13.8628 21.6 13.2L21.6 9.60001C21.6 8.93727 21.0627 8.40001 20.4 8.40001Z" 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="M21.6 19.2L2.39998 19.2M10.8 14L2.39998 14M10.8 8.80001L2.39998 8.80001M21.6 3.60001L2.39998 3.60001M20.4 8.40001L16.8 8.40001C16.1372 8.40001 15.6 8.93727 15.6 9.60001L15.6 13.2C15.6 13.8628 16.1372 14.4 16.8 14.4L20.4 14.4C21.0627 14.4 21.6 13.8628 21.6 13.2L21.6 9.60001C21.6 8.93727 21.0627 8.40001 20.4 8.40001Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageIndentRightIcon.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 ImageIndentRightIconProps = typeof __propDef.props;
+export type ImageIndentRightIconEvents = typeof __propDef.events;
+export type ImageIndentRightIconSlots = typeof __propDef.slots;
+export default class ImageIndentRightIcon extends SvelteComponent<ImageIndentRightIconProps, ImageIndentRightIconEvents, ImageIndentRightIconSlots> {
+}
+export {};

package/dist/icons/ImageMinusIcon.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-ImageMinusIcon-${_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.90294 21.5999L15.1029 11.9999L19.9029 16.7999M4.90294 21.5999H16.9029C18.8912 21.5999 20.5029 19.9881 20.5029 17.9999V11.9999M4.90294 21.5999C2.91472 21.5999 1.30294 19.9881 1.30294 17.9999V5.9999C1.30294 4.01168 2.91472 2.3999 4.90294 2.3999H12.7029M15.9088 5.9999H22.6971M8.50294 7.7999C8.50294 8.79401 7.69705 9.5999 6.70294 9.5999C5.70883 9.5999 4.90294 8.79401 4.90294 7.7999C4.90294 6.80579 5.70883 5.9999 6.70294 5.9999C7.69705 5.9999 8.50294 6.80579 8.50294 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="M4.90294 21.5999L15.1029 11.9999L19.9029 16.7999M4.90294 21.5999H16.9029C18.8912 21.5999 20.5029 19.9881 20.5029 17.9999V11.9999M4.90294 21.5999C2.91472 21.5999 1.30294 19.9881 1.30294 17.9999V5.9999C1.30294 4.01168 2.91472 2.3999 4.90294 2.3999H12.7029M15.9088 5.9999H22.6971M8.50294 7.7999C8.50294 8.79401 7.69705 9.5999 6.70294 9.5999C5.70883 9.5999 4.90294 8.79401 4.90294 7.7999C4.90294 6.80579 5.70883 5.9999 6.70294 5.9999C7.69705 5.9999 8.50294 6.80579 8.50294 7.7999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageMinusIcon.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 ImageMinusIconProps = typeof __propDef.props;
+export type ImageMinusIconEvents = typeof __propDef.events;
+export type ImageMinusIconSlots = typeof __propDef.slots;
+export default class ImageMinusIcon extends SvelteComponent<ImageMinusIconProps, ImageMinusIconEvents, ImageMinusIconSlots> {
+}
+export {};

package/dist/icons/ImageNoBordersIcon.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-ImageNoBordersIcon-${_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="M2.4 20.4001L2.00957 20.0878C1.8895 20.2378 1.86609 20.4435 1.94935 20.6167C2.03261 20.7899 2.2078 20.9001 2.4 20.9001V20.4001ZM7.68 13.8001L8.07044 13.4878C7.97555 13.3691 7.83189 13.3001 7.68 13.3001C7.52811 13.3001 7.38445 13.3691 7.28957 13.4878L7.68 13.8001ZM9.6 16.2001L9.20957 16.5124C9.30445 16.6311 9.44811 16.7001 9.6 16.7001C9.75189 16.7001 9.89555 16.6311 9.99043 16.5124L9.6 16.2001ZM13.92 10.8001L14.3104 10.4878C14.2155 10.3691 14.0719 10.3001 13.92 10.3001C13.7681 10.3001 13.6245 10.3691 13.5296 10.4878L13.92 10.8001ZM21.6 20.4001V20.9001C21.7922 20.9001 21.9674 20.7899 22.0506 20.6167C22.1339 20.4435 22.1105 20.2378 21.9904 20.0878L21.6 20.4001ZM8.4 5.4001H7.9C7.9 6.11807 7.31797 6.7001 6.6 6.7001V7.2001V7.7001C7.87026 7.7001 8.9 6.67035 8.9 5.4001H8.4ZM6.6 7.2001V6.7001C5.88203 6.7001 5.3 6.11807 5.3 5.4001H4.8H4.3C4.3 6.67035 5.32975 7.7001 6.6 7.7001V7.2001ZM4.8 5.4001H5.3C5.3 4.68213 5.88203 4.1001 6.6 4.1001V3.6001V3.1001C5.32975 3.1001 4.3 4.12984 4.3 5.4001H4.8ZM6.6 3.6001V4.1001C7.31797 4.1001 7.9 4.68213 7.9 5.4001H8.4H8.9C8.9 4.12984 7.87026 3.1001 6.6 3.1001V3.6001ZM2.4 20.4001L2.79044 20.7124L8.07044 14.1124L7.68 13.8001L7.28957 13.4878L2.00957 20.0878L2.4 20.4001ZM7.68 13.8001L7.28957 14.1124L9.20957 16.5124L9.6 16.2001L9.99043 15.8878L8.07044 13.4878L7.68 13.8001ZM9.6 16.2001L9.99043 16.5124L14.3104 11.1124L13.92 10.8001L13.5296 10.4878L9.20957 15.8878L9.6 16.2001ZM13.92 10.8001L13.5296 11.1124L21.2096 20.7124L21.6 20.4001L21.9904 20.0878L14.3104 10.4878L13.92 10.8001ZM21.6 20.4001V19.9001H2.4V20.4001V20.9001H21.6V20.4001Z" 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="M2.4 20.4001L2.00957 20.0878C1.8895 20.2378 1.86609 20.4435 1.94935 20.6167C2.03261 20.7899 2.2078 20.9001 2.4 20.9001V20.4001ZM7.68 13.8001L8.07044 13.4878C7.97555 13.3691 7.83189 13.3001 7.68 13.3001C7.52811 13.3001 7.38445 13.3691 7.28957 13.4878L7.68 13.8001ZM9.6 16.2001L9.20957 16.5124C9.30445 16.6311 9.44811 16.7001 9.6 16.7001C9.75189 16.7001 9.89555 16.6311 9.99043 16.5124L9.6 16.2001ZM13.92 10.8001L14.3104 10.4878C14.2155 10.3691 14.0719 10.3001 13.92 10.3001C13.7681 10.3001 13.6245 10.3691 13.5296 10.4878L13.92 10.8001ZM21.6 20.4001V20.9001C21.7922 20.9001 21.9674 20.7899 22.0506 20.6167C22.1339 20.4435 22.1105 20.2378 21.9904 20.0878L21.6 20.4001ZM8.4 5.4001H7.9C7.9 6.11807 7.31797 6.7001 6.6 6.7001V7.2001V7.7001C7.87026 7.7001 8.9 6.67035 8.9 5.4001H8.4ZM6.6 7.2001V6.7001C5.88203 6.7001 5.3 6.11807 5.3 5.4001H4.8H4.3C4.3 6.67035 5.32975 7.7001 6.6 7.7001V7.2001ZM4.8 5.4001H5.3C5.3 4.68213 5.88203 4.1001 6.6 4.1001V3.6001V3.1001C5.32975 3.1001 4.3 4.12984 4.3 5.4001H4.8ZM6.6 3.6001V4.1001C7.31797 4.1001 7.9 4.68213 7.9 5.4001H8.4H8.9C8.9 4.12984 7.87026 3.1001 6.6 3.1001V3.6001ZM2.4 20.4001L2.79044 20.7124L8.07044 14.1124L7.68 13.8001L7.28957 13.4878L2.00957 20.0878L2.4 20.4001ZM7.68 13.8001L7.28957 14.1124L9.20957 16.5124L9.6 16.2001L9.99043 15.8878L8.07044 13.4878L7.68 13.8001ZM9.6 16.2001L9.99043 16.5124L14.3104 11.1124L13.92 10.8001L13.5296 10.4878L9.20957 15.8878L9.6 16.2001ZM13.92 10.8001L13.5296 11.1124L21.2096 20.7124L21.6 20.4001L21.9904 20.0878L14.3104 10.4878L13.92 10.8001ZM21.6 20.4001V19.9001H2.4V20.4001V20.9001H21.6V20.4001Z" fill="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/ImageNoBordersIcon.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 ImageNoBordersIconProps = typeof __propDef.props;
+export type ImageNoBordersIconEvents = typeof __propDef.events;
+export type ImageNoBordersIconSlots = typeof __propDef.slots;
+export default class ImageNoBordersIcon extends SvelteComponent<ImageNoBordersIconProps, ImageNoBordersIconEvents, ImageNoBordersIconSlots> {
+}
+export {};

package/dist/icons/ImageQuestionIcon.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-ImageQuestionIcon-${_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 22.2L16.2 12.6L21 17.4M6 22.2H18C19.9882 22.2 21.6 20.5883 21.6 18.6V12M6 22.2C4.01178 22.2 2.4 20.5883 2.4 18.6V6.60005C2.4 4.61182 4.01178 3.00005 6 3.00005H12.6M16.8 4.14792C16.8 2.85123 17.8745 1.80005 19.2 1.80005C20.5255 1.80005 21.6 2.85123 21.6 4.14792C21.6 5.44462 20.5255 6.4958 19.2 6.4958M19.2 9.69028V9.60005M9.6 8.40005C9.6 9.39416 8.79411 10.2 7.8 10.2C6.80589 10.2 6 9.39416 6 8.40005C6 7.40594 6.80589 6.60005 7.8 6.60005C8.79411 6.60005 9.6 7.40594 9.6 8.40005Z" 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 22.2L16.2 12.6L21 17.4M6 22.2H18C19.9882 22.2 21.6 20.5883 21.6 18.6V12M6 22.2C4.01178 22.2 2.4 20.5883 2.4 18.6V6.60005C2.4 4.61182 4.01178 3.00005 6 3.00005H12.6M16.8 4.14792C16.8 2.85123 17.8745 1.80005 19.2 1.80005C20.5255 1.80005 21.6 2.85123 21.6 4.14792C21.6 5.44462 20.5255 6.4958 19.2 6.4958M19.2 9.69028V9.60005M9.6 8.40005C9.6 9.39416 8.79411 10.2 7.8 10.2C6.80589 10.2 6 9.39416 6 8.40005C6 7.40594 6.80589 6.60005 7.8 6.60005C8.79411 6.60005 9.6 7.40594 9.6 8.40005Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageQuestionIcon.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 ImageQuestionIconProps = typeof __propDef.props;
+export type ImageQuestionIconEvents = typeof __propDef.events;
+export type ImageQuestionIconSlots = typeof __propDef.slots;
+export default class ImageQuestionIcon extends SvelteComponent<ImageQuestionIconProps, ImageQuestionIconEvents, ImageQuestionIconSlots> {
+}
+export {};

package/dist/icons/ImageUpIcon.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-ImageUpIcon-${_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.99999 21.5999L16.2 11.9999L21 16.7999M5.99999 21.5999H18C19.9882 21.5999 21.6 19.9881 21.6 17.9999V11.9999M5.99999 21.5999C4.01177 21.5999 2.39999 19.9881 2.39999 17.9999V5.9999C2.39999 4.01168 4.01177 2.3999 5.99999 2.3999H13.8M21.6 4.73207L19.2543 2.3999L16.8 4.84248M19.2543 2.3999V8.3999M9.59999 7.7999C9.59999 8.79401 8.79411 9.5999 7.79999 9.5999C6.80588 9.5999 5.99999 8.79401 5.99999 7.7999C5.99999 6.80579 6.80588 5.9999 7.79999 5.9999C8.79411 5.9999 9.59999 6.80579 9.59999 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.99999 21.5999L16.2 11.9999L21 16.7999M5.99999 21.5999H18C19.9882 21.5999 21.6 19.9881 21.6 17.9999V11.9999M5.99999 21.5999C4.01177 21.5999 2.39999 19.9881 2.39999 17.9999V5.9999C2.39999 4.01168 4.01177 2.3999 5.99999 2.3999H13.8M21.6 4.73207L19.2543 2.3999L16.8 4.84248M19.2543 2.3999V8.3999M9.59999 7.7999C9.59999 8.79401 8.79411 9.5999 7.79999 9.5999C6.80588 9.5999 5.99999 8.79401 5.99999 7.7999C5.99999 6.80579 6.80588 5.9999 7.79999 5.9999C8.79411 5.9999 9.59999 6.80579 9.59999 7.7999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageUpIcon.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 ImageUpIconProps = typeof __propDef.props;
+export type ImageUpIconEvents = typeof __propDef.events;
+export type ImageUpIconSlots = typeof __propDef.slots;
+export default class ImageUpIcon extends SvelteComponent<ImageUpIconProps, ImageUpIconEvents, ImageUpIconSlots> {
+}
+export {};

package/dist/icons/ImageXIcon.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-ImageXIcon-${_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.39999 21.5999L15.6 11.9999L20.4 16.7999M5.39999 21.5999H17.4C19.3882 21.5999 21 19.9881 21 17.9999V10.7999M5.39999 21.5999C3.41176 21.5999 1.79999 19.9881 1.79999 17.9999V5.9999C1.79999 4.01168 3.41176 2.3999 5.39999 2.3999H13.2M22.2 7.1999L19.8 4.7999M19.8 4.7999L17.4 2.3999M19.8 4.7999L17.4 7.1999M19.8 4.7999L22.2 2.3999M8.99999 7.7999C8.99999 8.79401 8.1941 9.5999 7.19999 9.5999C6.20588 9.5999 5.39999 8.79401 5.39999 7.7999C5.39999 6.80579 6.20588 5.9999 7.19999 5.9999C8.1941 5.9999 8.99999 6.80579 8.99999 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.39999 21.5999L15.6 11.9999L20.4 16.7999M5.39999 21.5999H17.4C19.3882 21.5999 21 19.9881 21 17.9999V10.7999M5.39999 21.5999C3.41176 21.5999 1.79999 19.9881 1.79999 17.9999V5.9999C1.79999 4.01168 3.41176 2.3999 5.39999 2.3999H13.2M22.2 7.1999L19.8 4.7999M19.8 4.7999L17.4 2.3999M19.8 4.7999L17.4 7.1999M19.8 4.7999L22.2 2.3999M8.99999 7.7999C8.99999 8.79401 8.1941 9.5999 7.19999 9.5999C6.20588 9.5999 5.39999 8.79401 5.39999 7.7999C5.39999 6.80579 6.20588 5.9999 7.19999 5.9999C8.1941 5.9999 8.99999 6.80579 8.99999 7.7999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/ImageXIcon.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 ImageXIconProps = typeof __propDef.props;
+export type ImageXIconEvents = typeof __propDef.events;
+export type ImageXIconSlots = typeof __propDef.slots;
+export default class ImageXIcon extends SvelteComponent<ImageXIconProps, ImageXIconEvents, ImageXIconSlots> {
+}
+export {};