chromia 0.1.20 → 0.1.21

package/dist/icons/PackageXIcon.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-PackageXIcon-${_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="M20.1619 11.9999V7.1999L11.848 2.3999L3.53418 7.1999V16.7999L11.848 21.5999L13.6475 20.561M20.1619 7.1999L11.848 12.5999M11.848 21.5999V12.5999M11.848 12.5999L4.04802 7.7999M15.448 9.5999L7.64802 4.7999M16.647 15.381L18.5565 17.2905M18.5565 17.2905L20.4654 19.1994M18.5565 17.2905L20.4657 15.3813M18.5565 17.2905L16.6473 19.1997" 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="M20.1619 11.9999V7.1999L11.848 2.3999L3.53418 7.1999V16.7999L11.848 21.5999L13.6475 20.561M20.1619 7.1999L11.848 12.5999M11.848 21.5999V12.5999M11.848 12.5999L4.04802 7.7999M15.448 9.5999L7.64802 4.7999M16.647 15.381L18.5565 17.2905M18.5565 17.2905L20.4654 19.1994M18.5565 17.2905L20.4657 15.3813M18.5565 17.2905L16.6473 19.1997" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/PackageXIcon.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 PackageXIconProps = typeof __propDef.props;
+export type PackageXIconEvents = typeof __propDef.events;
+export type PackageXIconSlots = typeof __propDef.slots;
+export default class PackageXIcon extends SvelteComponent<PackageXIconProps, PackageXIconEvents, PackageXIconSlots> {
+}
+export {};

package/dist/icons/PaintBucket01Icon.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-PaintBucket01Icon-${_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.9497 2.39999L11.4626 2.91285M3.60078 13.0393H20.597M11.4626 2.91285L12.2067 3.65697C12.2067 3.65697 4.45176 11.2676 4.29418 11.4251C3.36857 12.3507 3.36857 13.8515 4.29418 14.7771L10.4229 20.9058C11.3485 21.8314 12.8492 21.8314 13.7748 20.9058L19.9036 14.7771C20.789 13.8916 20.8274 12.4798 20.0187 11.5487C19.9758 11.4543 19.9155 11.3658 19.8379 11.2881L11.4626 2.91285Z" 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.9497 2.39999L11.4626 2.91285M3.60078 13.0393H20.597M11.4626 2.91285L12.2067 3.65697C12.2067 3.65697 4.45176 11.2676 4.29418 11.4251C3.36857 12.3507 3.36857 13.8515 4.29418 14.7771L10.4229 20.9058C11.3485 21.8314 12.8492 21.8314 13.7748 20.9058L19.9036 14.7771C20.789 13.8916 20.8274 12.4798 20.0187 11.5487C19.9758 11.4543 19.9155 11.3658 19.8379 11.2881L11.4626 2.91285Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/PaintBucket01Icon.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 PaintBucket01IconProps = typeof __propDef.props;
+export type PaintBucket01IconEvents = typeof __propDef.events;
+export type PaintBucket01IconSlots = typeof __propDef.slots;
+export default class PaintBucket01Icon extends SvelteComponent<PaintBucket01IconProps, PaintBucket01IconEvents, PaintBucket01IconSlots> {
+}
+export {};

package/dist/icons/PaintBucket02Icon.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-PaintBucket02Icon-${_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="M17.9132 11.3594C17.9269 11.8874 17.7322 12.4198 17.3293 12.8228L12.1683 17.9838C11.3888 18.7632 10.125 18.7632 9.34558 17.9838L4.18457 12.8228C3.78161 12.4198 3.58697 11.8874 3.60065 11.3594M17.9132 11.3594C17.9016 10.9104 17.7392 10.4645 17.4263 10.1041C17.3901 10.0246 17.3394 9.95013 17.274 9.88473L10.8477 3.4585M17.9132 11.3594H3.60065M3.60065 11.3594C3.61343 10.8661 3.80807 10.3766 4.18457 10.0001C4.31726 9.8674 10.8477 3.4585 10.8477 3.4585M10.8477 3.4585L9.78922 2.39999M4.6105 21.6H15.221M19.5495 15.1937C19.4867 15.0945 19.3791 15.0314 19.2624 15.0314C19.1458 15.0314 19.0382 15.0946 18.9754 15.1937C18.7511 15.5633 18.0245 16.8255 18.0245 17.3754C18.0245 18.0605 18.5807 18.6195 19.2624 18.6195C19.9441 18.6195 20.5003 18.0606 20.5003 17.3754C20.5003 16.8165 19.7738 15.5633 19.5495 15.1937Z" 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="M17.9132 11.3594C17.9269 11.8874 17.7322 12.4198 17.3293 12.8228L12.1683 17.9838C11.3888 18.7632 10.125 18.7632 9.34558 17.9838L4.18457 12.8228C3.78161 12.4198 3.58697 11.8874 3.60065 11.3594M17.9132 11.3594C17.9016 10.9104 17.7392 10.4645 17.4263 10.1041C17.3901 10.0246 17.3394 9.95013 17.274 9.88473L10.8477 3.4585M17.9132 11.3594H3.60065M3.60065 11.3594C3.61343 10.8661 3.80807 10.3766 4.18457 10.0001C4.31726 9.8674 10.8477 3.4585 10.8477 3.4585M10.8477 3.4585L9.78922 2.39999M4.6105 21.6H15.221M19.5495 15.1937C19.4867 15.0945 19.3791 15.0314 19.2624 15.0314C19.1458 15.0314 19.0382 15.0946 18.9754 15.1937C18.7511 15.5633 18.0245 16.8255 18.0245 17.3754C18.0245 18.0605 18.5807 18.6195 19.2624 18.6195C19.9441 18.6195 20.5003 18.0606 20.5003 17.3754C20.5003 16.8165 19.7738 15.5633 19.5495 15.1937Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/PaintBucket02Icon.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 PaintBucket02IconProps = typeof __propDef.props;
+export type PaintBucket02IconEvents = typeof __propDef.events;
+export type PaintBucket02IconSlots = typeof __propDef.slots;
+export default class PaintBucket02Icon extends SvelteComponent<PaintBucket02IconProps, PaintBucket02IconEvents, PaintBucket02IconSlots> {
+}
+export {};

package/dist/icons/PaletteIcon.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-PaletteIcon-${_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.0002 5.99999V6.03322M6.03313 12.0002H5.9999M16.2429 7.75754L16.2194 7.78104M7.78108 16.2193L7.75758 16.2428M7.78108 7.78066L7.75758 7.75716M11.9999 21.6C6.69797 21.6 2.3999 17.3019 2.3999 12C2.3999 6.69806 6.69797 2.39999 11.9999 2.39999C17.3018 2.39999 21.5999 6.69806 21.5999 12C21.5999 13.6141 20.1085 14.688 18.4945 14.688H17.8679C17.5443 14.688 17.2252 14.7633 16.9359 14.908C15.9064 15.4227 15.4892 16.6745 16.0039 17.704C16.1486 17.9933 16.2239 18.3124 16.2239 18.636V18.8251C16.2239 19.9257 15.6063 20.9679 14.5449 21.259C13.7344 21.4813 12.881 21.6 11.9999 21.6Z" 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.0002 5.99999V6.03322M6.03313 12.0002H5.9999M16.2429 7.75754L16.2194 7.78104M7.78108 16.2193L7.75758 16.2428M7.78108 7.78066L7.75758 7.75716M11.9999 21.6C6.69797 21.6 2.3999 17.3019 2.3999 12C2.3999 6.69806 6.69797 2.39999 11.9999 2.39999C17.3018 2.39999 21.5999 6.69806 21.5999 12C21.5999 13.6141 20.1085 14.688 18.4945 14.688H17.8679C17.5443 14.688 17.2252 14.7633 16.9359 14.908C15.9064 15.4227 15.4892 16.6745 16.0039 17.704C16.1486 17.9933 16.2239 18.3124 16.2239 18.636V18.8251C16.2239 19.9257 15.6063 20.9679 14.5449 21.259C13.7344 21.4813 12.881 21.6 11.9999 21.6Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/PaletteIcon.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 PaletteIconProps = typeof __propDef.props;
+export type PaletteIconEvents = typeof __propDef.events;
+export type PaletteIconSlots = typeof __propDef.slots;
+export default class PaletteIcon extends SvelteComponent<PaletteIconProps, PaletteIconEvents, PaletteIconSlots> {
+}
+export {};

package/dist/icons/Paperclip01Icon.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-Paperclip01Icon-${_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="M17.5102 8.13298L10.4103 15.2328C9.56606 16.0771 8.19726 16.0771 7.35301 15.2328C6.50699 14.3868 6.50902 13.0145 7.35754 12.171L12.8633 6.69779L14.246 5.31511C15.9283 3.63278 18.6559 3.63278 20.3382 5.31512C22.0206 6.99745 22.0206 9.72506 20.3382 11.4074L18.9764 12.7693L13.8149 17.9308C11.1449 20.712 7.0993 21.1351 4.2707 18.4197C1.47673 15.7375 1.9503 11.7162 4.77529 8.89123L9.91646 3.74927" 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="M17.5102 8.13298L10.4103 15.2328C9.56606 16.0771 8.19726 16.0771 7.35301 15.2328C6.50699 14.3868 6.50902 13.0145 7.35754 12.171L12.8633 6.69779L14.246 5.31511C15.9283 3.63278 18.6559 3.63278 20.3382 5.31512C22.0206 6.99745 22.0206 9.72506 20.3382 11.4074L18.9764 12.7693L13.8149 17.9308C11.1449 20.712 7.0993 21.1351 4.2707 18.4197C1.47673 15.7375 1.9503 11.7162 4.77529 8.89123L9.91646 3.74927" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/Paperclip01Icon.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 Paperclip01IconProps = typeof __propDef.props;
+export type Paperclip01IconEvents = typeof __propDef.events;
+export type Paperclip01IconSlots = typeof __propDef.slots;
+export default class Paperclip01Icon extends SvelteComponent<Paperclip01IconProps, Paperclip01IconEvents, Paperclip01IconSlots> {
+}
+export {};

package/dist/icons/Paperclip02Icon.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-Paperclip02Icon-${_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.957 11.5049L11.9116 18.5504C9.99395 20.468 7.11801 20.6945 5.16286 18.7393C3.24524 16.8217 3.49447 14.0436 5.44962 12.0884L13.3694 4.16862C14.5816 2.9565 16.5329 2.9565 17.7451 4.16862C18.9572 5.38073 18.9572 7.33213 17.7451 8.54425L9.68618 16.6031C9.08203 17.2073 8.10252 17.2073 7.49837 16.6031C6.89422 15.999 6.89422 15.0195 7.49837 14.4153L14.6829 7.23081" 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="M18.957 11.5049L11.9116 18.5504C9.99395 20.468 7.11801 20.6945 5.16286 18.7393C3.24524 16.8217 3.49447 14.0436 5.44962 12.0884L13.3694 4.16862C14.5816 2.9565 16.5329 2.9565 17.7451 4.16862C18.9572 5.38073 18.9572 7.33213 17.7451 8.54425L9.68618 16.6031C9.08203 17.2073 8.10252 17.2073 7.49837 16.6031C6.89422 15.999 6.89422 15.0195 7.49837 14.4153L14.6829 7.23081" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/Paperclip02Icon.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 Paperclip02IconProps = typeof __propDef.props;
+export type Paperclip02IconEvents = typeof __propDef.events;
+export type Paperclip02IconSlots = typeof __propDef.slots;
+export default class Paperclip02Icon extends SvelteComponent<Paperclip02IconProps, Paperclip02IconEvents, Paperclip02IconSlots> {
+}
+export {};

package/dist/icons/PaperclipIcon.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/PassportIcon.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-PassportIcon-${_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.6 16.8H14.4M6.8 21.6H17.2C18.3046 21.6 19.2 20.7046 19.2 19.6V4.40002C19.2 3.29545 18.3046 2.40002 17.2 2.40002H6.8C5.69543 2.40002 4.8 3.29545 4.8 4.40002V19.6C4.8 20.7046 5.69543 21.6 6.8 21.6ZM14.4 8.40002C14.4 9.72551 13.3255 10.8 12 10.8C10.6745 10.8 9.6 9.72551 9.6 8.40002C9.6 7.07454 10.6745 6.00002 12 6.00002C13.3255 6.00002 14.4 7.07454 14.4 8.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="M9.6 16.8H14.4M6.8 21.6H17.2C18.3046 21.6 19.2 20.7046 19.2 19.6V4.40002C19.2 3.29545 18.3046 2.40002 17.2 2.40002H6.8C5.69543 2.40002 4.8 3.29545 4.8 4.40002V19.6C4.8 20.7046 5.69543 21.6 6.8 21.6ZM14.4 8.40002C14.4 9.72551 13.3255 10.8 12 10.8C10.6745 10.8 9.6 9.72551 9.6 8.40002C9.6 7.07454 10.6745 6.00002 12 6.00002C13.3255 6.00002 14.4 7.07454 14.4 8.40002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/PassportIcon.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 PassportIconProps = typeof __propDef.props;
+export type PassportIconEvents = typeof __propDef.events;
+export type PassportIconSlots = typeof __propDef.slots;
+export default class PassportIcon extends SvelteComponent<PassportIconProps, PassportIconEvents, PassportIconSlots> {
+}
+export {};