chromia 0.0.1 → 0.0.2

package/src/icons/MenuIcon.svelte

@@ -0,0 +1,117 @@
+<script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      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%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 14 14"
+    fill="none"
+  >
+    <g id="id_Menu">
+      <path
+        d="M7.0001 4.20002C6.2269 4.20002 5.6001 3.57322 5.6001 2.80002C5.6001 2.02683 6.2269 1.40002 7.0001 1.40002C7.7733 1.40002 8.4001 2.02683 8.4001 2.80002C8.4001 3.57322 7.7733 4.20002 7.0001 4.20002Z"
+        id="icon_Menu"
+        stroke="url(#grad-Menu)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.0001 8.40002C6.2269 8.40002 5.6001 7.77322 5.6001 7.00002C5.6001 6.22683 6.2269 5.60002 7.0001 5.60002C7.7733 5.60002 8.4001 6.22683 8.4001 7.00002C8.4001 7.77322 7.7733 8.40002 7.0001 8.40002Z"
+        id="icon_Menu"
+        stroke="url(#grad-Menu)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.0001 12.6C6.2269 12.6 5.6001 11.9732 5.6001 11.2C5.6001 10.4268 6.2269 9.80002 7.0001 9.80002C7.7733 9.80003 8.4001 10.4268 8.4001 11.2C8.4001 11.9732 7.7733 12.6 7.0001 12.6Z"
+        id="icon_Menu"
+        stroke="url(#grad-Menu)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Menu"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 14 14"
+    fill="none"
+  >
+    <g id="id_Menu">
+      <path
+        d="M7.0001 4.20002C6.2269 4.20002 5.6001 3.57322 5.6001 2.80002C5.6001 2.02683 6.2269 1.40002 7.0001 1.40002C7.7733 1.40002 8.4001 2.02683 8.4001 2.80002C8.4001 3.57322 7.7733 4.20002 7.0001 4.20002Z"
+        id="icon_Menu"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.0001 8.40002C6.2269 8.40002 5.6001 7.77322 5.6001 7.00002C5.6001 6.22683 6.2269 5.60002 7.0001 5.60002C7.7733 5.60002 8.4001 6.22683 8.4001 7.00002C8.4001 7.77322 7.7733 8.40002 7.0001 8.40002Z"
+        id="icon_Menu"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M7.0001 12.6C6.2269 12.6 5.6001 11.9732 5.6001 11.2C5.6001 10.4268 6.2269 9.80002 7.0001 9.80002C7.7733 9.80003 8.4001 10.4268 8.4001 11.2C8.4001 11.9732 7.7733 12.6 7.0001 12.6Z"
+        id="icon_Menu"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}

package/src/icons/MenuIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type MenuIconProps = typeof __propDef.props;
+export type MenuIconEvents = typeof __propDef.events;
+export type MenuIconSlots = typeof __propDef.slots;
+export default class MenuIcon extends SvelteComponent<MenuIconProps, MenuIconEvents, MenuIconSlots> {
+}
+export {};

package/src/icons/NoFolder.svelte

@@ -0,0 +1,101 @@
+<script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      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%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 46 45"
+    fill="none"
+  >
+    <g id="id_FolderX">
+      <path
+        d="M36.8158 19.1V14.3667C36.8158 12.7098 35.4726 11.3667 33.8158 11.3667H23.3643C22.5435 11.3667 21.7585 11.0304 21.1923 10.4361L19.2814 8.43054C18.7152 7.8363 17.9302 7.5 17.1094 7.5H8.5C6.84315 7.5 5.5 8.84315 5.5 10.5V33.7368C5.5 35.2629 6.73711 36.5 8.26316 36.5H9.37853C10.2886 36.5 11.0263 35.7623 11.0263 34.8522V34.8522C11.0263 34.6633 11.0588 34.4757 11.1224 34.2978L15.8414 21.0906C16.2679 19.8968 17.3988 19.1 18.6665 19.1H36.3995C38.4293 19.1 39.8732 21.0736 39.2588 23.0081L35.6381 34.4081C35.2424 35.6538 34.0858 36.5 32.7788 36.5H9.18421"
+        id="icon_FolderX"
+        stroke="url(#grad-FolderX)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M21 23.5L29 32.5M29 23.5L21 32.5"
+        id="icon_FolderX"
+        stroke="url(#grad-FolderX)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-FolderX"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 46 45"
+    fill="none"
+  >
+    <g id="id_FolderX">
+      <path
+        d="M36.8158 19.1V14.3667C36.8158 12.7098 35.4726 11.3667 33.8158 11.3667H23.3643C22.5435 11.3667 21.7585 11.0304 21.1923 10.4361L19.2814 8.43054C18.7152 7.8363 17.9302 7.5 17.1094 7.5H8.5C6.84315 7.5 5.5 8.84315 5.5 10.5V33.7368C5.5 35.2629 6.73711 36.5 8.26316 36.5H9.37853C10.2886 36.5 11.0263 35.7623 11.0263 34.8522V34.8522C11.0263 34.6633 11.0588 34.4757 11.1224 34.2978L15.8414 21.0906C16.2679 19.8968 17.3988 19.1 18.6665 19.1H36.3995C38.4293 19.1 39.8732 21.0736 39.2588 23.0081L35.6381 34.4081C35.2424 35.6538 34.0858 36.5 32.7788 36.5H9.18421"
+        id="icon_FolderX"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M21 23.5L29 32.5M29 23.5L21 32.5"
+        id="icon_FolderX"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}

package/src/icons/NoFolder.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type NoFolderProps = typeof __propDef.props;
+export type NoFolderEvents = typeof __propDef.events;
+export type NoFolderSlots = typeof __propDef.slots;
+export default class NoFolder extends SvelteComponent<NoFolderProps, NoFolderEvents, NoFolderSlots> {
+}
+export {};

package/src/icons/NotificationIcon.svelte

@@ -0,0 +1,88 @@
+
+  <script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      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%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_Notification">
+      <path
+        id="icon_Notification"
+        d="M7.59991 1.5999H3.19991C2.31626 1.5999 1.59991 2.31624 1.59991 3.1999V9.60016C1.59991 10.4838 2.31627 11.2002 3.19993 11.2002L6.97352 11.2001L8.66676 14.4001L10.0001 11.2002L12.8001 11.2001C13.6838 11.2001 14.4001 10.4838 14.4001 9.60015V8.00029M14.4001 3.6001C14.4001 4.70467 13.5047 5.6001 12.4001 5.6001C11.2955 5.6001 10.4001 4.70467 10.4001 3.6001C10.4001 2.49553 11.2955 1.6001 12.4001 1.6001C13.5047 1.6001 14.4001 2.49553 14.4001 3.6001Z"
+        stroke="url(#grad-Notification)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Notification"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_Notification">
+      <path
+        id="icon_Notification"
+        d="M7.59991 1.5999H3.19991C2.31626 1.5999 1.59991 2.31624 1.59991 3.1999V9.60016C1.59991 10.4838 2.31627 11.2002 3.19993 11.2002L6.97352 11.2001L8.66676 14.4001L10.0001 11.2002L12.8001 11.2001C13.6838 11.2001 14.4001 10.4838 14.4001 9.60015V8.00029M14.4001 3.6001C14.4001 4.70467 13.5047 5.6001 12.4001 5.6001C11.2955 5.6001 10.4001 4.70467 10.4001 3.6001C10.4001 2.49553 11.2955 1.6001 12.4001 1.6001C13.5047 1.6001 14.4001 2.49553 14.4001 3.6001Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/NotificationIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type NotificationIconProps = typeof __propDef.props;
+export type NotificationIconEvents = typeof __propDef.events;
+export type NotificationIconSlots = typeof __propDef.slots;
+export default class NotificationIcon extends SvelteComponent<NotificationIconProps, NotificationIconEvents, NotificationIconSlots> {
+}
+export {};

package/src/icons/OverlapIcon.svelte

@@ -0,0 +1,88 @@
+
+  <script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      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%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_Overlap">
+      <path
+        id="icon_Overlap"
+        d="M4.80001 5.86667H3.20001C2.31635 5.86666 1.60001 6.58301 1.60001 7.46666C1.60001 8.35032 1.60001 11.9163 1.60001 12.8C1.60001 13.6837 2.31635 14.4 3.20001 14.4C3.20001 14.4 7.64968 14.4 8.53334 14.4C9.41699 14.4 10.1333 13.6837 10.1333 12.8V10.8M12.8 1.6L7.46667 1.6C6.58302 1.6 5.86667 2.31634 5.86667 3.2C5.86667 4.08365 5.86667 7.64968 5.86667 8.53333C5.86667 9.41699 6.58302 10.1333 7.46667 10.1333C7.46667 10.1333 11.9163 10.1333 12.8 10.1333C13.6837 10.1333 14.4 9.41699 14.4 8.53333V3.2C14.4 2.31634 13.6837 1.6 12.8 1.6Z"
+        stroke="url(#grad-Overlap)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Overlap"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_Overlap">
+      <path
+        id="icon_Overlap"
+        d="M4.80001 5.86667H3.20001C2.31635 5.86666 1.60001 6.58301 1.60001 7.46666C1.60001 8.35032 1.60001 11.9163 1.60001 12.8C1.60001 13.6837 2.31635 14.4 3.20001 14.4C3.20001 14.4 7.64968 14.4 8.53334 14.4C9.41699 14.4 10.1333 13.6837 10.1333 12.8V10.8M12.8 1.6L7.46667 1.6C6.58302 1.6 5.86667 2.31634 5.86667 3.2C5.86667 4.08365 5.86667 7.64968 5.86667 8.53333C5.86667 9.41699 6.58302 10.1333 7.46667 10.1333C7.46667 10.1333 11.9163 10.1333 12.8 10.1333C13.6837 10.1333 14.4 9.41699 14.4 8.53333V3.2C14.4 2.31634 13.6837 1.6 12.8 1.6Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/OverlapIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type OverlapIconProps = typeof __propDef.props;
+export type OverlapIconEvents = typeof __propDef.events;
+export type OverlapIconSlots = typeof __propDef.slots;
+export default class OverlapIcon extends SvelteComponent<OverlapIconProps, OverlapIconEvents, OverlapIconSlots> {
+}
+export {};

package/src/icons/SearchIcon.svelte

@@ -0,0 +1,88 @@
+
+  <script lang="ts">
+  interface GradientObj {
+    colors: [string, string];
+    direction: "top" | "right" | "bottom" | "left";
+  }
+  export let color = "#000";
+  export let gradient: GradientObj = {
+    colors: ["", ""],
+    direction: "bottom",
+  };
+  export let size: string = "1rem";
+  export let weight: number = 1;
+
+  const getGradientDirection = (direction: string) => {
+    switch (direction) {
+      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%" };
+      default:
+        return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+    }
+  };
+</script>
+
+{#if gradient !== undefined}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 14 14"
+    fill="none"
+  >
+    <g id="id_Search">
+      <path
+        id="icon_Search"
+        d="M9.8741 9.9401L11.9001 11.9001M6.6501 4.2001C7.8099 4.2001 8.7501 5.1403 8.7501 6.3001M11.2468 6.67343C11.2468 9.19921 9.19921 11.2468 6.67343 11.2468C4.14765 11.2468 2.1001 9.19921 2.1001 6.67343C2.1001 4.14765 4.14765 2.1001 6.67343 2.1001C9.19921 2.1001 11.2468 4.14765 11.2468 6.67343Z"
+        stroke="url(#grad-Search)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Search"
+        x1={getGradientDirection(gradient.direction).x1}
+        y1={getGradientDirection(gradient.direction).y1}
+        x2={getGradientDirection(gradient.direction).x2}
+        y2={getGradientDirection(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"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 14 14"
+    fill="none"
+  >
+    <g id="id_Search">
+      <path
+        id="icon_Search"
+        d="M9.8741 9.9401L11.9001 11.9001M6.6501 4.2001C7.8099 4.2001 8.7501 5.1403 8.7501 6.3001M11.2468 6.67343C11.2468 9.19921 9.19921 11.2468 6.67343 11.2468C4.14765 11.2468 2.1001 9.19921 2.1001 6.67343C2.1001 4.14765 4.14765 2.1001 6.67343 2.1001C9.19921 2.1001 11.2468 4.14765 11.2468 6.67343Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/SearchIcon.svelte.d.ts

@@ -0,0 +1,22 @@
+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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SearchIconProps = typeof __propDef.props;
+export type SearchIconEvents = typeof __propDef.events;
+export type SearchIconSlots = typeof __propDef.slots;
+export default class SearchIcon extends SvelteComponent<SearchIconProps, SearchIconEvents, SearchIconSlots> {
+}
+export {};