@humandialog/forms.svelte 1.7.28 → 1.8.1

package/components/ricons/chess-rook.svelte

@@ -0,0 +1,17 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chess-rook-icon lucide-chess-rook">
+  <path d="M5 20a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z" />
+  <path d="M10 2v2" />
+  <path d="M14 2v2" />
+  <path d="m17 18-1-9" />
+  <path d="M6 2v5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2" />
+  <path d="M6 4h12" />
+  <path d="m7 18 1-9" /></svg>

package/components/ricons/chess-rook.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChessRookProps */
+/** @typedef {typeof __propDef.events}  ChessRookEvents */
+/** @typedef {typeof __propDef.slots}  ChessRookSlots */
+export default class ChessRook extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChessRookProps = typeof __propDef.props;
+export type ChessRookEvents = typeof __propDef.events;
+export type ChessRookSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevron-down.svelte

@@ -0,0 +1,11 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevron-down-icon lucide-chevron-down">
+  <path d="m6 9 6 6 6-6" /></svg>

package/components/ricons/chevron-down.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronDownProps */
+/** @typedef {typeof __propDef.events}  ChevronDownEvents */
+/** @typedef {typeof __propDef.slots}  ChevronDownSlots */
+export default class ChevronDown extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronDownProps = typeof __propDef.props;
+export type ChevronDownEvents = typeof __propDef.events;
+export type ChevronDownSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevron-left.svelte

@@ -0,0 +1,11 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevron-left-icon lucide-chevron-left">
+  <path d="m15 18-6-6 6-6" /></svg>

package/components/ricons/chevron-left.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronLeftProps */
+/** @typedef {typeof __propDef.events}  ChevronLeftEvents */
+/** @typedef {typeof __propDef.slots}  ChevronLeftSlots */
+export default class ChevronLeft extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronLeftProps = typeof __propDef.props;
+export type ChevronLeftEvents = typeof __propDef.events;
+export type ChevronLeftSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevron-right.svelte

@@ -0,0 +1,11 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevron-right-icon lucide-chevron-right">
+  <path d="m9 18 6-6-6-6" /></svg>

package/components/ricons/chevron-right.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronRightProps */
+/** @typedef {typeof __propDef.events}  ChevronRightEvents */
+/** @typedef {typeof __propDef.slots}  ChevronRightSlots */
+export default class ChevronRight extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronRightProps = typeof __propDef.props;
+export type ChevronRightEvents = typeof __propDef.events;
+export type ChevronRightSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevron-up.svelte

@@ -0,0 +1,11 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevron-up-icon lucide-chevron-up">
+  <path d="m18 15-6-6-6 6" /></svg>

package/components/ricons/chevron-up.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronUpProps */
+/** @typedef {typeof __propDef.events}  ChevronUpEvents */
+/** @typedef {typeof __propDef.slots}  ChevronUpSlots */
+export default class ChevronUp extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronUpProps = typeof __propDef.props;
+export type ChevronUpEvents = typeof __propDef.events;
+export type ChevronUpSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-down.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-down-icon lucide-chevrons-down">
+  <path d="m7 6 5 5 5-5" />
+  <path d="m7 13 5 5 5-5" /></svg>

package/components/ricons/chevrons-down.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsDownProps */
+/** @typedef {typeof __propDef.events}  ChevronsDownEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsDownSlots */
+export default class ChevronsDown extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsDownProps = typeof __propDef.props;
+export type ChevronsDownEvents = typeof __propDef.events;
+export type ChevronsDownSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-left-right.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-left-right-icon lucide-chevrons-left-right">
+  <path d="m9 7-5 5 5 5" />
+  <path d="m15 7 5 5-5 5" /></svg>

package/components/ricons/chevrons-left-right.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsLeftRightProps */
+/** @typedef {typeof __propDef.events}  ChevronsLeftRightEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsLeftRightSlots */
+export default class ChevronsLeftRight extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsLeftRightProps = typeof __propDef.props;
+export type ChevronsLeftRightEvents = typeof __propDef.events;
+export type ChevronsLeftRightSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-left.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-left-icon lucide-chevrons-left">
+  <path d="m11 17-5-5 5-5" />
+  <path d="m18 17-5-5 5-5" /></svg>

package/components/ricons/chevrons-left.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsLeftProps */
+/** @typedef {typeof __propDef.events}  ChevronsLeftEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsLeftSlots */
+export default class ChevronsLeft extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsLeftProps = typeof __propDef.props;
+export type ChevronsLeftEvents = typeof __propDef.events;
+export type ChevronsLeftSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-right.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-right-icon lucide-chevrons-right">
+  <path d="m6 17 5-5-5-5" />
+  <path d="m13 17 5-5-5-5" /></svg>

package/components/ricons/chevrons-right.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsRightProps */
+/** @typedef {typeof __propDef.events}  ChevronsRightEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsRightSlots */
+export default class ChevronsRight extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsRightProps = typeof __propDef.props;
+export type ChevronsRightEvents = typeof __propDef.events;
+export type ChevronsRightSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-up-down.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down">
+  <path d="m7 15 5 5 5-5" />
+  <path d="m7 9 5-5 5 5" /></svg>

package/components/ricons/chevrons-up-down.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsUpDownProps */
+/** @typedef {typeof __propDef.events}  ChevronsUpDownEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsUpDownSlots */
+export default class ChevronsUpDown extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsUpDownProps = typeof __propDef.props;
+export type ChevronsUpDownEvents = typeof __propDef.events;
+export type ChevronsUpDownSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/chevrons-up.svelte

@@ -0,0 +1,12 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 2;
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-chevrons-up-icon lucide-chevrons-up">
+  <path d="m17 11-5-5-5 5" />
+  <path d="m17 18-5-5-5 5" /></svg>

package/components/ricons/chevrons-up.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  ChevronsUpProps */
+/** @typedef {typeof __propDef.events}  ChevronsUpEvents */
+/** @typedef {typeof __propDef.slots}  ChevronsUpSlots */
+export default class ChevronsUp extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type ChevronsUpProps = typeof __propDef.props;
+export type ChevronsUpEvents = typeof __propDef.events;
+export type ChevronsUpSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/circle-check.svelte

@@ -0,0 +1,28 @@
+<script>
+  export let size = "n";
+
+  let width = 24;
+  let height = 24;
+
+  switch (size)
+  {
+    case "xs":
+      width = 16;
+      height = 16;
+      break;
+    case "s":
+      width = 16;
+      height = 16;
+      break;
+  case "l":
+      width = 28;
+      height = 28;
+      break;
+
+  }
+
+
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-icon lucide-circle-check"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>

package/components/ricons/circle-check.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  CircleCheckProps */
+/** @typedef {typeof __propDef.events}  CircleCheckEvents */
+/** @typedef {typeof __propDef.slots}  CircleCheckSlots */
+export default class CircleCheck extends SvelteComponentTyped<{
+    size?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CircleCheckProps = typeof __propDef.props;
+export type CircleCheckEvents = typeof __propDef.events;
+export type CircleCheckSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        size?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/circle-dashed.svelte

@@ -0,0 +1,19 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-circle-dashed-icon lucide-circle-dashed">
+  <path d="M10.1 2.182a10 10 0 0 1 3.8 0" />
+  <path d="M13.9 21.818a10 10 0 0 1-3.8 0" />
+  <path d="M17.609 3.721a10 10 0 0 1 2.69 2.7" />
+  <path d="M2.182 13.9a10 10 0 0 1 0-3.8" />
+  <path d="M20.279 17.609a10 10 0 0 1-2.7 2.69" />
+  <path d="M21.818 10.1a10 10 0 0 1 0 3.8" />
+  <path d="M3.721 6.391a10 10 0 0 1 2.7-2.69" />
+  <path d="M6.391 20.279a10 10 0 0 1-2.69-2.7" /></svg>

package/components/ricons/circle-dashed.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  CircleDashedProps */
+/** @typedef {typeof __propDef.events}  CircleDashedEvents */
+/** @typedef {typeof __propDef.slots}  CircleDashedSlots */
+export default class CircleDashed extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CircleDashedProps = typeof __propDef.props;
+export type CircleDashedEvents = typeof __propDef.events;
+export type CircleDashedSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/circle-dot-dashed.svelte

@@ -0,0 +1,20 @@
+<script>
+  export let w = 24;
+  export let h = 24;
+  export let s = 1;
+</script>
+
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={w} height={h} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width={s} stroke-linecap="round" stroke-linejoin="round"
+  class="lucide lucide-circle-dot-dashed-icon lucide-circle-dot-dashed">
+  <path d="M10.1 2.18a9.93 9.93 0 0 1 3.8 0" />
+  <path d="M17.6 3.71a9.95 9.95 0 0 1 2.69 2.7" />
+  <path d="M21.82 10.1a9.93 9.93 0 0 1 0 3.8" />
+  <path d="M20.29 17.6a9.95 9.95 0 0 1-2.7 2.69" />
+  <path d="M13.9 21.82a9.94 9.94 0 0 1-3.8 0" />
+  <path d="M6.4 20.29a9.95 9.95 0 0 1-2.69-2.7" />
+  <path d="M2.18 13.9a9.93 9.93 0 0 1 0-3.8" />
+  <path d="M3.71 6.4a9.95 9.95 0 0 1 2.7-2.69" />
+  <circle cx="12" cy="12" r="1" /></svg>

package/components/ricons/circle-dot-dashed.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  CircleDotDashedProps */
+/** @typedef {typeof __propDef.events}  CircleDotDashedEvents */
+/** @typedef {typeof __propDef.slots}  CircleDotDashedSlots */
+export default class CircleDotDashed extends SvelteComponentTyped<{
+    w?: number | undefined;
+    s?: number | undefined;
+    h?: number | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CircleDotDashedProps = typeof __propDef.props;
+export type CircleDotDashedEvents = typeof __propDef.events;
+export type CircleDotDashedSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        w?: number | undefined;
+        s?: number | undefined;
+        h?: number | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/components/ricons/circle.svelte

@@ -0,0 +1,30 @@
+<script>
+  export let size = "n";
+
+  let width = 24;
+  let height = 24;
+
+  switch (size)
+  {
+    case "xs":
+      width = 16;
+      height = 16;
+      break;
+    case "s":
+      width = 16;
+      height = 16;
+      break;
+  case "l":
+      width = 28;
+      height = 28;
+      break;
+
+  }
+
+
+</script>
+
+
+<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor"
+  stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-icon lucide-circle">
+  <circle cx="12" cy="12" r="10" /></svg>