chromia 0.1.20 → 0.1.21

package/dist/icons/MicrophoneOff01Icon.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-MicrophoneOff01Icon-${_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="M9.17586 3.36406C9.79312 2.7468 10.6303 2.40002 11.5032 2.40002C12.3762 2.40002 13.2134 2.7468 13.8306 3.36406C14.4479 3.98132 14.7947 4.81851 14.7947 5.69145V9.00002M3.90005 11.1772C4.16588 13.0037 5.08043 14.6734 6.4764 15.8809C7.87236 17.0884 9.6564 17.753 11.5022 17.753M11.5022 17.753C13.3479 17.753 15.1319 17.0884 16.5279 15.8809C17.9239 14.6734 18.8384 13.0037 19.1043 11.1772M11.5022 17.753V21.6M8.21182 7.80002V10.08C8.21182 10.953 8.55859 11.7902 9.17586 12.4074C9.79312 13.0247 10.6303 13.3715 11.5032 13.3715C12.0618 13.3715 12.6056 13.2295 13.0866 12.9656M3.30005 2.40002L20.7 19.8" 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="M9.17586 3.36406C9.79312 2.7468 10.6303 2.40002 11.5032 2.40002C12.3762 2.40002 13.2134 2.7468 13.8306 3.36406C14.4479 3.98132 14.7947 4.81851 14.7947 5.69145V9.00002M3.90005 11.1772C4.16588 13.0037 5.08043 14.6734 6.4764 15.8809C7.87236 17.0884 9.6564 17.753 11.5022 17.753M11.5022 17.753C13.3479 17.753 15.1319 17.0884 16.5279 15.8809C17.9239 14.6734 18.8384 13.0037 19.1043 11.1772M11.5022 17.753V21.6M8.21182 7.80002V10.08C8.21182 10.953 8.55859 11.7902 9.17586 12.4074C9.79312 13.0247 10.6303 13.3715 11.5032 13.3715C12.0618 13.3715 12.6056 13.2295 13.0866 12.9656M3.30005 2.40002L20.7 19.8" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/MicrophoneOff01Icon.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 MicrophoneOff01IconProps = typeof __propDef.props;
+export type MicrophoneOff01IconEvents = typeof __propDef.events;
+export type MicrophoneOff01IconSlots = typeof __propDef.slots;
+export default class MicrophoneOff01Icon extends SvelteComponent<MicrophoneOff01IconProps, MicrophoneOff01IconEvents, MicrophoneOff01IconSlots> {
+}
+export {};

package/dist/icons/MicrophoneOff02Icon.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-MicrophoneOff02Icon-${_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.7921 6.5162V12.0044C7.7921 13.0961 8.22576 14.1431 8.9977 14.915C9.76963 15.687 10.8166 16.1206 11.9083 16.1206C13 16.1206 14.0469 15.687 14.8189 14.915C15.034 14.6999 15.2228 14.4634 15.3833 14.2106M2.3999 13.3765C2.73234 15.6607 3.87606 17.7488 5.62182 19.2589C7.36758 20.769 9.59866 21.6 11.9069 21.6C14.2152 21.6 16.4462 20.769 18.192 19.2589C19.9378 17.7488 21.0815 15.6607 21.4139 13.3765M16.0245 9.00002V6.5162C16.0245 5.42453 15.5908 4.37756 14.8189 3.60563C14.0469 2.83369 13 2.40002 11.9083 2.40002C11.1472 2.40002 10.4079 2.6108 9.7683 3.00002M4.1999 2.40002L21.5999 19.8" 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="M7.7921 6.5162V12.0044C7.7921 13.0961 8.22576 14.1431 8.9977 14.915C9.76963 15.687 10.8166 16.1206 11.9083 16.1206C13 16.1206 14.0469 15.687 14.8189 14.915C15.034 14.6999 15.2228 14.4634 15.3833 14.2106M2.3999 13.3765C2.73234 15.6607 3.87606 17.7488 5.62182 19.2589C7.36758 20.769 9.59866 21.6 11.9069 21.6C14.2152 21.6 16.4462 20.769 18.192 19.2589C19.9378 17.7488 21.0815 15.6607 21.4139 13.3765M16.0245 9.00002V6.5162C16.0245 5.42453 15.5908 4.37756 14.8189 3.60563C14.0469 2.83369 13 2.40002 11.9083 2.40002C11.1472 2.40002 10.4079 2.6108 9.7683 3.00002M4.1999 2.40002L21.5999 19.8" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/MicrophoneOff02Icon.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 MicrophoneOff02IconProps = typeof __propDef.props;
+export type MicrophoneOff02IconEvents = typeof __propDef.events;
+export type MicrophoneOff02IconSlots = typeof __propDef.slots;
+export default class MicrophoneOff02Icon extends SvelteComponent<MicrophoneOff02IconProps, MicrophoneOff02IconEvents, MicrophoneOff02IconSlots> {
+}
+export {};

package/dist/icons/Minimise01Icon.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-Minimise01Icon-${_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.39999 15.4559H6.26649C7.44465 15.4559 8.39973 16.3728 8.39973 17.5039V21.6M8.39999 2.40002V6.4961C8.39999 7.6272 7.44491 8.54414 6.26675 8.54414H2.40026M21.6 15.4559H17.7335C16.5553 15.4559 15.6003 16.3728 15.6003 17.5039V21.6M15.6 2.40002V6.4961C15.6 7.6272 16.5551 8.54414 17.7332 8.54414H21.5997" 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="M2.39999 15.4559H6.26649C7.44465 15.4559 8.39973 16.3728 8.39973 17.5039V21.6M8.39999 2.40002V6.4961C8.39999 7.6272 7.44491 8.54414 6.26675 8.54414H2.40026M21.6 15.4559H17.7335C16.5553 15.4559 15.6003 16.3728 15.6003 17.5039V21.6M15.6 2.40002V6.4961C15.6 7.6272 16.5551 8.54414 17.7332 8.54414H21.5997" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/Minimise01Icon.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 Minimise01IconProps = typeof __propDef.props;
+export type Minimise01IconEvents = typeof __propDef.events;
+export type Minimise01IconSlots = typeof __propDef.slots;
+export default class Minimise01Icon extends SvelteComponent<Minimise01IconProps, Minimise01IconEvents, Minimise01IconSlots> {
+}
+export {};

package/dist/icons/Minimise02Icon.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-Minimise02Icon-${_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.511 20.4413L10.511 13.4896L3.55932 13.4896M10.511 13.4896L2.4007 21.5999M13.489 3.55877V10.5105L20.4407 10.5105M13.489 10.5105L21.5993 2.40015" 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="M10.511 20.4413L10.511 13.4896L3.55932 13.4896M10.511 13.4896L2.4007 21.5999M13.489 3.55877V10.5105L20.4407 10.5105M13.489 10.5105L21.5993 2.40015" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Minimise02Icon.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 Minimise02IconProps = typeof __propDef.props;
+export type Minimise02IconEvents = typeof __propDef.events;
+export type Minimise02IconSlots = typeof __propDef.slots;
+export default class Minimise02Icon extends SvelteComponent<Minimise02IconProps, Minimise02IconEvents, Minimise02IconSlots> {
+}
+export {};

package/dist/icons/MinimizeIcon.svelte

@@ -35,7 +35,7 @@ export { className as class };
     <path
       d="M2.66926 10.1171L7.88306 10.1171M7.88306 10.1171L7.88306 15.3309M7.88306 10.1171L1.80029 16.1999M15.3303 7.88281L10.1165 7.88281M10.1165 7.88281V2.66901M10.1165 7.88281L16.1993 1.80005"
       stroke="url(#grad-custom)"
-      stroke-width={weight}
+      stroke-width={weight * 0.6667}
       stroke-linejoin="round"
       stroke-linecap="round"
     />
@@ -70,7 +70,7 @@ export { className as class };
     <path
       d="M2.66926 10.1171L7.88306 10.1171M7.88306 10.1171L7.88306 15.3309M7.88306 10.1171L1.80029 16.1999M15.3303 7.88281L10.1165 7.88281M10.1165 7.88281V2.66901M10.1165 7.88281L16.1993 1.80005"
       stroke={color}
-      stroke-width={weight}
+      stroke-width={weight * 0.6667}
       stroke-linecap="round"
       stroke-linejoin="round"
     />

package/dist/icons/MinusCircleContainedIcon.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/MinusSquareContainedIcon.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/Moon01Icon.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-Moon01Icon-${_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 14.6397C20.6977 14.9133 19.7404 15.0605 18.7487 15.0605C13.3307 15.0605 8.93859 10.6683 8.93859 5.2503C8.93859 4.25908 9.0856 3.3022 9.359 2.40027C5.33156 3.62165 2.40005 7.36331 2.40005 11.7897C2.40005 17.2077 6.79221 21.5998 12.2102 21.5998C16.637 21.5998 20.379 18.6677 21.6 14.6397Z" 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 14.6397C20.6977 14.9133 19.7404 15.0605 18.7487 15.0605C13.3307 15.0605 8.93859 10.6683 8.93859 5.2503C8.93859 4.25908 9.0856 3.3022 9.359 2.40027C5.33156 3.62165 2.40005 7.36331 2.40005 11.7897C2.40005 17.2077 6.79221 21.5998 12.2102 21.5998C16.637 21.5998 20.379 18.6677 21.6 14.6397Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Moon01Icon.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 Moon01IconProps = typeof __propDef.props;
+export type Moon01IconEvents = typeof __propDef.events;
+export type Moon01IconSlots = typeof __propDef.slots;
+export default class Moon01Icon extends SvelteComponent<Moon01IconProps, Moon01IconEvents, Moon01IconSlots> {
+}
+export {};

package/dist/icons/Moon02Icon.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-Moon02Icon-${_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="M18.9 11.7002V8.70022M18.9 8.70022V5.70022M18.9 8.70022L21.9 8.70022M18.9 8.70022H15.9M14.1 5.70022V3.90022M14.1 3.90022V2.10022M14.1 3.90022L15.9 3.90022M14.1 3.90022L12.3 3.90022M21.2999 14.9396C20.3976 15.2133 19.4404 15.3604 18.4487 15.3604C13.0307 15.3604 8.63854 10.9682 8.63854 5.55025C8.63854 4.55903 8.78555 3.60215 9.05895 2.70022C5.03152 3.9216 2.10001 7.66326 2.10001 12.0896C2.10001 17.5076 6.49216 21.8998 11.9102 21.8998C16.337 21.8998 20.0789 18.9677 21.2999 14.9396Z" 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="M18.9 11.7002V8.70022M18.9 8.70022V5.70022M18.9 8.70022L21.9 8.70022M18.9 8.70022H15.9M14.1 5.70022V3.90022M14.1 3.90022V2.10022M14.1 3.90022L15.9 3.90022M14.1 3.90022L12.3 3.90022M21.2999 14.9396C20.3976 15.2133 19.4404 15.3604 18.4487 15.3604C13.0307 15.3604 8.63854 10.9682 8.63854 5.55025C8.63854 4.55903 8.78555 3.60215 9.05895 2.70022C5.03152 3.9216 2.10001 7.66326 2.10001 12.0896C2.10001 17.5076 6.49216 21.8998 11.9102 21.8998C16.337 21.8998 20.0789 18.9677 21.2999 14.9396Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Moon02Icon.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 Moon02IconProps = typeof __propDef.props;
+export type Moon02IconEvents = typeof __propDef.events;
+export type Moon02IconSlots = typeof __propDef.slots;
+export default class Moon02Icon extends SvelteComponent<Moon02IconProps, Moon02IconEvents, Moon02IconSlots> {
+}
+export {};

package/dist/icons/MouseIcon.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-MouseIcon-${_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="M12 7.80002V10.2M12 2.40002C10.4087 2.40002 8.88258 3.00688 7.75736 4.08709C6.63214 5.1673 6 6.63238 6 8.16002V15.84C6 17.3677 6.63214 18.8327 7.75736 19.913C8.88258 20.9932 10.4087 21.6 12 21.6C13.5913 21.6 15.1174 20.9932 16.2426 19.913C17.3679 18.8327 18 17.3677 18 15.84V8.16002C18 6.63238 17.3679 5.1673 16.2426 4.08709C15.1174 3.00688 13.5913 2.40002 12 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="M12 7.80002V10.2M12 2.40002C10.4087 2.40002 8.88258 3.00688 7.75736 4.08709C6.63214 5.1673 6 6.63238 6 8.16002V15.84C6 17.3677 6.63214 18.8327 7.75736 19.913C8.88258 20.9932 10.4087 21.6 12 21.6C13.5913 21.6 15.1174 20.9932 16.2426 19.913C17.3679 18.8327 18 17.3677 18 15.84V8.16002C18 6.63238 17.3679 5.1673 16.2426 4.08709C15.1174 3.00688 13.5913 2.40002 12 2.40002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}