chromia 0.1.19 → 0.1.21

package/dist/icons/TextInput01Icon.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 TextInput01IconProps = typeof __propDef.props;
+export type TextInput01IconEvents = typeof __propDef.events;
+export type TextInput01IconSlots = typeof __propDef.slots;
+export default class TextInput01Icon extends SvelteComponent<TextInput01IconProps, TextInput01IconEvents, TextInput01IconSlots> {
+}
+export {};

package/dist/icons/TextInput02Icon.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-TextInput02Icon-${_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.5999 12.6V11.4M21.5999 9.59999V14.4C21.5999 15.0627 21.0626 15.6 20.3999 15.6H3.5999C2.93716 15.6 2.3999 15.0627 2.3999 14.4V9.59999C2.3999 8.93725 2.93716 8.39999 3.5999 8.39999H20.3999C21.0626 8.39999 21.5999 8.93725 21.5999 9.59999Z" 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.5999 12.6V11.4M21.5999 9.59999V14.4C21.5999 15.0627 21.0626 15.6 20.3999 15.6H3.5999C2.93716 15.6 2.3999 15.0627 2.3999 14.4V9.59999C2.3999 8.93725 2.93716 8.39999 3.5999 8.39999H20.3999C21.0626 8.39999 21.5999 8.93725 21.5999 9.59999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/TextInput02Icon.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 TextInput02IconProps = typeof __propDef.props;
+export type TextInput02IconEvents = typeof __propDef.events;
+export type TextInput02IconSlots = typeof __propDef.slots;
+export default class TextInput02Icon extends SvelteComponent<TextInput02IconProps, TextInput02IconEvents, TextInput02IconSlots> {
+}
+export {};

package/dist/icons/TextureIcon.svelte

@@ -37,7 +37,7 @@ export { className as class };
         id="icon_Texture"
         d="M5 18.7182L13.5 10.7182L17.5 14.7182M5 18.7182H15C16.6569 18.7182 18 17.3751 18 15.7182V10.2182M5 18.7182C3.34315 18.7182 2 17.3751 2 15.7182V5.7182C2 4.06135 3.34315 2.7182 5 2.7182H10.5M14 3.67476C14 2.59418 14.8954 1.7182 16 1.7182C17.1046 1.7182 18 2.59418 18 3.67476C18 4.75534 17.1046 5.63133 16 5.63133M16 8.2934V8.2182M8 7.2182C8 8.04663 7.32843 8.7182 6.5 8.7182C5.67157 8.7182 5 8.04663 5 7.2182C5 6.38977 5.67157 5.7182 6.5 5.7182C7.32843 5.7182 8 6.38977 8 7.2182Z"
         stroke="url(#grad-Texture)"
-        stroke-width={weight}
+        stroke-width={weight * 0.875}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -75,7 +75,7 @@ export { className as class };
         id="icon_Texture"
         d="M5 18.7182L13.5 10.7182L17.5 14.7182M5 18.7182H15C16.6569 18.7182 18 17.3751 18 15.7182V10.2182M5 18.7182C3.34315 18.7182 2 17.3751 2 15.7182V5.7182C2 4.06135 3.34315 2.7182 5 2.7182H10.5M14 3.67476C14 2.59418 14.8954 1.7182 16 1.7182C17.1046 1.7182 18 2.59418 18 3.67476C18 4.75534 17.1046 5.63133 16 5.63133M16 8.2934V8.2182M8 7.2182C8 8.04663 7.32843 8.7182 6.5 8.7182C5.67157 8.7182 5 8.04663 5 7.2182C5 6.38977 5.67157 5.7182 6.5 5.7182C7.32843 5.7182 8 6.38977 8 7.2182Z"
         stroke={color}
-        stroke-width={weight}
+        stroke-width={weight * 0.875}
         stroke-linecap="round"
         stroke-linejoin="round"
       />

package/dist/icons/Ticket01Icon.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-Ticket01Icon-${_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="M14.4 15.1402V14.9464M14.3995 12.1374V11.9435M14.3995 9.14723V8.9534M5.01177 3.45978H12.0011C12.0408 4.87484 13.2003 6.00978 14.625 6.00978C16.0497 6.00978 17.2092 4.87484 17.2489 3.45978H18.9882C21.0934 3.45978 22.8 5.16636 22.8 7.27154V16.7285C22.8 18.8337 21.0934 20.5402 18.9882 20.5402H17.2489C17.2092 19.1252 16.0497 17.9902 14.625 17.9902C13.2003 17.9902 12.0408 19.1252 12.0011 20.5402H5.01178C2.9066 20.5402 1.20001 18.8337 1.20001 16.7285L1.2 7.27154C1.2 5.16636 2.90659 3.45978 5.01177 3.45978Z" 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="M14.4 15.1402V14.9464M14.3995 12.1374V11.9435M14.3995 9.14723V8.9534M5.01177 3.45978H12.0011C12.0408 4.87484 13.2003 6.00978 14.625 6.00978C16.0497 6.00978 17.2092 4.87484 17.2489 3.45978H18.9882C21.0934 3.45978 22.8 5.16636 22.8 7.27154V16.7285C22.8 18.8337 21.0934 20.5402 18.9882 20.5402H17.2489C17.2092 19.1252 16.0497 17.9902 14.625 17.9902C13.2003 17.9902 12.0408 19.1252 12.0011 20.5402H5.01178C2.9066 20.5402 1.20001 18.8337 1.20001 16.7285L1.2 7.27154C1.2 5.16636 2.90659 3.45978 5.01177 3.45978Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Ticket01Icon.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 Ticket01IconProps = typeof __propDef.props;
+export type Ticket01IconEvents = typeof __propDef.events;
+export type Ticket01IconSlots = typeof __propDef.slots;
+export default class Ticket01Icon extends SvelteComponent<Ticket01IconProps, Ticket01IconEvents, Ticket01IconSlots> {
+}
+export {};

package/dist/icons/Ticket02Icon.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-Ticket02Icon-${_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="M14.3995 14.8598V8.9534M5.01178 3.45978H12.0011C12.0408 4.87484 13.2003 6.00978 14.625 6.00978C16.0497 6.00978 17.2093 4.87484 17.249 3.45978H18.9882C21.0934 3.45978 22.8 5.16636 22.8 7.27154V16.7285C22.8 18.8337 21.0934 20.5402 18.9882 20.5402H17.249C17.2093 19.1252 16.0497 17.9902 14.625 17.9902C13.2003 17.9902 12.0408 19.1252 12.0011 20.5402H5.01179C2.90661 20.5402 1.20003 18.8337 1.20003 16.7285L1.20001 7.27154C1.20001 5.16636 2.9066 3.45978 5.01178 3.45978Z" 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="M14.3995 14.8598V8.9534M5.01178 3.45978H12.0011C12.0408 4.87484 13.2003 6.00978 14.625 6.00978C16.0497 6.00978 17.2093 4.87484 17.249 3.45978H18.9882C21.0934 3.45978 22.8 5.16636 22.8 7.27154V16.7285C22.8 18.8337 21.0934 20.5402 18.9882 20.5402H17.249C17.2093 19.1252 16.0497 17.9902 14.625 17.9902C13.2003 17.9902 12.0408 19.1252 12.0011 20.5402H5.01179C2.90661 20.5402 1.20003 18.8337 1.20003 16.7285L1.20001 7.27154C1.20001 5.16636 2.9066 3.45978 5.01178 3.45978Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Ticket02Icon.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 Ticket02IconProps = typeof __propDef.props;
+export type Ticket02IconEvents = typeof __propDef.events;
+export type Ticket02IconSlots = typeof __propDef.slots;
+export default class Ticket02Icon extends SvelteComponent<Ticket02IconProps, Ticket02IconEvents, Ticket02IconSlots> {
+}
+export {};

package/dist/icons/TimerOffIcon.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-TimerOffIcon-${_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.7999 1.28699H14.0869M18.2608 6.8522L20.3477 4.76525M21.5999 6.01742L20.3477 4.76525L19.0956 3.51307M8.9999 4.71602C9.81914 4.47639 10.6858 4.34786 11.5825 4.34786C16.6539 4.34786 20.7651 8.45905 20.7651 13.5305C20.7651 14.4867 20.6189 15.4088 20.3477 16.2757M17.9999 20.0984C16.3445 21.7161 14.0799 22.7131 11.5825 22.7131C6.5111 22.7131 2.3999 18.6019 2.3999 13.5305C2.3999 11.2905 3.20191 9.23792 4.53443 7.64413M2.3999 3.68699L20.9999 22.287" 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.7999 1.28699H14.0869M18.2608 6.8522L20.3477 4.76525M21.5999 6.01742L20.3477 4.76525L19.0956 3.51307M8.9999 4.71602C9.81914 4.47639 10.6858 4.34786 11.5825 4.34786C16.6539 4.34786 20.7651 8.45905 20.7651 13.5305C20.7651 14.4867 20.6189 15.4088 20.3477 16.2757M17.9999 20.0984C16.3445 21.7161 14.0799 22.7131 11.5825 22.7131C6.5111 22.7131 2.3999 18.6019 2.3999 13.5305C2.3999 11.2905 3.20191 9.23792 4.53443 7.64413M2.3999 3.68699L20.9999 22.287" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/TimerOffIcon.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 TimerOffIconProps = typeof __propDef.props;
+export type TimerOffIconEvents = typeof __propDef.events;
+export type TimerOffIconSlots = typeof __propDef.slots;
+export default class TimerOffIcon extends SvelteComponent<TimerOffIconProps, TimerOffIconEvents, TimerOffIconSlots> {
+}
+export {};

package/dist/icons/ToggleLeftIcon.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"

package/dist/icons/ToggleRightIcon.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"

package/dist/icons/ToogleLeftIcon.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-ToogleLeftIcon-${_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="M7.20002 16.8H16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995H7.20002M7.20002 16.8C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995M7.20002 16.8C9.85099 16.8 12 14.6509 12 12C12 9.34898 9.85099 7.19995 7.20002 7.19995" 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="M7.20002 16.8H16.8C19.451 16.8 21.6 14.6509 21.6 12C21.6 9.34898 19.451 7.19995 16.8 7.19995H7.20002M7.20002 16.8C4.54906 16.8 2.40002 14.6509 2.40002 12C2.40002 9.34898 4.54906 7.19995 7.20002 7.19995M7.20002 16.8C9.85099 16.8 12 14.6509 12 12C12 9.34898 9.85099 7.19995 7.20002 7.19995" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/ToogleLeftIcon.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 ToogleLeftIconProps = typeof __propDef.props;
+export type ToogleLeftIconEvents = typeof __propDef.events;
+export type ToogleLeftIconSlots = typeof __propDef.slots;
+export default class ToogleLeftIcon extends SvelteComponent<ToogleLeftIconProps, ToogleLeftIconEvents, ToogleLeftIconSlots> {
+}
+export {};

package/dist/icons/TrainIcon.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-TrainIcon-${_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.00001 20.4L4.20001 22.8M20.3185 22.7797L18.4662 20.4199M8.40047 16.8722V16.8M15.6005 16.8722V16.8M4.80001 13.8H19.8M12 4.80001V13.2M9.00001 1.20001H15M6.56471 20.4H17.4353C19.0727 20.4 20.4 19.0727 20.4 17.4353V7.76472C20.4 6.12736 19.0727 4.80001 17.4353 4.80001H6.56471C4.92735 4.80001 3.60001 6.12736 3.60001 7.76472V17.4353C3.60001 19.0727 4.92735 20.4 6.56471 20.4Z" 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="M6.00001 20.4L4.20001 22.8M20.3185 22.7797L18.4662 20.4199M8.40047 16.8722V16.8M15.6005 16.8722V16.8M4.80001 13.8H19.8M12 4.80001V13.2M9.00001 1.20001H15M6.56471 20.4H17.4353C19.0727 20.4 20.4 19.0727 20.4 17.4353V7.76472C20.4 6.12736 19.0727 4.80001 17.4353 4.80001H6.56471C4.92735 4.80001 3.60001 6.12736 3.60001 7.76472V17.4353C3.60001 19.0727 4.92735 20.4 6.56471 20.4Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/TrainIcon.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 TrainIconProps = typeof __propDef.props;
+export type TrainIconEvents = typeof __propDef.events;
+export type TrainIconSlots = typeof __propDef.slots;
+export default class TrainIcon extends SvelteComponent<TrainIconProps, TrainIconEvents, TrainIconSlots> {
+}
+export {};