chromia 0.1.19 → 0.1.21

package/dist/icons/BracketsIcon.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-BracketsIcon-${_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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109" 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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BracketsIcon.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 BracketsIconProps = typeof __propDef.props;
+export type BracketsIconEvents = typeof __propDef.events;
+export type BracketsIconSlots = typeof __propDef.slots;
+export default class BracketsIcon extends SvelteComponent<BracketsIconProps, BracketsIconEvents, BracketsIconSlots> {
+}
+export {};

package/dist/icons/BracketsMinusIcon.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-BracketsMinusIcon-${_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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M9.60002 12.1625H14.4" 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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M9.60002 12.1625H14.4" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BracketsMinusIcon.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 BracketsMinusIconProps = typeof __propDef.props;
+export type BracketsMinusIconEvents = typeof __propDef.events;
+export type BracketsMinusIconSlots = typeof __propDef.slots;
+export default class BracketsMinusIcon extends SvelteComponent<BracketsMinusIconProps, BracketsMinusIconEvents, BracketsMinusIconSlots> {
+}
+export {};

package/dist/icons/BracketsPlusIcon.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-BracketsPlusIcon-${_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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M9.60002 12.1625H14.4M12 14.5625V9.76245" 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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M9.60002 12.1625H14.4M12 14.5625V9.76245" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BracketsPlusIcon.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 BracketsPlusIconProps = typeof __propDef.props;
+export type BracketsPlusIconEvents = typeof __propDef.events;
+export type BracketsPlusIconSlots = typeof __propDef.slots;
+export default class BracketsPlusIcon extends SvelteComponent<BracketsPlusIconProps, BracketsPlusIconEvents, BracketsPlusIconSlots> {
+}
+export {};

package/dist/icons/BracketsSlashIcon.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-BracketsSlashIcon-${_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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M15.6 7.36245L9.00002 16.9625" 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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M15.6 7.36245L9.00002 16.9625" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BracketsSlashIcon.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 BracketsSlashIconProps = typeof __propDef.props;
+export type BracketsSlashIconEvents = typeof __propDef.events;
+export type BracketsSlashIconSlots = typeof __propDef.slots;
+export default class BracketsSlashIcon extends SvelteComponent<BracketsSlashIconProps, BracketsSlashIconEvents, BracketsSlashIconSlots> {
+}
+export {};

package/dist/icons/BracketsTypingIcon.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-BracketsTypingIcon-${_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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M7.80002 12.1625V12.0722M12 12.1625V12.0722M16.2 12.1625V12.0722" 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="M7.08913 20.2377H6.5822C5.18235 20.2377 4.04755 19.1029 4.04755 17.703V12.6337C4.04755 11.8529 2.40002 11.4931 2.40002 11.4931C2.40002 11.4931 4.04755 11.1925 4.04755 10.3526V6.29711C4.04755 4.89725 5.18235 3.76245 6.5822 3.76245H7.08913M16.9109 3.76245H17.4178C18.8177 3.76245 19.9525 4.89725 19.9525 6.29711V11.3664C19.9525 12.1472 21.6 12.507 21.6 12.507C21.6 12.507 19.9525 12.8077 19.9525 13.6476L19.9525 17.703C19.9525 19.1029 18.8177 20.2377 17.4178 20.2377H16.9109M7.80002 12.1625V12.0722M12 12.1625V12.0722M16.2 12.1625V12.0722" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BracketsTypingIcon.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 BracketsTypingIconProps = typeof __propDef.props;
+export type BracketsTypingIconEvents = typeof __propDef.events;
+export type BracketsTypingIconSlots = typeof __propDef.slots;
+export default class BracketsTypingIcon extends SvelteComponent<BracketsTypingIconProps, BracketsTypingIconEvents, BracketsTypingIconSlots> {
+}
+export {};

package/dist/icons/BrandIcon.svelte

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

package/dist/icons/BrowserCodeIcon.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-BrowserCodeIcon-${_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="M7.20002 11.3999L10.2 14.3999L7.20002 17.3999M3.00002 7.7999H21M4.80002 21.5999C3.47454 21.5999 2.40002 20.5254 2.40002 19.1999V4.7999C2.40002 3.47442 3.47454 2.3999 4.80002 2.3999H19.2C20.5255 2.3999 21.6 3.47442 21.6 4.7999V19.1999C21.6 20.5254 20.5255 21.5999 19.2 21.5999H4.80002Z" 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="M7.20002 11.3999L10.2 14.3999L7.20002 17.3999M3.00002 7.7999H21M4.80002 21.5999C3.47454 21.5999 2.40002 20.5254 2.40002 19.1999V4.7999C2.40002 3.47442 3.47454 2.3999 4.80002 2.3999H19.2C20.5255 2.3999 21.6 3.47442 21.6 4.7999V19.1999C21.6 20.5254 20.5255 21.5999 19.2 21.5999H4.80002Z" stroke="currentColor" stroke-linejoin="round"/>
+  </svg>
+{/if}

package/dist/icons/BrowserCodeIcon.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 BrowserCodeIconProps = typeof __propDef.props;
+export type BrowserCodeIconEvents = typeof __propDef.events;
+export type BrowserCodeIconSlots = typeof __propDef.slots;
+export default class BrowserCodeIcon extends SvelteComponent<BrowserCodeIconProps, BrowserCodeIconEvents, BrowserCodeIconSlots> {
+}
+export {};

package/dist/icons/BrowserIcon.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-BrowserIcon-${_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="M3.00002 7.80002H21M4.80002 21.6C3.47454 21.6 2.40002 20.5255 2.40002 19.2V4.80002C2.40002 3.47454 3.47454 2.40002 4.80002 2.40002H19.2C20.5255 2.40002 21.6 3.47454 21.6 4.80002V19.2C21.6 20.5255 20.5255 21.6 19.2 21.6H4.80002Z" 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="M3.00002 7.80002H21M4.80002 21.6C3.47454 21.6 2.40002 20.5255 2.40002 19.2V4.80002C2.40002 3.47454 3.47454 2.40002 4.80002 2.40002H19.2C20.5255 2.40002 21.6 3.47454 21.6 4.80002V19.2C21.6 20.5255 20.5255 21.6 19.2 21.6H4.80002Z" stroke="currentColor"/>
+  </svg>
+{/if}

package/dist/icons/BrowserIcon.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 BrowserIconProps = typeof __propDef.props;
+export type BrowserIconEvents = typeof __propDef.events;
+export type BrowserIconSlots = typeof __propDef.slots;
+export default class BrowserIcon extends SvelteComponent<BrowserIconProps, BrowserIconEvents, BrowserIconSlots> {
+}
+export {};