chromia 0.1.20 → 0.1.21

package/dist/icons/UserProfileDownIcon.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-UserProfileDownIcon-${_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 21.6L2.40043 17.9996C2.40065 16.0116 4.01236 14.4 6.00043 14.4H13.1999M16.8 16.6286L19.2 19.2L21.6 16.6286M19.2 19.2V12.6M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.8118 9.60002 7.20002 7.98825 7.20002 6.00002C7.20002 4.0118 8.8118 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" 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 21.6L2.40043 17.9996C2.40065 16.0116 4.01236 14.4 6.00043 14.4H13.1999M16.8 16.6286L19.2 19.2L21.6 16.6286M19.2 19.2V12.6M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.8118 9.60002 7.20002 7.98825 7.20002 6.00002C7.20002 4.0118 8.8118 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileDownIcon.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 UserProfileDownIconProps = typeof __propDef.props;
+export type UserProfileDownIconEvents = typeof __propDef.events;
+export type UserProfileDownIconSlots = typeof __propDef.slots;
+export default class UserProfileDownIcon extends SvelteComponent<UserProfileDownIconProps, UserProfileDownIconEvents, UserProfileDownIconSlots> {
+}
+export {};

package/dist/icons/UserProfileIcon.svelte

@@ -38,7 +38,7 @@ export { className as class };
         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-width={weight * 0.5833}
         stroke-linecap="round"
         stroke-linejoin="round"
       />
@@ -76,7 +76,7 @@ export { className as class };
         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-width={weight * 0.5833}
         stroke-linecap="round"
         stroke-linejoin="round"
       />

package/dist/icons/UserProfileLeftIcon.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-UserProfileLeftIcon-${_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.40051 21.6L2.40092 17.9996C2.40114 16.0116 4.01285 14.4 6.00092 14.4H12.0005M17.5709 13.5L14.9995 15.9L17.5709 18.3M14.9995 15.9H21.5995M14.4005 6.00002C14.4005 7.98825 12.7887 9.60002 10.8005 9.60002C8.81229 9.60002 7.20051 7.98825 7.20051 6.00002C7.20051 4.0118 8.81229 2.40002 10.8005 2.40002C12.7887 2.40002 14.4005 4.0118 14.4005 6.00002Z" 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.40051 21.6L2.40092 17.9996C2.40114 16.0116 4.01285 14.4 6.00092 14.4H12.0005M17.5709 13.5L14.9995 15.9L17.5709 18.3M14.9995 15.9H21.5995M14.4005 6.00002C14.4005 7.98825 12.7887 9.60002 10.8005 9.60002C8.81229 9.60002 7.20051 7.98825 7.20051 6.00002C7.20051 4.0118 8.81229 2.40002 10.8005 2.40002C12.7887 2.40002 14.4005 4.0118 14.4005 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileLeftIcon.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 UserProfileLeftIconProps = typeof __propDef.props;
+export type UserProfileLeftIconEvents = typeof __propDef.events;
+export type UserProfileLeftIconSlots = typeof __propDef.slots;
+export default class UserProfileLeftIcon extends SvelteComponent<UserProfileLeftIconProps, UserProfileLeftIconEvents, UserProfileLeftIconSlots> {
+}
+export {};

package/dist/icons/UserProfileMinusIcon.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-UserProfileMinusIcon-${_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.25 21.6L2.2504 17.9996C2.25063 16.0116 3.86234 14.4 5.8504 14.4H12.45M21.75 15.6H16.35M14.25 6.00002C14.25 7.98825 12.6382 9.60002 10.65 9.60002C8.66177 9.60002 7.05 7.98825 7.05 6.00002C7.05 4.0118 8.66177 2.40002 10.65 2.40002C12.6382 2.40002 14.25 4.0118 14.25 6.00002Z" 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.25 21.6L2.2504 17.9996C2.25063 16.0116 3.86234 14.4 5.8504 14.4H12.45M21.75 15.6H16.35M14.25 6.00002C14.25 7.98825 12.6382 9.60002 10.65 9.60002C8.66177 9.60002 7.05 7.98825 7.05 6.00002C7.05 4.0118 8.66177 2.40002 10.65 2.40002C12.6382 2.40002 14.25 4.0118 14.25 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileMinusIcon.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 UserProfileMinusIconProps = typeof __propDef.props;
+export type UserProfileMinusIconEvents = typeof __propDef.events;
+export type UserProfileMinusIconSlots = typeof __propDef.slots;
+export default class UserProfileMinusIcon extends SvelteComponent<UserProfileMinusIconProps, UserProfileMinusIconEvents, UserProfileMinusIconSlots> {
+}
+export {};

package/dist/icons/UserProfileRightIcon.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-UserProfileRightIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M2.39999 21.6L2.4004 17.9996C2.40062 16.0116 4.01233 14.4 6.0004 14.4H12M19.0286 18.3L21.6 15.9L19.0286 13.5M21.6 15.9H15M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.81177 9.60002 7.19999 7.98825 7.19999 6.00002C7.19999 4.0118 8.81177 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" 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.39999 21.6L2.4004 17.9996C2.40062 16.0116 4.01233 14.4 6.0004 14.4H12M19.0286 18.3L21.6 15.9L19.0286 13.5M21.6 15.9H15M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.81177 9.60002 7.19999 7.98825 7.19999 6.00002C7.19999 4.0118 8.81177 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileRightIcon.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 UserProfileRightIconProps = typeof __propDef.props;
+export type UserProfileRightIconEvents = typeof __propDef.events;
+export type UserProfileRightIconSlots = typeof __propDef.slots;
+export default class UserProfileRightIcon extends SvelteComponent<UserProfileRightIconProps, UserProfileRightIconEvents, UserProfileRightIconSlots> {
+}
+export {};

package/dist/icons/UserProfileSquareIcon.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-UserProfileSquareIcon-${_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="M4.19999 19.8003C4.54435 19.4146 6.85784 17.5977 8.00775 16.702C8.42655 16.3757 8.94027 16.2003 9.47113 16.2003C10.7548 16.2003 13.2284 16.2003 14.5182 16.2003C15.0553 16.2003 15.5741 16.3832 16.0065 16.7017C17.4913 17.7956 18.8833 18.6106 20.4 19.8003M5.99999 21.6H18C19.9882 21.6 21.6 19.9882 21.6 18V6.00002C21.6 4.0118 19.9882 2.40002 18 2.40002H5.99999C4.01177 2.40002 2.39999 4.0118 2.39999 6.00002V18C2.39999 19.9882 4.01177 21.6 5.99999 21.6ZM15.4385 9.27206C15.4385 7.44055 13.8924 5.94411 12 5.94411C10.1076 5.94411 8.56144 7.44055 8.56144 9.27206C8.56144 11.1036 10.1076 12.6 12 12.6C13.8924 12.6 15.4385 11.1036 15.4385 9.27206Z" 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="M4.19999 19.8003C4.54435 19.4146 6.85784 17.5977 8.00775 16.702C8.42655 16.3757 8.94027 16.2003 9.47113 16.2003C10.7548 16.2003 13.2284 16.2003 14.5182 16.2003C15.0553 16.2003 15.5741 16.3832 16.0065 16.7017C17.4913 17.7956 18.8833 18.6106 20.4 19.8003M5.99999 21.6H18C19.9882 21.6 21.6 19.9882 21.6 18V6.00002C21.6 4.0118 19.9882 2.40002 18 2.40002H5.99999C4.01177 2.40002 2.39999 4.0118 2.39999 6.00002V18C2.39999 19.9882 4.01177 21.6 5.99999 21.6ZM15.4385 9.27206C15.4385 7.44055 13.8924 5.94411 12 5.94411C10.1076 5.94411 8.56144 7.44055 8.56144 9.27206C8.56144 11.1036 10.1076 12.6 12 12.6C13.8924 12.6 15.4385 11.1036 15.4385 9.27206Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileSquareIcon.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 UserProfileSquareIconProps = typeof __propDef.props;
+export type UserProfileSquareIconEvents = typeof __propDef.events;
+export type UserProfileSquareIconSlots = typeof __propDef.slots;
+export default class UserProfileSquareIcon extends SvelteComponent<UserProfileSquareIconProps, UserProfileSquareIconEvents, UserProfileSquareIconSlots> {
+}
+export {};

package/dist/icons/UserProfileUpIcon.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-UserProfileUpIcon-${_uid++}`;
+const dir = (d) => {
+  switch (d) {
+    case "top":
+      return { x1: "0%", y1: "100%", x2: "0%", y2: "0%" };
+    case "right":
+      return { x1: "0%", y1: "0%", x2: "100%", y2: "0%" };
+    case "left":
+      return { x1: "100%", y1: "0%", x2: "0%", y2: "0%" };
+    case "bottom":
+    default:
+      return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
+  }
+};
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    class={className}
+    viewBox="0 0 24 24"
+    {fill}
+    stroke-width={weight}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="width: {size}; height: {size}; {!className ? `color: ${color};` : ''}"
+  >
+    <path d="M2.39999 21.6L2.4004 17.9996C2.40062 16.0116 4.01233 14.4 6.0004 14.4H12.6M21.6 11.2715L19.2 8.70002L16.8 11.2715M19.2 8.70002V15.3M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.81177 9.60002 7.19999 7.98825 7.19999 6.00002C7.19999 4.0118 8.81177 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" 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.39999 21.6L2.4004 17.9996C2.40062 16.0116 4.01233 14.4 6.0004 14.4H12.6M21.6 11.2715L19.2 8.70002L16.8 11.2715M19.2 8.70002V15.3M14.4 6.00002C14.4 7.98825 12.7882 9.60002 10.8 9.60002C8.81177 9.60002 7.19999 7.98825 7.19999 6.00002C7.19999 4.0118 8.81177 2.40002 10.8 2.40002C12.7882 2.40002 14.4 4.0118 14.4 6.00002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileUpIcon.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 UserProfileUpIconProps = typeof __propDef.props;
+export type UserProfileUpIconEvents = typeof __propDef.events;
+export type UserProfileUpIconSlots = typeof __propDef.slots;
+export default class UserProfileUpIcon extends SvelteComponent<UserProfileUpIconProps, UserProfileUpIconEvents, UserProfileUpIconSlots> {
+}
+export {};

package/dist/icons/UserProfileXIcon.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-UserProfileXIcon-${_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.40037 17.9996L2.90037 17.9997L2.40037 17.9996ZM14.4 6.00002H13.9C13.9 7.71211 12.512 9.10002 10.8 9.10002V9.60002V10.1C13.0643 10.1 14.9 8.26439 14.9 6.00002H14.4ZM10.8 9.60002V9.10002C9.08788 9.10002 7.69996 7.71211 7.69996 6.00002H7.19996H6.69996C6.69996 8.26439 8.5356 10.1 10.8 10.1V9.60002ZM7.19996 6.00002H7.69996C7.69996 4.28794 9.08788 2.90002 10.8 2.90002V2.40002V1.90002C8.5356 1.90002 6.69996 3.73566 6.69996 6.00002H7.19996ZM10.8 2.40002V2.90002C12.512 2.90002 13.9 4.28794 13.9 6.00002H14.4H14.9C14.9 3.73566 13.0643 1.90002 10.8 1.90002V2.40002ZM2.39996 21.6L2.89996 21.6001L2.90037 17.9997L2.40037 17.9996L1.90037 17.9996L1.89996 21.6L2.39996 21.6ZM6.00037 14.4V13.9C3.73618 13.9 1.90062 15.7354 1.90037 17.9996L2.40037 17.9996L2.90037 17.9997C2.90056 16.2877 4.28842 14.9 6.00037 14.9V14.4ZM6.00037 14.4V14.9H13.2V14.4V13.9H6.00037V14.4ZM21.6 17.4L21.9535 17.0465L20.0443 15.1373L19.6908 15.4908L19.3372 15.8444L21.2464 17.7536L21.6 17.4ZM19.6908 15.4908L20.0443 15.1373L18.1351 13.2281L17.7816 13.5816L17.428 13.9352L19.3372 15.8444L19.6908 15.4908ZM17.7817 17.3999L18.1352 17.7535L20.0443 15.8444L19.6908 15.4908L19.3372 15.1373L17.4281 17.0464L17.7817 17.3999ZM19.6908 15.4908L20.0443 15.8444L21.9536 13.9351L21.6001 13.5815L21.2465 13.228L19.3372 15.1373L19.6908 15.4908Z" 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.40037 17.9996L2.90037 17.9997L2.40037 17.9996ZM14.4 6.00002H13.9C13.9 7.71211 12.512 9.10002 10.8 9.10002V9.60002V10.1C13.0643 10.1 14.9 8.26439 14.9 6.00002H14.4ZM10.8 9.60002V9.10002C9.08788 9.10002 7.69996 7.71211 7.69996 6.00002H7.19996H6.69996C6.69996 8.26439 8.5356 10.1 10.8 10.1V9.60002ZM7.19996 6.00002H7.69996C7.69996 4.28794 9.08788 2.90002 10.8 2.90002V2.40002V1.90002C8.5356 1.90002 6.69996 3.73566 6.69996 6.00002H7.19996ZM10.8 2.40002V2.90002C12.512 2.90002 13.9 4.28794 13.9 6.00002H14.4H14.9C14.9 3.73566 13.0643 1.90002 10.8 1.90002V2.40002ZM2.39996 21.6L2.89996 21.6001L2.90037 17.9997L2.40037 17.9996L1.90037 17.9996L1.89996 21.6L2.39996 21.6ZM6.00037 14.4V13.9C3.73618 13.9 1.90062 15.7354 1.90037 17.9996L2.40037 17.9996L2.90037 17.9997C2.90056 16.2877 4.28842 14.9 6.00037 14.9V14.4ZM6.00037 14.4V14.9H13.2V14.4V13.9H6.00037V14.4ZM21.6 17.4L21.9535 17.0465L20.0443 15.1373L19.6908 15.4908L19.3372 15.8444L21.2464 17.7536L21.6 17.4ZM19.6908 15.4908L20.0443 15.1373L18.1351 13.2281L17.7816 13.5816L17.428 13.9352L19.3372 15.8444L19.6908 15.4908ZM17.7817 17.3999L18.1352 17.7535L20.0443 15.8444L19.6908 15.4908L19.3372 15.1373L17.4281 17.0464L17.7817 17.3999ZM19.6908 15.4908L20.0443 15.8444L21.9536 13.9351L21.6001 13.5815L21.2465 13.228L19.3372 15.1373L19.6908 15.4908Z" fill="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/UserProfileXIcon.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 UserProfileXIconProps = typeof __propDef.props;
+export type UserProfileXIconEvents = typeof __propDef.events;
+export type UserProfileXIconSlots = typeof __propDef.slots;
+export default class UserProfileXIcon extends SvelteComponent<UserProfileXIconProps, UserProfileXIconEvents, UserProfileXIconSlots> {
+}
+export {};