chromia 0.0.4 → 0.0.5

package/README.md

@@ -1,58 +1,58 @@
-# create-svelte
-
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
-
-## Building
-
-To build your library:
-
-```bash
-npm run package
-```
-
-To create a production version of your showcase app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-
-## Publishing
-
-Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
-
-To publish your library to [npm](https://www.npmjs.com):
-
-```bash
-npm publish
-```
+# create-svelte
+
+Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
+
+## Building
+
+To build your library:
+
+```bash
+npm run package
+```
+
+To create a production version of your showcase app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
+
+## Publishing
+
+Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
+
+To publish your library to [npm](https://www.npmjs.com):
+
+```bash
+npm publish
+```

package/dist/icons/AddImageIcon.svelte

@@ -19,77 +19,77 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 20 20"
-    fill="none"
-  >
-    <g id="id_AddImage">
-      <path
-        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke="url(#grad-AddImage)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke="url(#grad-AddImage)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
-    <defs>
-      <linearGradient
-        id="grad-AddImage"
-        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 20 20"
-    fill="none"
-  >
-    <g id="id_AddImage">
-      <path
-        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
-        id="icon_AddImage"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-  </svg>
-{/if}
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke="url(#grad-AddImage)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AddImage"
+        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 20 20"
+    fill="none"
+  >
+    <g id="id_AddImage">
+      <path
+        d="M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M4.08582 18.4142L11.1729 11.7441C11.9601 11.0032 13.1935 11.0219 13.9578 11.7862L16.5858 14.4142M4.08582 18.4142H14.0858C15.7427 18.4142 17.0858 17.0711 17.0858 15.4142V10.4142M4.08582 18.4142C2.42896 18.4142 1.08582 17.0711 1.08582 15.4142V5.41424C1.08582 3.75739 2.42896 2.41424 4.08582 2.41424H10.5858M16.0858 7.24267L16.0858 4.41424M16.0858 4.41424L16.0858 1.58582M16.0858 4.41424L13.2574 4.41424M16.0858 4.41424L18.9142 4.41424M7.08582 6.91424C7.08582 7.74267 6.41424 8.41424 5.58582 8.41424C4.75739 8.41424 4.08582 7.74267 4.08582 6.91424C4.08582 6.08582 4.75739 5.41424 5.58582 5.41424C6.41424 5.41424 7.08582 6.08582 7.08582 6.91424Z"
+        id="icon_AddImage"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}

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

@@ -1,22 +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 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 {};
+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 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 {};

package/dist/icons/AddSquareIcon.svelte

@@ -1,4 +1,4 @@
-
+
   <script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
@@ -20,63 +20,63 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 12 12"
-    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>
-
-    <defs>
-      <linearGradient
-        id="grad-AddSquare"
-        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 12 12"
-    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>
-  </svg>
-{/if}
-
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 12 12"
+    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>
+
+    <defs>
+      <linearGradient
+        id="grad-AddSquare"
+        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 12 12"
+    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>
+  </svg>
+{/if}
+
   

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

@@ -1,22 +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 AddSquareIconProps = typeof __propDef.props;
-export type AddSquareIconEvents = typeof __propDef.events;
-export type AddSquareIconSlots = typeof __propDef.slots;
-export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
-}
-export {};
+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 AddSquareIconProps = typeof __propDef.props;
+export type AddSquareIconEvents = typeof __propDef.events;
+export type AddSquareIconSlots = typeof __propDef.slots;
+export default class AddSquareIcon extends SvelteComponent<AddSquareIconProps, AddSquareIconEvents, AddSquareIconSlots> {
+}
+export {};

package/dist/icons/AlertCircleIcon.svelte

@@ -1,4 +1,4 @@
-
+
   <script>export let color = "#000";
 export let gradient = {
   colors: ["", ""],
@@ -20,63 +20,63 @@ const getGradientDirection = (direction) => {
       return { x1: "0%", y1: "0%", x2: "0%", y2: "100%" };
   }
 };
-</script>
-
-{#if gradient.colors[1] !== ""}
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    style="width: {size}; height: {size};"
-    viewBox="0 0 16 16"
-    fill="none"
-  >
-    <g id="id_AlertCircle">
-      <path
-        id="icon_AlertCircle"
-        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
-        stroke="url(#grad-AlertCircle)"
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-
-    <defs>
-      <linearGradient
-        id="grad-AlertCircle"
-        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_AlertCircle">
-      <path
-        id="icon_AlertCircle"
-        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
-        stroke={color}
-        stroke-width={weight}
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </g>
-  </svg>
-{/if}
-
+</script>
+
+{#if gradient.colors[1] !== ""}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    style="width: {size}; height: {size};"
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <g id="id_AlertCircle">
+      <path
+        id="icon_AlertCircle"
+        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
+        stroke="url(#grad-AlertCircle)"
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+
+    <defs>
+      <linearGradient
+        id="grad-AlertCircle"
+        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_AlertCircle">
+      <path
+        id="icon_AlertCircle"
+        d="M8.00001 8V4.8M8.00001 10.3719V10.4M14.4 8C14.4 11.5346 11.5346 14.4 8.00001 14.4C4.46538 14.4 1.60001 11.5346 1.60001 8C1.60001 4.46538 4.46538 1.6 8.00001 1.6C11.5346 1.6 14.4 4.46538 14.4 8Z"
+        stroke={color}
+        stroke-width={weight}
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </svg>
+{/if}
+
   

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

@@ -1,22 +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 AlertCircleIconProps = typeof __propDef.props;
-export type AlertCircleIconEvents = typeof __propDef.events;
-export type AlertCircleIconSlots = typeof __propDef.slots;
-export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
-}
-export {};
+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 AlertCircleIconProps = typeof __propDef.props;
+export type AlertCircleIconEvents = typeof __propDef.events;
+export type AlertCircleIconSlots = typeof __propDef.slots;
+export default class AlertCircleIcon extends SvelteComponent<AlertCircleIconProps, AlertCircleIconEvents, AlertCircleIconSlots> {
+}
+export {};