chromia 0.1.19 → 0.1.21

package/dist/icons/Camera01Icon.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-Camera01Icon-${_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 6.11999V6.61999C7.37786 6.61999 7.54231 6.52553 7.63191 6.37193L7.20002 6.11999ZM8.88002 3.23999V2.73999C8.70219 2.73999 8.53774 2.83445 8.44813 2.98805L8.88002 3.23999ZM15.12 3.23999L15.5519 2.98805C15.4623 2.83445 15.2979 2.73999 15.12 2.73999V3.23999ZM16.8 6.11999L16.3681 6.37193C16.4577 6.52553 16.6222 6.61999 16.8 6.61999V6.11999ZM2.40002 18.36H2.90002V8.51999H2.40002H1.90002V18.36H2.40002ZM4.80002 6.11999V6.61999H7.20002V6.11999V5.61999H4.80002V6.11999ZM7.20002 6.11999L7.63191 6.37193L9.31191 3.49193L8.88002 3.23999L8.44813 2.98805L6.76813 5.86805L7.20002 6.11999ZM8.88002 3.23999V3.73999H15.12V3.23999V2.73999H8.88002V3.23999ZM15.12 3.23999L14.6881 3.49193L16.3681 6.37193L16.8 6.11999L17.2319 5.86805L15.5519 2.98805L15.12 3.23999ZM16.8 6.11999V6.61999H19.2V6.11999V5.61999H16.8V6.11999ZM21.6 8.51999H21.1V18.36H21.6H22.1V8.51999H21.6ZM21.6 18.36H21.1C21.1 19.4093 20.2494 20.26 19.2 20.26V20.76V21.26C20.8016 21.26 22.1 19.9616 22.1 18.36H21.6ZM19.2 6.11999V6.61999C20.2494 6.61999 21.1 7.47065 21.1 8.51999H21.6H22.1C22.1 6.91836 20.8016 5.61999 19.2 5.61999V6.11999ZM2.40002 8.51999H2.90002C2.90002 7.47065 3.75068 6.61999 4.80002 6.61999V6.11999V5.61999C3.1984 5.61999 1.90002 6.91836 1.90002 8.51999H2.40002ZM4.80002 20.76V20.26C3.75068 20.26 2.90002 19.4093 2.90002 18.36H2.40002H1.90002C1.90002 19.9616 3.1984 21.26 4.80002 21.26V20.76ZM15.6 12.84H15.1C15.1 14.5521 13.7121 15.94 12 15.94V16.44V16.94C14.2644 16.94 16.1 15.1044 16.1 12.84H15.6ZM12 16.44V15.94C10.2879 15.94 8.90002 14.5521 8.90002 12.84H8.40002H7.90002C7.90002 15.1044 9.73566 16.94 12 16.94V16.44ZM8.40002 12.84H8.90002C8.90002 11.1279 10.2879 9.73999 12 9.73999V9.23999V8.73999C9.73566 8.73999 7.90002 10.5756 7.90002 12.84H8.40002ZM12 9.23999V9.73999C13.7121 9.73999 15.1 11.1279 15.1 12.84H15.6H16.1C16.1 10.5756 14.2644 8.73999 12 8.73999V9.23999ZM19.2 20.76V20.26H4.80002V20.76V21.26H19.2V20.76Z" 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="M7.20002 6.11999V6.61999C7.37786 6.61999 7.54231 6.52553 7.63191 6.37193L7.20002 6.11999ZM8.88002 3.23999V2.73999C8.70219 2.73999 8.53774 2.83445 8.44813 2.98805L8.88002 3.23999ZM15.12 3.23999L15.5519 2.98805C15.4623 2.83445 15.2979 2.73999 15.12 2.73999V3.23999ZM16.8 6.11999L16.3681 6.37193C16.4577 6.52553 16.6222 6.61999 16.8 6.61999V6.11999ZM2.40002 18.36H2.90002V8.51999H2.40002H1.90002V18.36H2.40002ZM4.80002 6.11999V6.61999H7.20002V6.11999V5.61999H4.80002V6.11999ZM7.20002 6.11999L7.63191 6.37193L9.31191 3.49193L8.88002 3.23999L8.44813 2.98805L6.76813 5.86805L7.20002 6.11999ZM8.88002 3.23999V3.73999H15.12V3.23999V2.73999H8.88002V3.23999ZM15.12 3.23999L14.6881 3.49193L16.3681 6.37193L16.8 6.11999L17.2319 5.86805L15.5519 2.98805L15.12 3.23999ZM16.8 6.11999V6.61999H19.2V6.11999V5.61999H16.8V6.11999ZM21.6 8.51999H21.1V18.36H21.6H22.1V8.51999H21.6ZM21.6 18.36H21.1C21.1 19.4093 20.2494 20.26 19.2 20.26V20.76V21.26C20.8016 21.26 22.1 19.9616 22.1 18.36H21.6ZM19.2 6.11999V6.61999C20.2494 6.61999 21.1 7.47065 21.1 8.51999H21.6H22.1C22.1 6.91836 20.8016 5.61999 19.2 5.61999V6.11999ZM2.40002 8.51999H2.90002C2.90002 7.47065 3.75068 6.61999 4.80002 6.61999V6.11999V5.61999C3.1984 5.61999 1.90002 6.91836 1.90002 8.51999H2.40002ZM4.80002 20.76V20.26C3.75068 20.26 2.90002 19.4093 2.90002 18.36H2.40002H1.90002C1.90002 19.9616 3.1984 21.26 4.80002 21.26V20.76ZM15.6 12.84H15.1C15.1 14.5521 13.7121 15.94 12 15.94V16.44V16.94C14.2644 16.94 16.1 15.1044 16.1 12.84H15.6ZM12 16.44V15.94C10.2879 15.94 8.90002 14.5521 8.90002 12.84H8.40002H7.90002C7.90002 15.1044 9.73566 16.94 12 16.94V16.44ZM8.40002 12.84H8.90002C8.90002 11.1279 10.2879 9.73999 12 9.73999V9.23999V8.73999C9.73566 8.73999 7.90002 10.5756 7.90002 12.84H8.40002ZM12 9.23999V9.73999C13.7121 9.73999 15.1 11.1279 15.1 12.84H15.6H16.1C16.1 10.5756 14.2644 8.73999 12 8.73999V9.23999ZM19.2 20.76V20.26H4.80002V20.76V21.26H19.2V20.76Z" fill="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/Camera01Icon.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 Camera01IconProps = typeof __propDef.props;
+export type Camera01IconEvents = typeof __propDef.events;
+export type Camera01IconSlots = typeof __propDef.slots;
+export default class Camera01Icon extends SvelteComponent<Camera01IconProps, Camera01IconEvents, Camera01IconSlots> {
+}
+export {};

package/dist/icons/Camera02Icon.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-Camera02Icon-${_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.40002 18.12H2.90002V5.87998H2.40002H1.90002V18.12H2.40002ZM4.80002 3.47998V3.97998H19.2V3.47998V2.97998H4.80002V3.47998ZM21.6 5.87998H21.1V18.12H21.6H22.1V5.87998H21.6ZM21.6 18.12H21.1C21.1 19.1693 20.2494 20.02 19.2 20.02V20.52V21.02C20.8016 21.02 22.1 19.7216 22.1 18.12H21.6ZM19.2 3.47998V3.97998C20.2494 3.97998 21.1 4.83064 21.1 5.87998H21.6H22.1C22.1 4.27835 20.8016 2.97998 19.2 2.97998V3.47998ZM2.40002 5.87998H2.90002C2.90002 4.83064 3.75068 3.97998 4.80002 3.97998V3.47998V2.97998C3.1984 2.97998 1.90002 4.27835 1.90002 5.87998H2.40002ZM4.80002 20.52V20.02C3.75068 20.02 2.90002 19.1693 2.90002 18.12H2.40002H1.90002C1.90002 19.7216 3.1984 21.02 4.80002 21.02V20.52ZM15.6 12.0001H15.1C15.1 13.7122 13.7121 15.1001 12 15.1001V15.6001V16.1001C14.2644 16.1001 16.1 14.2645 16.1 12.0001H15.6ZM12 15.6001V15.1001C10.2879 15.1001 8.90002 13.7122 8.90002 12.0001H8.40002H7.90002C7.90002 14.2645 9.73566 16.1001 12 16.1001V15.6001ZM8.40002 12.0001H8.90002C8.90002 10.288 10.2879 8.9001 12 8.9001V8.4001V7.9001C9.73566 7.9001 7.90002 9.73573 7.90002 12.0001H8.40002ZM12 8.4001V8.9001C13.7121 8.9001 15.1 10.288 15.1 12.0001H15.6H16.1C16.1 9.73573 14.2644 7.9001 12 7.9001V8.4001ZM19.2 20.52V20.02H4.80002V20.52V21.02H19.2V20.52Z" 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.40002 18.12H2.90002V5.87998H2.40002H1.90002V18.12H2.40002ZM4.80002 3.47998V3.97998H19.2V3.47998V2.97998H4.80002V3.47998ZM21.6 5.87998H21.1V18.12H21.6H22.1V5.87998H21.6ZM21.6 18.12H21.1C21.1 19.1693 20.2494 20.02 19.2 20.02V20.52V21.02C20.8016 21.02 22.1 19.7216 22.1 18.12H21.6ZM19.2 3.47998V3.97998C20.2494 3.97998 21.1 4.83064 21.1 5.87998H21.6H22.1C22.1 4.27835 20.8016 2.97998 19.2 2.97998V3.47998ZM2.40002 5.87998H2.90002C2.90002 4.83064 3.75068 3.97998 4.80002 3.97998V3.47998V2.97998C3.1984 2.97998 1.90002 4.27835 1.90002 5.87998H2.40002ZM4.80002 20.52V20.02C3.75068 20.02 2.90002 19.1693 2.90002 18.12H2.40002H1.90002C1.90002 19.7216 3.1984 21.02 4.80002 21.02V20.52ZM15.6 12.0001H15.1C15.1 13.7122 13.7121 15.1001 12 15.1001V15.6001V16.1001C14.2644 16.1001 16.1 14.2645 16.1 12.0001H15.6ZM12 15.6001V15.1001C10.2879 15.1001 8.90002 13.7122 8.90002 12.0001H8.40002H7.90002C7.90002 14.2645 9.73566 16.1001 12 16.1001V15.6001ZM8.40002 12.0001H8.90002C8.90002 10.288 10.2879 8.9001 12 8.9001V8.4001V7.9001C9.73566 7.9001 7.90002 9.73573 7.90002 12.0001H8.40002ZM12 8.4001V8.9001C13.7121 8.9001 15.1 10.288 15.1 12.0001H15.6H16.1C16.1 9.73573 14.2644 7.9001 12 7.9001V8.4001ZM19.2 20.52V20.02H4.80002V20.52V21.02H19.2V20.52Z" fill="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/Camera02Icon.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 Camera02IconProps = typeof __propDef.props;
+export type Camera02IconEvents = typeof __propDef.events;
+export type Camera02IconSlots = typeof __propDef.slots;
+export default class Camera02Icon extends SvelteComponent<Camera02IconProps, Camera02IconEvents, Camera02IconSlots> {
+}
+export {};

package/dist/icons/CameraIcon.svelte

@@ -1,65 +1,51 @@
+<script context="module">let _uid = 0;
+</script>
 
-  <script>export let color = "currentColor";
-export let gradient = {
-  colors: ["", ""],
-  direction: "bottom"
-};
+<script>export let color = "currentColor";
+export let gradient = { colors: ["", ""], direction: "bottom" };
 export let size = "1rem";
-export let fill = "none";
 export let weight = 1;
-const getGradientDirection = (direction) => {
-  switch (direction) {
+export let fill = "none";
+let className = "";
+export { className as class };
+const gid = `grad-CameraIcon-${_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 "bottom":
-      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
     case "left":
       return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
     default:
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-let className = "";
-export { className as class };
 </script>
 
 {#if gradient.colors[1] !== ""}
   <svg
     xmlns="http://www.w3.org/2000/svg"
     class={className}
-    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill={fill}
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
-    <g id="id_Camera">
-      <path
-        id="icon_Camera"
-        d="M7.20002 6.11999V7.11999C7.55569 7.11999 7.88459 6.93108 8.0638 6.62386L7.20002 6.11999ZM8.88002 3.23999V2.23999C8.52436 2.23999 8.19546 2.4289 8.01624 2.73612L8.88002 3.23999ZM15.12 3.23999L15.9838 2.73612C15.8046 2.4289 15.4757 2.23999 15.12 2.23999V3.23999ZM16.8 6.11999L15.9362 6.62386C16.1155 6.93108 16.4444 7.11999 16.8 7.11999V6.11999ZM3.40002 18.36V8.51999H1.40002V18.36H3.40002ZM4.80002 7.11999H7.20002V5.11999H4.80002V7.11999ZM8.0638 6.62386L9.7438 3.74386L8.01624 2.73612L6.33624 5.61612L8.0638 6.62386ZM8.88002 4.23999H15.12V2.23999H8.88002V4.23999ZM14.2562 3.74386L15.9362 6.62386L17.6638 5.61612L15.9838 2.73612L14.2562 3.74386ZM16.8 7.11999H19.2V5.11999H16.8V7.11999ZM20.6 8.51999V18.36H22.6V8.51999H20.6ZM20.6 18.36C20.6 19.1332 19.9732 19.76 19.2 19.76V21.76C21.0778 21.76 22.6 20.2378 22.6 18.36H20.6ZM19.2 7.11999C19.9732 7.11999 20.6 7.74679 20.6 8.51999H22.6C22.6 6.64222 21.0778 5.11999 19.2 5.11999V7.11999ZM3.40002 8.51999C3.40002 7.74679 4.02682 7.11999 4.80002 7.11999V5.11999C2.92226 5.11999 1.40002 6.64222 1.40002 8.51999H3.40002ZM4.80002 19.76C4.02683 19.76 3.40002 19.1332 3.40002 18.36H1.40002C1.40002 20.2378 2.92226 21.76 4.80002 21.76V19.76ZM14.6 12.84C14.6 14.2759 13.436 15.44 12 15.44V17.44C14.5405 17.44 16.6 15.3805 16.6 12.84H14.6ZM12 15.44C10.5641 15.44 9.40002 14.2759 9.40002 12.84H7.40002C7.40002 15.3805 9.45951 17.44 12 17.44V15.44ZM9.40002 12.84C9.40002 11.404 10.5641 10.24 12 10.24V8.23999C9.45951 8.23999 7.40002 10.2995 7.40002 12.84H9.40002ZM12 10.24C13.436 10.24 14.6 11.404 14.6 12.84H16.6C16.6 10.2995 14.5405 8.23999 12 8.23999V10.24ZM19.2 19.76H4.80002V21.76H19.2V19.76Z"
-        fill="url(#grad-Camera)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
+    <path d="M7.20002 6.11999V6.61999C7.37786 6.61999 7.54231 6.52553 7.63191 6.37193L7.20002 6.11999ZM8.88002 3.23999V2.73999C8.70219 2.73999 8.53774 2.83445 8.44813 2.98805L8.88002 3.23999ZM15.12 3.23999L15.5519 2.98805C15.4623 2.83445 15.2979 2.73999 15.12 2.73999V3.23999ZM16.8 6.11999L16.3681 6.37193C16.4577 6.52553 16.6222 6.61999 16.8 6.61999V6.11999ZM2.40002 18.36H2.90002V8.51999H2.40002H1.90002V18.36H2.40002ZM4.80002 6.11999V6.61999H7.20002V6.11999V5.61999H4.80002V6.11999ZM7.20002 6.11999L7.63191 6.37193L9.31191 3.49193L8.88002 3.23999L8.44813 2.98805L6.76813 5.86805L7.20002 6.11999ZM8.88002 3.23999V3.73999H15.12V3.23999V2.73999H8.88002V3.23999ZM15.12 3.23999L14.6881 3.49193L16.3681 6.37193L16.8 6.11999L17.2319 5.86805L15.5519 2.98805L15.12 3.23999ZM16.8 6.11999V6.61999H19.2V6.11999V5.61999H16.8V6.11999ZM21.6 8.51999H21.1V18.36H21.6H22.1V8.51999H21.6ZM21.6 18.36H21.1C21.1 19.4093 20.2494 20.26 19.2 20.26V20.76V21.26C20.8016 21.26 22.1 19.9616 22.1 18.36H21.6ZM19.2 6.11999V6.61999C20.2494 6.61999 21.1 7.47065 21.1 8.51999H21.6H22.1C22.1 6.91836 20.8016 5.61999 19.2 5.61999V6.11999ZM2.40002 8.51999H2.90002C2.90002 7.47065 3.75068 6.61999 4.80002 6.61999V6.11999V5.61999C3.1984 5.61999 1.90002 6.91836 1.90002 8.51999H2.40002ZM4.80002 20.76V20.26C3.75068 20.26 2.90002 19.4093 2.90002 18.36H2.40002H1.90002C1.90002 19.9616 3.1984 21.26 4.80002 21.26V20.76ZM15.6 12.84H15.1C15.1 14.5521 13.7121 15.94 12 15.94V16.44V16.94C14.2644 16.94 16.1 15.1044 16.1 12.84H15.6ZM12 16.44V15.94C10.2879 15.94 8.90002 14.5521 8.90002 12.84H8.40002H7.90002C7.90002 15.1044 9.73566 16.94 12 16.94V16.44ZM8.40002 12.84H8.90002C8.90002 11.1279 10.2879 9.73999 12 9.73999V9.23999V8.73999C9.73566 8.73999 7.90002 10.5756 7.90002 12.84H8.40002ZM12 9.23999V9.73999C13.7121 9.73999 15.1 11.1279 15.1 12.84H15.6H16.1C16.1 10.5756 14.2644 8.73999 12 8.73999V9.23999ZM19.2 20.76V20.26H4.80002V20.76V21.26H19.2V20.76Z" fill="url(#{gid})"/>
     <defs>
       <linearGradient
-        id="grad-Camera"
-        x1={getGradientDirection(gradient.direction).x1}
-        y1={getGradientDirection(gradient.direction).y1}
-        x2={getGradientDirection(gradient.direction).x2}
-        y2={getGradientDirection(gradient.direction).y2}
+        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"
-        />
+        <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>
@@ -67,21 +53,13 @@ export { className as class };
   <svg
     xmlns="http://www.w3.org/2000/svg"
     class={className}
-    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
     viewBox="0 0 24 24"
-    fill={fill}
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
   >
-    <g id="id_Camera">
-      <path
-        id="icon_Camera"
-        d="M7.20002 6.11999V7.11999C7.55569 7.11999 7.88459 6.93108 8.0638 6.62386L7.20002 6.11999ZM8.88002 3.23999V2.23999C8.52436 2.23999 8.19546 2.4289 8.01624 2.73612L8.88002 3.23999ZM15.12 3.23999L15.9838 2.73612C15.8046 2.4289 15.4757 2.23999 15.12 2.23999V3.23999ZM16.8 6.11999L15.9362 6.62386C16.1155 6.93108 16.4444 7.11999 16.8 7.11999V6.11999ZM3.40002 18.36V8.51999H1.40002V18.36H3.40002ZM4.80002 7.11999H7.20002V5.11999H4.80002V7.11999ZM8.0638 6.62386L9.7438 3.74386L8.01624 2.73612L6.33624 5.61612L8.0638 6.62386ZM8.88002 4.23999H15.12V2.23999H8.88002V4.23999ZM14.2562 3.74386L15.9362 6.62386L17.6638 5.61612L15.9838 2.73612L14.2562 3.74386ZM16.8 7.11999H19.2V5.11999H16.8V7.11999ZM20.6 8.51999V18.36H22.6V8.51999H20.6ZM20.6 18.36C20.6 19.1332 19.9732 19.76 19.2 19.76V21.76C21.0778 21.76 22.6 20.2378 22.6 18.36H20.6ZM19.2 7.11999C19.9732 7.11999 20.6 7.74679 20.6 8.51999H22.6C22.6 6.64222 21.0778 5.11999 19.2 5.11999V7.11999ZM3.40002 8.51999C3.40002 7.74679 4.02682 7.11999 4.80002 7.11999V5.11999C2.92226 5.11999 1.40002 6.64222 1.40002 8.51999H3.40002ZM4.80002 19.76C4.02683 19.76 3.40002 19.1332 3.40002 18.36H1.40002C1.40002 20.2378 2.92226 21.76 4.80002 21.76V19.76ZM14.6 12.84C14.6 14.2759 13.436 15.44 12 15.44V17.44C14.5405 17.44 16.6 15.3805 16.6 12.84H14.6ZM12 15.44C10.5641 15.44 9.40002 14.2759 9.40002 12.84H7.40002C7.40002 15.3805 9.45951 17.44 12 17.44V15.44ZM9.40002 12.84C9.40002 11.404 10.5641 10.24 12 10.24V8.23999C9.45951 8.23999 7.40002 10.2995 7.40002 12.84H9.40002ZM12 10.24C13.436 10.24 14.6 11.404 14.6 12.84H16.6C16.6 10.2995 14.5405 8.23999 12 8.23999V10.24ZM19.2 19.76H4.80002V21.76H19.2V19.76Z"
-        fill="currentColor"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
+    <path d="M7.20002 6.11999V6.61999C7.37786 6.61999 7.54231 6.52553 7.63191 6.37193L7.20002 6.11999ZM8.88002 3.23999V2.73999C8.70219 2.73999 8.53774 2.83445 8.44813 2.98805L8.88002 3.23999ZM15.12 3.23999L15.5519 2.98805C15.4623 2.83445 15.2979 2.73999 15.12 2.73999V3.23999ZM16.8 6.11999L16.3681 6.37193C16.4577 6.52553 16.6222 6.61999 16.8 6.61999V6.11999ZM2.40002 18.36H2.90002V8.51999H2.40002H1.90002V18.36H2.40002ZM4.80002 6.11999V6.61999H7.20002V6.11999V5.61999H4.80002V6.11999ZM7.20002 6.11999L7.63191 6.37193L9.31191 3.49193L8.88002 3.23999L8.44813 2.98805L6.76813 5.86805L7.20002 6.11999ZM8.88002 3.23999V3.73999H15.12V3.23999V2.73999H8.88002V3.23999ZM15.12 3.23999L14.6881 3.49193L16.3681 6.37193L16.8 6.11999L17.2319 5.86805L15.5519 2.98805L15.12 3.23999ZM16.8 6.11999V6.61999H19.2V6.11999V5.61999H16.8V6.11999ZM21.6 8.51999H21.1V18.36H21.6H22.1V8.51999H21.6ZM21.6 18.36H21.1C21.1 19.4093 20.2494 20.26 19.2 20.26V20.76V21.26C20.8016 21.26 22.1 19.9616 22.1 18.36H21.6ZM19.2 6.11999V6.61999C20.2494 6.61999 21.1 7.47065 21.1 8.51999H21.6H22.1C22.1 6.91836 20.8016 5.61999 19.2 5.61999V6.11999ZM2.40002 8.51999H2.90002C2.90002 7.47065 3.75068 6.61999 4.80002 6.61999V6.11999V5.61999C3.1984 5.61999 1.90002 6.91836 1.90002 8.51999H2.40002ZM4.80002 20.76V20.26C3.75068 20.26 2.90002 19.4093 2.90002 18.36H2.40002H1.90002C1.90002 19.9616 3.1984 21.26 4.80002 21.26V20.76ZM15.6 12.84H15.1C15.1 14.5521 13.7121 15.94 12 15.94V16.44V16.94C14.2644 16.94 16.1 15.1044 16.1 12.84H15.6ZM12 16.44V15.94C10.2879 15.94 8.90002 14.5521 8.90002 12.84H8.40002H7.90002C7.90002 15.1044 9.73566 16.94 12 16.94V16.44ZM8.40002 12.84H8.90002C8.90002 11.1279 10.2879 9.73999 12 9.73999V9.23999V8.73999C9.73566 8.73999 7.90002 10.5756 7.90002 12.84H8.40002ZM12 9.23999V9.73999C13.7121 9.73999 15.1 11.1279 15.1 12.84H15.6H16.1C16.1 10.5756 14.2644 8.73999 12 8.73999V9.23999ZM19.2 20.76V20.26H4.80002V20.76V21.26H19.2V20.76Z" fill="currentColor"/>
   </svg>
 {/if}
-
-  

package/dist/icons/CameraLensIcon.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-CameraLensIcon-${_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.80002 10.1999L10.7995 8.07175L17.4 2.9999M12 7.1999L21 13.1999M16.2 10.7999L13.2 20.9999M14.4 15.5999H3.00002M9.60002 15.5999L4.80002 2.9999M7.20002 21.5999H16.8C19.451 21.5999 21.6 19.4509 21.6 16.7999V7.1999C21.6 4.54894 19.451 2.3999 16.8 2.3999H7.20002C4.54906 2.3999 2.40002 4.54894 2.40002 7.1999V16.7999C2.40002 19.4509 4.54906 21.5999 7.20002 21.5999Z" 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.80002 10.1999L10.7995 8.07175L17.4 2.9999M12 7.1999L21 13.1999M16.2 10.7999L13.2 20.9999M14.4 15.5999H3.00002M9.60002 15.5999L4.80002 2.9999M7.20002 21.5999H16.8C19.451 21.5999 21.6 19.4509 21.6 16.7999V7.1999C21.6 4.54894 19.451 2.3999 16.8 2.3999H7.20002C4.54906 2.3999 2.40002 4.54894 2.40002 7.1999V16.7999C2.40002 19.4509 4.54906 21.5999 7.20002 21.5999Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/CameraLensIcon.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 CameraLensIconProps = typeof __propDef.props;
+export type CameraLensIconEvents = typeof __propDef.events;
+export type CameraLensIconSlots = typeof __propDef.slots;
+export default class CameraLensIcon extends SvelteComponent<CameraLensIconProps, CameraLensIconEvents, CameraLensIconSlots> {
+}
+export {};

package/dist/icons/CameraOffIcon.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-CameraOffIcon-${_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.40002 7.97995V17.82C2.40002 19.1454 3.47454 20.22 4.80002 20.22H14.4M6.00002 5.57995H7.20002L8.88002 2.69995H15.12L16.8 5.57995H19.2C20.5255 5.57995 21.6 6.65447 21.6 7.97995V17.82C21.6 18.7083 21.1174 19.4839 20.4 19.8989M14.6834 14.7C15.2534 14.063 15.6 13.222 15.6 12.3C15.6 10.3117 13.9882 8.69995 12 8.69995C11.078 8.69995 10.2369 9.04658 9.60002 9.61662M11.4 15.8502C9.84277 15.5889 8.62453 14.3279 8.42784 12.7497M21 21.3L3.00002 2.69995" 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.40002 7.97995V17.82C2.40002 19.1454 3.47454 20.22 4.80002 20.22H14.4M6.00002 5.57995H7.20002L8.88002 2.69995H15.12L16.8 5.57995H19.2C20.5255 5.57995 21.6 6.65447 21.6 7.97995V17.82C21.6 18.7083 21.1174 19.4839 20.4 19.8989M14.6834 14.7C15.2534 14.063 15.6 13.222 15.6 12.3C15.6 10.3117 13.9882 8.69995 12 8.69995C11.078 8.69995 10.2369 9.04658 9.60002 9.61662M11.4 15.8502C9.84277 15.5889 8.62453 14.3279 8.42784 12.7497M21 21.3L3.00002 2.69995" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/CameraOffIcon.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 CameraOffIconProps = typeof __propDef.props;
+export type CameraOffIconEvents = typeof __propDef.events;
+export type CameraOffIconSlots = typeof __propDef.slots;
+export default class CameraOffIcon extends SvelteComponent<CameraOffIconProps, CameraOffIconEvents, CameraOffIconSlots> {
+}
+export {};

package/dist/icons/CancelLeftIcon.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"
@@ -61,6 +62,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/CancelRightIcon.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"
@@ -61,6 +62,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/Card01Icon.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/Card02Icon.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/CardAddIcon.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/CardCheckIcon.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/CardDownIcon.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/CardEditIcon.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/CardLockIcon.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"