chromia 0.0.1 → 0.0.2

package/src/icons/SendIcon.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_Send">
+      <path
+        id="icon_Send"
+        d="M14.0469 1.95306L6.9376 9.06238M2.18071 5.49018L13.2513 1.64936C13.9331 1.41284 14.5871 2.06692 14.3506 2.74868L10.5098 13.8193C10.2467 14.5777 9.18168 14.5985 8.88916 13.8509L7.13123 9.35843C7.04343 9.13406 6.86592 8.95655 6.64155 8.86875L2.14906 7.11082C1.4015 6.8183 1.4223 5.7533 2.18071 5.49018Z"
+        stroke="url(#grad-Send)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Send"
+        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_Send">
+      <path
+        id="icon_Send"
+        d="M14.0469 1.95306L6.9376 9.06238M2.18071 5.49018L13.2513 1.64936C13.9331 1.41284 14.5871 2.06692 14.3506 2.74868L10.5098 13.8193C10.2467 14.5777 9.18168 14.5985 8.88916 13.8509L7.13123 9.35843C7.04343 9.13406 6.86592 8.95655 6.64155 8.86875L2.14906 7.11082C1.4015 6.8183 1.4223 5.7533 2.18071 5.49018Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/SendIcon.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 SendIconProps = typeof __propDef.props;
+export type SendIconEvents = typeof __propDef.events;
+export type SendIconSlots = typeof __propDef.slots;
+export default class SendIcon extends SvelteComponent<SendIconProps, SendIconEvents, SendIconSlots> {
+}
+export {};

package/src/icons/TeamUserIcon.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 17"
+    fill="none"
+  >
+    <g id="id_TeamUser">
+      <path
+        id="icon_TeamUser"
+        d="M12.8 9.8739C13.6449 10.5052 14.4 12.0945 14.4 13.0739C14.4 13.379 14.1774 13.6263 13.9028 13.6263H13.6M10.4 7.28641C10.9466 6.97025 11.3143 6.3793 11.3143 5.70247C11.3143 5.02564 10.9466 4.4347 10.4 4.11853M2.09719 13.6263H10.8552C11.1298 13.6263 11.3524 13.379 11.3524 13.0739C11.3524 11.1561 9.75021 9.60149 6.4762 9.60149C3.20218 9.60149 1.60001 11.1561 1.60001 13.0739C1.60001 13.379 1.8226 13.6263 2.09719 13.6263ZM8.30477 5.70247C8.30477 6.71236 7.48609 7.53104 6.4762 7.53104C5.4663 7.53104 4.64762 6.71236 4.64762 5.70247C4.64762 4.69258 5.4663 3.8739 6.4762 3.8739C7.48609 3.8739 8.30477 4.69258 8.30477 5.70247Z"
+        stroke="url(#grad-TeamUser)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-TeamUser"
+        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 17"
+    fill="none"
+  >
+    <g id="id_TeamUser">
+      <path
+        id="icon_TeamUser"
+        d="M12.8 9.8739C13.6449 10.5052 14.4 12.0945 14.4 13.0739C14.4 13.379 14.1774 13.6263 13.9028 13.6263H13.6M10.4 7.28641C10.9466 6.97025 11.3143 6.3793 11.3143 5.70247C11.3143 5.02564 10.9466 4.4347 10.4 4.11853M2.09719 13.6263H10.8552C11.1298 13.6263 11.3524 13.379 11.3524 13.0739C11.3524 11.1561 9.75021 9.60149 6.4762 9.60149C3.20218 9.60149 1.60001 11.1561 1.60001 13.0739C1.60001 13.379 1.8226 13.6263 2.09719 13.6263ZM8.30477 5.70247C8.30477 6.71236 7.48609 7.53104 6.4762 7.53104C5.4663 7.53104 4.64762 6.71236 4.64762 5.70247C4.64762 4.69258 5.4663 3.8739 6.4762 3.8739C7.48609 3.8739 8.30477 4.69258 8.30477 5.70247Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/TeamUserIcon.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 TeamUserIconProps = typeof __propDef.props;
+export type TeamUserIconEvents = typeof __propDef.events;
+export type TeamUserIconSlots = typeof __propDef.slots;
+export default class TeamUserIcon extends SvelteComponent<TeamUserIconProps, TeamUserIconEvents, TeamUserIconSlots> {
+}
+export {};

package/src/icons/TrashIcon.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_Trash">
+      <path
+        id="icon_Trash"
+        d="M1.39999 3.14999H12.6M4.89999 1.04999H9.09999M5.59999 10.15V5.94999M8.39999 10.15V5.94999M9.44999 12.95H4.54999C3.7768 12.95 3.14999 12.3232 3.14999 11.55L2.83037 3.87913C2.8138 3.48144 3.13173 3.14999 3.52977 3.14999H10.4702C10.8683 3.14999 11.1862 3.48144 11.1696 3.87913L10.85 11.55C10.85 12.3232 10.2232 12.95 9.44999 12.95Z"
+        stroke="url(#grad-Trash)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Trash"
+        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_Trash">
+      <path
+        id="icon_Trash"
+        d="M1.39999 3.14999H12.6M4.89999 1.04999H9.09999M5.59999 10.15V5.94999M8.39999 10.15V5.94999M9.44999 12.95H4.54999C3.7768 12.95 3.14999 12.3232 3.14999 11.55L2.83037 3.87913C2.8138 3.48144 3.13173 3.14999 3.52977 3.14999H10.4702C10.8683 3.14999 11.1862 3.48144 11.1696 3.87913L10.85 11.55C10.85 12.3232 10.2232 12.95 9.44999 12.95Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/TrashIcon.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 TrashIconProps = typeof __propDef.props;
+export type TrashIconEvents = typeof __propDef.events;
+export type TrashIconSlots = typeof __propDef.slots;
+export default class TrashIcon extends SvelteComponent<TrashIconProps, TrashIconEvents, TrashIconSlots> {
+}
+export {};

package/src/icons/UploadIcon.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 15"
+    fill="none"
+  >
+    <g id="id_Upload">
+      <path
+        id="icon_Upload"
+        d="M12.6 10.52V12.62C12.6 12.795 12.5372 12.9438 12.4116 13.0663C12.2859 13.1888 12.1334 13.25 11.9539 13.25H2.04618C1.86669 13.25 1.71413 13.1888 1.58849 13.0663C1.46284 12.9438 1.40002 12.795 1.40002 12.62V10.52C1.40002 10.345 1.46284 10.1963 1.58849 10.0738C1.71413 9.95127 1.86669 9.89002 2.04618 9.89002H4.43946C4.7291 9.89002 4.97552 10.0831 5.17081 10.297C5.23637 10.3688 5.31101 10.4344 5.39474 10.4938C5.61685 10.6513 5.86477 10.73 6.13849 10.73H7.86156C8.13528 10.73 8.3832 10.6513 8.60531 10.4938C8.68904 10.4344 8.76368 10.3688 8.82924 10.297C9.02453 10.0831 9.27095 9.89002 9.56059 9.89002H11.9539C12.1334 9.89002 12.2859 9.95127 12.4116 10.0738C12.5372 10.1963 12.6 10.345 12.6 10.52ZM10.3248 4.96085C10.2485 5.13585 10.1161 5.22335 9.92768 5.22335H8.20461V8.16335C8.20461 8.2771 8.16198 8.37554 8.07672 8.45867C7.99146 8.54179 7.8905 8.58335 7.77384 8.58335H6.05076C5.93409 8.58335 5.83313 8.54179 5.74787 8.45867C5.66262 8.37554 5.61999 8.2771 5.61999 8.16335V5.22335H3.89691C3.70845 5.22335 3.57608 5.13585 3.4998 4.96085C3.42351 4.79023 3.45492 4.63929 3.59403 4.50804L6.60941 1.56804C6.69018 1.48492 6.79114 1.44335 6.9123 1.44335C7.03345 1.44335 7.13441 1.48492 7.21518 1.56804L10.2306 4.50804C10.3697 4.63929 10.4011 4.79023 10.3248 4.96085Z"
+        stroke="url(#grad-Upload)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-Upload"
+        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 15"
+    fill="none"
+  >
+    <g id="id_Upload">
+      <path
+        id="icon_Upload"
+        d="M12.6 10.52V12.62C12.6 12.795 12.5372 12.9438 12.4116 13.0663C12.2859 13.1888 12.1334 13.25 11.9539 13.25H2.04618C1.86669 13.25 1.71413 13.1888 1.58849 13.0663C1.46284 12.9438 1.40002 12.795 1.40002 12.62V10.52C1.40002 10.345 1.46284 10.1963 1.58849 10.0738C1.71413 9.95127 1.86669 9.89002 2.04618 9.89002H4.43946C4.7291 9.89002 4.97552 10.0831 5.17081 10.297C5.23637 10.3688 5.31101 10.4344 5.39474 10.4938C5.61685 10.6513 5.86477 10.73 6.13849 10.73H7.86156C8.13528 10.73 8.3832 10.6513 8.60531 10.4938C8.68904 10.4344 8.76368 10.3688 8.82924 10.297C9.02453 10.0831 9.27095 9.89002 9.56059 9.89002H11.9539C12.1334 9.89002 12.2859 9.95127 12.4116 10.0738C12.5372 10.1963 12.6 10.345 12.6 10.52ZM10.3248 4.96085C10.2485 5.13585 10.1161 5.22335 9.92768 5.22335H8.20461V8.16335C8.20461 8.2771 8.16198 8.37554 8.07672 8.45867C7.99146 8.54179 7.8905 8.58335 7.77384 8.58335H6.05076C5.93409 8.58335 5.83313 8.54179 5.74787 8.45867C5.66262 8.37554 5.61999 8.2771 5.61999 8.16335V5.22335H3.89691C3.70845 5.22335 3.57608 5.13585 3.4998 4.96085C3.42351 4.79023 3.45492 4.63929 3.59403 4.50804L6.60941 1.56804C6.69018 1.48492 6.79114 1.44335 6.9123 1.44335C7.03345 1.44335 7.13441 1.48492 7.21518 1.56804L10.2306 4.50804C10.3697 4.63929 10.4011 4.79023 10.3248 4.96085Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+  

package/src/icons/UploadIcon.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 UploadIconProps = typeof __propDef.props;
+export type UploadIconEvents = typeof __propDef.events;
+export type UploadIconSlots = typeof __propDef.slots;
+export default class UploadIcon extends SvelteComponent<UploadIconProps, UploadIconEvents, UploadIconSlots> {
+}
+export {};

package/src/icons/UserProfileIcon.svelte

@@ -0,0 +1,89 @@
+
+  <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_UserProfile">
+      <path
+        id="icon_UserProfile"
+        d="M11.8997 12.5999L11.8999 10.5001C11.9 9.34022 10.9598 8.3999 9.79991 8.3999H4.20033C3.04063 8.3999 2.10046 9.33996 2.10033 10.4997L2.1001 12.5999M9.1001 3.4999C9.1001 4.6597 8.1599 5.5999 7.0001 5.5999C5.8403 5.5999 4.9001 4.6597 4.9001 3.4999C4.9001 2.3401 5.8403 1.3999 7.0001 1.3999C8.1599 1.3999 9.1001 2.3401 9.1001 3.4999Z"
+        stroke="url(#grad-UserProfile)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-UserProfile"
+        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_UserProfile">
+      <path
+        id="icon_UserProfile"
+        d="M11.8997 12.5999L11.8999 10.5001C11.9 9.34022 10.9598 8.3999 9.79991 8.3999H4.20033C3.04063 8.3999 2.10046 9.33996 2.10033 10.4997L2.1001 12.5999M9.1001 3.4999C9.1001 4.6597 8.1599 5.5999 7.0001 5.5999C5.8403 5.5999 4.9001 4.6597 4.9001 3.4999C4.9001 2.3401 5.8403 1.3999 7.0001 1.3999C8.1599 1.3999 9.1001 2.3401 9.1001 3.4999Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
+
+  

package/src/icons/UserProfileIcon.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 UserProfileIconProps = typeof __propDef.props;
+export type UserProfileIconEvents = typeof __propDef.events;
+export type UserProfileIconSlots = typeof __propDef.slots;
+export default class UserProfileIcon extends SvelteComponent<UserProfileIconProps, UserProfileIconEvents, UserProfileIconSlots> {
+}
+export {};

package/src/lib/index.ts

@@ -0,0 +1,44 @@
+import AddImageIcon from '../src/icons/AddImageIcon.svelte'
+import AddSquareIcon from '../src/icons/AddSquareIcon.svelte'
+import AlertCircleIcon from '../src/icons/AlertCircleIcon.svelte'
+import AnnotationXIcon from '../src/icons/AnnotationXIcon.svelte'
+import ArrowCalendarIcon from '../src/icons/ArrowCalendarIcon.svelte'
+import ArrowLeftIcon from '../src/icons/ArrowLeftIcon.svelte'
+import ArrowSwitchIcon from '../src/icons/ArrowSwitchIcon.svelte'
+import ArrowUpIcon from '../src/icons/ArrowUpIcon.svelte'
+import BellIcon from '../src/icons/BellIcon.svelte'
+import BezierIcon from '../src/icons/BezierIcon.svelte'
+import CalendarIcon from '../src/icons/CalendarIcon.svelte'
+import CameraIcon from '../src/icons/CameraIcon.svelte'
+import CertificateIcon from '../src/icons/CertificateIcon.svelte'
+import CheckCircleIcon from '../src/icons/CheckCircleIcon.svelte'
+import CheckIcon from '../src/icons/CheckIcon.svelte'
+import ChevronDownIcon from '../src/icons/ChevronDownIcon.svelte'
+import ChevronUpIcon from '../src/icons/ChevronUpIcon.svelte'
+import ClockIcon from '../src/icons/ClockIcon.svelte'
+import CloseIcon from '../src/icons/CloseIcon.svelte'
+import CollectionIcon from '../src/icons/CollectionIcon.svelte'
+import CopyIcon from '../src/icons/CopyIcon.svelte'
+import EditIcon from '../src/icons/EditIcon.svelte'
+import FavoriteIcon from '../src/icons/FavoriteIcon.svelte'
+import FilterIcon from '../src/icons/FilterIcon.svelte'
+import FlameIcon from '../src/icons/FlameIcon.svelte'
+import FolderIcon from '../src/icons/FolderIcon.svelte'
+import FolderPlusIcon from '../src/icons/FolderPlusIcon.svelte'
+import GridIcon from '../src/icons/GridIcon.svelte'
+import HourglassIcon from '../src/icons/HourglassIcon.svelte'
+import LockIcon from '../src/icons/LockIcon.svelte'
+import LogoutIcon from '../src/icons/LogoutIcon.svelte'
+import MenuIcon from '../src/icons/MenuIcon.svelte'
+import NoFolder from '../src/icons/NoFolder.svelte'
+import NotificationIcon from '../src/icons/NotificationIcon.svelte'
+import OverlapIcon from '../src/icons/OverlapIcon.svelte'
+import SearchIcon from '../src/icons/SearchIcon.svelte'
+import SendIcon from '../src/icons/SendIcon.svelte'
+import TeamUserIcon from '../src/icons/TeamUserIcon.svelte'
+import TrashIcon from '../src/icons/TrashIcon.svelte'
+import UploadIcon from '../src/icons/UploadIcon.svelte'
+import UserProfileIcon from '../src/icons/UserProfileIcon.svelte'
+
+export { AddImageIcon, AddSquareIcon, AlertCircleIcon, AnnotationXIcon, ArrowCalendarIcon, ArrowLeftIcon, ArrowSwitchIcon, ArrowUpIcon, BellIcon, BezierIcon, CalendarIcon, CameraIcon, CertificateIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseIcon, CollectionIcon, CopyIcon, EditIcon, FavoriteIcon, FilterIcon, FlameIcon, FolderIcon, FolderPlusIcon, GridIcon, HourglassIcon, LockIcon, LogoutIcon, MenuIcon, NoFolder, NotificationIcon, OverlapIcon, SearchIcon, SendIcon, TeamUserIcon, TrashIcon, UploadIcon, UserProfileIcon }
+

package/svelte.config.js

@@ -0,0 +1,18 @@
+import adapter from '@sveltejs/adapter-auto';
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	}
+};
+
+export default config;

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext"
+	}
+}

package/vite.config.ts

@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});