chromia 0.1.1 → 0.1.2

package/README.md

@@ -1 +1 @@
-<img src="https://cdn.discordapp.com/attachments/1034921192500502588/1209155512705351690/image.png?ex=65e5e4d3&is=65d36fd3&hm=326c485bdcf71d514082ddf7bff21f633265a0eaa8086a8cfd85c881550fe68c&">
+<img src="/assets/documentation.png">

package/dist/icons/BackArrowIcon.svelte

@@ -0,0 +1,77 @@
+<script>export let color = "#000";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+const getGradientDirection = (direction) => {
+  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.colors[1] !== ""}
+  <svg
+    width="12"
+    height="12"
+    viewBox="0 0 14 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+  >
+    <path
+      d="M3.63552 1.39719L0.59961 4.47419M0.59961 4.47419L3.63552 7.55118M0.59961 4.47419L10.1381 4.47419C11.9394 4.47419 13.3996 5.93441 13.3996 7.73569V7.73569C13.3996 9.53697 11.9394 10.9972 10.1381 10.9972L6.99961 10.9972"
+      stroke="url(#grad-Pen)"
+      stroke-width={weight}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+
+    <defs>
+      <linearGradient
+        id="grad-Pen"
+        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
+    width="12"
+    height="12"
+    viewBox="0 0 14 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+  >
+    <path
+      d="M3.63552 1.39719L0.59961 4.47419M0.59961 4.47419L3.63552 7.55118M0.59961 4.47419L10.1381 4.47419C11.9394 4.47419 13.3996 5.93441 13.3996 7.73569V7.73569C13.3996 9.53697 11.9394 10.9972 10.1381 10.9972L6.99961 10.9972"
+      stroke={color}
+      stroke-width={weight}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+{/if}

package/dist/icons/BackArrowIcon.svelte.d.ts

@@ -0,0 +1,27 @@
+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 BackArrowIconProps = typeof __propDef.props;
+export type BackArrowIconEvents = typeof __propDef.events;
+export type BackArrowIconSlots = typeof __propDef.slots;
+export default class BackArrowIcon extends SvelteComponent<
+  BackArrowIconProps,
+  BackArrowIconEvents,
+  BackArrowIconSlots
+> {}
+export {};

package/{.svelte-kit/__package__/icons/AddSquareIcon.svelte → dist/icons/BoxIcon.svelte}

@@ -1,5 +1,4 @@
-
-  <script>export let color = "#000";
+<script>export let color = "#202020";
 export let gradient = {
   colors: ["", ""],
   direction: "bottom"
@@ -26,23 +25,19 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 12 12"
+    viewBox="0 0 16 17"
     fill="none"
   >
-    <g id="id_AddSquare">
-      <path
-        id="icon_AddSquare"
-        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
-        stroke="url(#grad-AddSquare)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
+    <path
+      d="M14.3548 5.01818H1.64523M9.99975 7.21816C8.43765 7.21816 5.99975 7.21816 5.99975 7.21816M14.4 5.39588V13.0182C14.4 13.9018 13.6837 14.6182 12.8 14.6182H3.20001C2.31635 14.6182 1.60001 13.9018 1.60001 13.0182V5.39588C1.60001 5.14749 1.65784 4.90251 1.76892 4.68034L2.86833 2.48152C3.0716 2.07498 3.48712 1.81818 3.94165 1.81818H12.0584C12.5129 1.81818 12.9284 2.07498 13.1317 2.48152L14.2311 4.68034C14.3422 4.90251 14.4 5.14749 14.4 5.39588Z"
+      stroke="url(#grad-NewIcon)"
+      stroke-width={weight}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
     <defs>
       <linearGradient
-        id="grad-AddSquare"
+        id="grad-NewIcon"
         x1={getGradientDirection(gradient.direction).x1}
         y1={getGradientDirection(gradient.direction).y1}
         x2={getGradientDirection(gradient.direction).x2}
@@ -63,20 +58,15 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 12 12"
+    viewBox="0 0 16 17"
     fill="none"
   >
-    <g id="id_AddSquare">
-      <path
-        id="icon_AddSquare"
-        d="M5.99995 3.59995L5.99995 5.99995M5.99995 5.99995V8.39995M5.99995 5.99995H8.39995M5.99995 5.99995H3.59995M10.8 2.99995L10.8 9.00001C10.7999 9.99412 9.99406 10.8 8.99995 10.8H2.99995C2.00584 10.8 1.19995 9.99412 1.19995 9.00001V2.99995C1.19995 2.00584 2.00584 1.19995 2.99995 1.19995H8.99995C9.99406 1.19995 10.8 2.00584 10.8 2.99995Z"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
+    <path
+      d="M14.3548 5.01818H1.64523M9.99975 7.21816C8.43765 7.21816 5.99975 7.21816 5.99975 7.21816M14.4 5.39588V13.0182C14.4 13.9018 13.6837 14.6182 12.8 14.6182H3.20001C2.31635 14.6182 1.60001 13.9018 1.60001 13.0182V5.39588C1.60001 5.14749 1.65784 4.90251 1.76892 4.68034L2.86833 2.48152C3.0716 2.07498 3.48712 1.81818 3.94165 1.81818H12.0584C12.5129 1.81818 12.9284 2.07498 13.1317 2.48152L14.2311 4.68034C14.3422 4.90251 14.4 5.14749 14.4 5.39588Z"
+      stroke={color}
+      stroke-width={weight}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
   </svg>
 {/if}
-
-  

package/dist/icons/BoxIcon.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+  props: {
+    color?: string;
+    gradient?: {
+      colors: [string, string];
+      direction: "top" | "right" | "bottom" | "left";
+    };
+    size?: string;
+    weight?: number;
+  };
+  events: {
+    [evt: string]: CustomEvent<any>;
+  };
+  slots: {};
+};
+export type NewIconProps = typeof __propDef.props;
+export type NewIconEvents = typeof __propDef.events;
+export type NewIconSlots = typeof __propDef.slots;
+export default class NewIcon extends SvelteComponent<
+  NewIconProps,
+  NewIconEvents,
+  NewIconSlots
+> {}

package/{.svelte-kit/__package__/icons/CalendarIcon.svelte → dist/icons/BrandIcon.svelte}

@@ -1,5 +1,4 @@
-
-  <script>export let color = "#000";
+<script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
   direction: "bottom"
@@ -29,11 +28,11 @@ const getGradientDirection = (direction) => {
     viewBox="0 0 16 16"
     fill="none"
   >
-    <g id="id_Calendar">
+    <g id="id_Brand">
       <path
-        id="icon_Calendar"
-        d="M4.83331 11.7023V11.6459M8.20831 11.7023V11.6459M8.20831 8.64587V8.58947M11.2083 8.64587V8.58947M2.58331 5.64584H13.0833M3.94046 1.33334V2.45847M11.5833 1.33334V2.45834M11.5833 2.45834H4.08331C2.84067 2.45834 1.83331 3.4657 1.83331 4.70834V12.2084C1.83331 13.451 2.84067 14.4584 4.08331 14.4584H11.5833C12.826 14.4584 13.8333 13.451 13.8333 12.2084L13.8333 4.70834C13.8333 3.4657 12.826 2.45834 11.5833 2.45834Z"
-        stroke="url(#grad-Calendar)"
+        id="icon_Brand"
+        d="M4.44728 15.5H15.5L15.4124 8.04187L10.1491 10.9748V8.04187L4.44737 10.9748L4.44728 15.5ZM4.44728 15.5H0.5L1.37719 6.36587H4.44728V10.9329V15.5ZM1.81579 3.85194C1.81579 2.59496 3.13158 1.33799 4.44737 1.33799C6.20175 1.33799 7.07895 2.17587 7.51754 3.01396C7.95614 1.75688 8.79859 0.5 10.5877 0.5C12.7807 0.5 13.6579 2.17597 13.6579 3.01396M4.00877 4.27094C5.32456 3.85194 5.98414 5.24966 7.07895 5.94691C8.39474 6.78489 9.46441 6.18203 9.71053 5.94691C11.9035 3.85194 12.7807 6.78489 14.0965 5.94691M7.95614 12.2318V13.0698M12.7807 12.2318V13.0698"
+        stroke="url(#grad-Brand)"
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -42,7 +41,7 @@ const getGradientDirection = (direction) => {
 
     <defs>
       <linearGradient
-        id="grad-Calendar"
+        id="grad-Brand"
         x1={getGradientDirection(gradient.direction).x1}
         y1={getGradientDirection(gradient.direction).y1}
         x2={getGradientDirection(gradient.direction).x2}
@@ -66,10 +65,10 @@ const getGradientDirection = (direction) => {
     viewBox="0 0 16 16"
     fill="none"
   >
-    <g id="id_Calendar">
+    <g id="id_Brand">
       <path
-        id="icon_Calendar"
-        d="M4.83331 11.7023V11.6459M8.20831 11.7023V11.6459M8.20831 8.64587V8.58947M11.2083 8.64587V8.58947M2.58331 5.64584H13.0833M3.94046 1.33334V2.45847M11.5833 1.33334V2.45834M11.5833 2.45834H4.08331C2.84067 2.45834 1.83331 3.4657 1.83331 4.70834V12.2084C1.83331 13.451 2.84067 14.4584 4.08331 14.4584H11.5833C12.826 14.4584 13.8333 13.451 13.8333 12.2084L13.8333 4.70834C13.8333 3.4657 12.826 2.45834 11.5833 2.45834Z"
+        id="icon_Brand"
+        d="M4.44728 15.5H15.5L15.4124 8.04187L10.1491 10.9748V8.04187L4.44737 10.9748L4.44728 15.5ZM4.44728 15.5H0.5L1.37719 6.36587H4.44728V10.9329V15.5ZM1.81579 3.85194C1.81579 2.59496 3.13158 1.33799 4.44737 1.33799C6.20175 1.33799 7.07895 2.17587 7.51754 3.01396C7.95614 1.75688 8.79859 0.5 10.5877 0.5C12.7807 0.5 13.6579 2.17597 13.6579 3.01396M4.00877 4.27094C5.32456 3.85194 5.98414 5.24966 7.07895 5.94691C8.39474 6.78489 9.46441 6.18203 9.71053 5.94691C11.9035 3.85194 12.7807 6.78489 14.0965 5.94691M7.95614 12.2318V13.0698M12.7807 12.2318V13.0698"
         stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
@@ -78,5 +77,3 @@ const getGradientDirection = (direction) => {
     </g>
   </svg>
 {/if}
-
-  

package/{.svelte-kit/__package__/icons/ClockIcon.svelte.d.ts → dist/icons/BrandIcon.svelte.d.ts}

@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type ClockIconProps = typeof __propDef.props;
-export type ClockIconEvents = typeof __propDef.events;
-export type ClockIconSlots = typeof __propDef.slots;
-export default class ClockIcon extends SvelteComponent<ClockIconProps, ClockIconEvents, ClockIconSlots> {
+export type BrandIconProps = typeof __propDef.props;
+export type BrandIconEvents = typeof __propDef.events;
+export type BrandIconSlots = typeof __propDef.slots;
+export default class BrandIcon extends SvelteComponent<BrandIconProps, BrandIconEvents, BrandIconSlots> {
 }
 export {};

package/{.svelte-kit/__package__/icons/FlipLeftIcon.svelte → dist/icons/CategoryIcon.svelte}

@@ -25,14 +25,14 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 20 20"
+    viewBox="0 0 18 19"
     fill="none"
   >
-    <g id="id_FlipLeft">
+    <g id="id_Category">
       <path
-        id="icon_FlipLeft"
-        d="M5.79489 4L2 7.84624M2 7.84624L5.79489 11.6925M2 7.84624L14 7.84624C16.2091 7.84624 18 9.6371 18 11.8462L18 12C18 14.2091 16.2091 16 14 16L10 16"
-        stroke="url(#grad-FlipLeft)"
+        id="icon_Category"
+        d="M16.2 9.19953L9.00005 12.8901L1.80005 9.19953M16.2 12.7276L9.00005 16.4182L1.80005 12.7276M9.00005 2.01819L16.2 5.70875L9.00005 9.3993L1.80005 5.70875L9.00005 2.01819Z"
+        stroke="url(#grad-Category)"
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -41,7 +41,7 @@ const getGradientDirection = (direction) => {
 
     <defs>
       <linearGradient
-        id="grad-FlipLeft"
+        id="grad-Category"
         x1={getGradientDirection(gradient.direction).x1}
         y1={getGradientDirection(gradient.direction).y1}
         x2={getGradientDirection(gradient.direction).x2}
@@ -62,17 +62,17 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 20 20"
-    fill="none"
+    viewBox="0 0 18 19"
   >
-    <g id="id_FlipLeft">
+    <g id="id_Category">
       <path
-        id="icon_FlipLeft"
-        d="M5.79489 4L2 7.84624M2 7.84624L5.79489 11.6925M2 7.84624L14 7.84624C16.2091 7.84624 18 9.6371 18 11.8462L18 12C18 14.2091 16.2091 16 14 16L10 16"
+        id="icon_Category"
+        d="M16.2 9.19953L9.00005 12.8901L1.80005 9.19953M16.2 12.7276L9.00005 16.4182L1.80005 12.7276M9.00005 2.01819L16.2 5.70875L9.00005 9.3993L1.80005 5.70875L9.00005 2.01819Z"
         stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
+        fill="none"
       />
     </g>
   </svg>

package/{.svelte-kit/__package__/icons/AddImageIcon.svelte.d.ts → dist/icons/CategoryIcon.svelte.d.ts}

@@ -14,9 +14,9 @@ declare const __propDef: {
     };
     slots: {};
 };
-export type AddImageIconProps = typeof __propDef.props;
-export type AddImageIconEvents = typeof __propDef.events;
-export type AddImageIconSlots = typeof __propDef.slots;
-export default class AddImageIcon extends SvelteComponent<AddImageIconProps, AddImageIconEvents, AddImageIconSlots> {
+export type CategoryIconProps = typeof __propDef.props;
+export type CategoryIconEvents = typeof __propDef.events;
+export type CategoryIconSlots = typeof __propDef.slots;
+export default class CategoryIcon extends SvelteComponent<CategoryIconProps, CategoryIconEvents, CategoryIconSlots> {
 }
 export {};

package/{.svelte-kit/__package__/icons/TrendUpIcon.svelte → dist/icons/CheckSemiCircleIcon.svelte}

@@ -25,23 +25,21 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 24 24"
+    viewBox="0 0 80 78"
     fill="none"
   >
-    <g id="id_TrendUp">
+    <g id="id_Zoom">
       <path
-        id="icon_TrendUp"
-        d="M2.40002 16.8L7.77602 11.6308L12.384 16.0615L21.6 7.2M21.6 7.2H14.688M21.6 7.2V13.8462"
-        stroke="url(#grad-TrendUp)"
+        id="icon_Zoom"
+        d="M78.3996 39C78.3996 59.9868 61.2073 77 39.9996 77C18.7919 77 1.59961 59.9868 1.59961 39C1.59961 18.0132 18.7919 1 39.9996 1C46.0244 1 51.7251 2.37302 56.7996 4.82011M71.1996 15.25L37.5996 48.5L27.9996 39"
+        stroke="url(#grad-Zoom)"
         stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
       />
     </g>
 
     <defs>
       <linearGradient
-        id="grad-TrendUp"
+        id="grad-Zoom"
         x1={getGradientDirection(gradient.direction).x1}
         y1={getGradientDirection(gradient.direction).y1}
         x2={getGradientDirection(gradient.direction).x2}
@@ -62,17 +60,15 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 24 24"
+    viewBox="0 0 80 78"
     fill="none"
   >
-    <g id="id_TrendUp">
+    <g id="id_Zoom">
       <path
-        id="icon_TrendUp"
-        d="M2.40002 16.8L7.77602 11.6308L12.384 16.0615L21.6 7.2M21.6 7.2H14.688M21.6 7.2V13.8462"
+        id="icon_Zoom"
+        d="M78.3996 39C78.3996 59.9868 61.2073 77 39.9996 77C18.7919 77 1.59961 59.9868 1.59961 39C1.59961 18.0132 18.7919 1 39.9996 1C46.0244 1 51.7251 2.37302 56.7996 4.82011M71.1996 15.25L37.5996 48.5L27.9996 39"
         stroke={color}
         stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
       />
     </g>
   </svg>

package/dist/icons/CheckSemiCircleIcon.svelte.d.ts

@@ -0,0 +1,27 @@
+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 CheckSemiCircleIconProps = typeof __propDef.props;
+export type CheckSemiCircleIconEvents = typeof __propDef.events;
+export type CheckSemiCircleIconSlots = typeof __propDef.slots;
+export default class CheckSemiCircleIcon extends SvelteComponent<
+  CheckSemiCircleIconProps,
+  CheckSemiCircleIconEvents,
+  CheckSemiCircleIconSlots
+> {}
+export {};

package/dist/icons/CollectionIcon.svelte

@@ -1,5 +1,4 @@
-
-  <script>export let color = "#000";
+<script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
   direction: "bottom"
@@ -26,13 +25,13 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 16 16"
+    viewBox="0 0 18 18"
     fill="none"
   >
     <g id="id_Collection">
       <path
         id="icon_Collection"
-        d="M11.5556 14.4C10.8012 14.4 10.0777 14.1003 9.54423 13.5669C9.0108 13.0334 8.71112 12.31 8.71112 11.5556V3.02223C8.71112 2.64503 8.86096 2.28328 9.12768 2.01657C9.39439 1.74985 9.75614 1.60001 10.1333 1.60001H12.9778C13.355 1.60001 13.7167 1.74985 13.9834 2.01657C14.2502 2.28328 14.4 2.64503 14.4 3.02223V11.5556C14.4 12.31 14.1003 13.0334 13.5669 13.5669C13.0334 14.1003 12.31 14.4 11.5556 14.4ZM11.5556 14.4H3.02223C2.64503 14.4 2.28328 14.2502 2.01657 13.9834C1.74985 13.7167 1.60001 13.355 1.60001 12.9778V10.1333C1.60001 9.75614 1.74985 9.39439 2.01657 9.12768C2.28328 8.86096 2.64503 8.71112 3.02223 8.71112H4.65778M8.71112 4.69334L7.28889 3.27112C7.02219 3.00449 6.66051 2.85471 6.28338 2.85471C5.90626 2.85471 5.54458 3.00449 5.27787 3.27112L3.26685 5.28214C3.00022 5.54885 2.85044 5.91053 2.85044 6.28765C2.85044 6.66477 3.00022 7.02645 3.26685 7.29316L9.66685 13.6932M11.5556 11.5556V11.5627"
+        d="M3.90909 14.0164H4.87879M12.6364 10.1376H15.0606C16.1317 10.1376 17 11.0059 17 12.077V14.9861C17 16.0572 16.1317 16.9255 15.0606 16.9255H4.87879M8.27273 4.62344L11.2536 1.64253C12.011 0.885149 13.239 0.885148 13.9964 1.64253L16.0534 3.69957C16.8108 4.45695 16.8108 5.6849 16.0534 6.44228L7.78788 14.7078M2.93939 16.9255H5.84848C6.91958 16.9255 7.78788 16.0572 7.78788 14.9861V3.34977C7.78788 2.27867 6.91958 1.41037 5.84848 1.41037H2.93939C1.8683 1.41037 1 2.27867 1 3.34977V14.9861C1 16.0572 1.8683 16.9255 2.93939 16.9255Z"
         stroke="url(#grad-Collection)"
         stroke-width={weight}
         stroke-linecap="round"
@@ -63,13 +62,13 @@ const getGradientDirection = (direction) => {
   <svg
     xmlns="http://www.w3.org/2000/svg"
     style="width: {size}; height: {size};"
-    viewBox="0 0 16 16"
+    viewBox="0 0 18 18"
     fill="none"
   >
     <g id="id_Collection">
       <path
         id="icon_Collection"
-        d="M11.5556 14.4C10.8012 14.4 10.0777 14.1003 9.54423 13.5669C9.0108 13.0334 8.71112 12.31 8.71112 11.5556V3.02223C8.71112 2.64503 8.86096 2.28328 9.12768 2.01657C9.39439 1.74985 9.75614 1.60001 10.1333 1.60001H12.9778C13.355 1.60001 13.7167 1.74985 13.9834 2.01657C14.2502 2.28328 14.4 2.64503 14.4 3.02223V11.5556C14.4 12.31 14.1003 13.0334 13.5669 13.5669C13.0334 14.1003 12.31 14.4 11.5556 14.4ZM11.5556 14.4H3.02223C2.64503 14.4 2.28328 14.2502 2.01657 13.9834C1.74985 13.7167 1.60001 13.355 1.60001 12.9778V10.1333C1.60001 9.75614 1.74985 9.39439 2.01657 9.12768C2.28328 8.86096 2.64503 8.71112 3.02223 8.71112H4.65778M8.71112 4.69334L7.28889 3.27112C7.02219 3.00449 6.66051 2.85471 6.28338 2.85471C5.90626 2.85471 5.54458 3.00449 5.27787 3.27112L3.26685 5.28214C3.00022 5.54885 2.85044 5.91053 2.85044 6.28765C2.85044 6.66477 3.00022 7.02645 3.26685 7.29316L9.66685 13.6932M11.5556 11.5556V11.5627"
+        d="M3.90909 14.0164H4.87879M12.6364 10.1376H15.0606C16.1317 10.1376 17 11.0059 17 12.077V14.9861C17 16.0572 16.1317 16.9255 15.0606 16.9255H4.87879M8.27273 4.62344L11.2536 1.64253C12.011 0.885149 13.239 0.885148 13.9964 1.64253L16.0534 3.69957C16.8108 4.45695 16.8108 5.6849 16.0534 6.44228L7.78788 14.7078M2.93939 16.9255H5.84848C6.91958 16.9255 7.78788 16.0572 7.78788 14.9861V3.34977C7.78788 2.27867 6.91958 1.41037 5.84848 1.41037H2.93939C1.8683 1.41037 1 2.27867 1 3.34977V14.9861C1 16.0572 1.8683 16.9255 2.93939 16.9255Z"
         stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
@@ -78,5 +77,3 @@ const getGradientDirection = (direction) => {
     </g>
   </svg>
 {/if}
-
-  

package/dist/icons/CrownIcon.svelte

@@ -0,0 +1,94 @@
+<script>export let color = "#000";
+export let gradient = {
+  colors: ["", ""],
+  direction: "bottom"
+};
+export let size = "1rem";
+export let weight = 1;
+export let fill = "none";
+const getGradientDirection = (direction) => {
+  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.colors[1] !== ""}
+  <svg
+    width="15"
+    height="12"
+    viewBox="0 0 15 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+  >
+    <path
+      d="M7.03271 1.30848C7.22509 1.03137 7.6325 1.02282 7.83583 1.29199C9.45541 3.43598 9.56234 3.85988 11.0219 5.25L13.4285 3.68342C13.8245 3.42565 14.324 3.81024 14.1761 4.25898L11.8718 11.25H2.97208L0.667713 4.25898C0.519801 3.81024 1.01938 3.42565 1.41536 3.68342L3.82192 5.25C4.87364 4.54888 5.2699 3.84775 7.03271 1.30848Z"
+      stroke="url(#grad-Triangle)"
+      stroke-width={weight}
+      stroke-linejoin="round"
+      fill="url(#gradFill-Triangle)"
+    />
+
+    <defs>
+      <linearGradient
+        id="grad-Triangle"
+        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>
+      <linearGradient
+        id="gradFill-Triangle"
+        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
+    width="15"
+    height="12"
+    viewBox="0 0 15 12"
+    {fill}
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+  >
+    <path
+      d="M7.03271 1.30848C7.22509 1.03137 7.6325 1.02282 7.83583 1.29199C9.45541 3.43598 9.56234 3.85988 11.0219 5.25L13.4285 3.68342C13.8245 3.42565 14.324 3.81024 14.1761 4.25898L11.8718 11.25H2.97208L0.667713 4.25898C0.519801 3.81024 1.01938 3.42565 1.41536 3.68342L3.82192 5.25C4.87364 4.54888 5.2699 3.84775 7.03271 1.30848Z"
+      stroke={color}
+      stroke-width={weight}
+      stroke-linejoin="round"
+      {fill}
+    />
+  </svg>
+{/if}

package/{.svelte-kit/__package__/icons/ArrowLeftIcon.svelte.d.ts → dist/icons/CrownIcon.svelte.d.ts}

@@ -8,15 +8,16 @@ declare const __propDef: {
         } | undefined;
         size?: string | undefined;
         weight?: number | undefined;
+        fill?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
 };
-export type ArrowLeftIconProps = typeof __propDef.props;
-export type ArrowLeftIconEvents = typeof __propDef.events;
-export type ArrowLeftIconSlots = typeof __propDef.slots;
-export default class ArrowLeftIcon extends SvelteComponent<ArrowLeftIconProps, ArrowLeftIconEvents, ArrowLeftIconSlots> {
+export type CrownIconProps = typeof __propDef.props;
+export type CrownIconEvents = typeof __propDef.events;
+export type CrownIconSlots = typeof __propDef.slots;
+export default class CrownIcon extends SvelteComponent<CrownIconProps, CrownIconEvents, CrownIconSlots> {
 }
 export {};

package/{.svelte-kit/__package__/icons/ChevronDownIcon.svelte → dist/icons/DarkIcon.svelte}

@@ -1,5 +1,4 @@
-
-  <script>export let color = "#000";
+<script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
   direction: "bottom"
@@ -29,11 +28,11 @@ const getGradientDirection = (direction) => {
     viewBox="0 0 14 14"
     fill="none"
   >
-    <g id="id_ChevronDown">
+    <g id="id_Dark">
       <path
-        id="icon_ChevronDown"
-        d="M9.7998 5.59999L6.9998 8.39999L4.19981 5.59999"
-        stroke="url(#grad-ChevronDown)"
+        id="icon_Dark"
+        d="M0.600023 8.75971C1.20154 8.94213 1.83973 9.04022 2.50083 9.04022C6.11283 9.04022 9.04094 6.11212 9.04094 2.50012C9.04094 1.83931 8.94294 1.20139 8.76067 0.600098C11.4456 1.41435 13.4 3.90879 13.4 6.85969C13.4 10.4717 10.4719 13.3998 6.85986 13.3998C3.90867 13.3998 1.41403 11.4451 0.600023 8.75971Z"
+        stroke="url(#grad-Dark)"
         stroke-width={weight}
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -42,7 +41,7 @@ const getGradientDirection = (direction) => {
 
     <defs>
       <linearGradient
-        id="grad-ChevronDown"
+        id="grad-Dark"
         x1={getGradientDirection(gradient.direction).x1}
         y1={getGradientDirection(gradient.direction).y1}
         x2={getGradientDirection(gradient.direction).x2}
@@ -66,10 +65,10 @@ const getGradientDirection = (direction) => {
     viewBox="0 0 14 14"
     fill="none"
   >
-    <g id="id_ChevronDown">
+    <g id="id_Dark">
       <path
-        id="icon_ChevronDown"
-        d="M9.7998 5.59999L6.9998 8.39999L4.19981 5.59999"
+        id="icon_Dark"
+        d="M0.600023 8.75971C1.20154 8.94213 1.83973 9.04022 2.50083 9.04022C6.11283 9.04022 9.04094 6.11212 9.04094 2.50012C9.04094 1.83931 8.94294 1.20139 8.76067 0.600098C11.4456 1.41435 13.4 3.90879 13.4 6.85969C13.4 10.4717 10.4719 13.3998 6.85986 13.3998C3.90867 13.3998 1.41403 11.4451 0.600023 8.75971Z"
         stroke={color}
         stroke-width={weight}
         stroke-linecap="round"
@@ -78,5 +77,3 @@ const getGradientDirection = (direction) => {
     </g>
   </svg>
 {/if}
-
-