@dvcol/neo-svelte 1.1.2 → 1.2.0

package/dist/icons/NeoIconAudio.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+  import type { NeoIconAudioProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 0.75, stroke = 1.5, speed = 0.5, animated = true, repeat = 'indefinite', ...rest }: NeoIconAudioProps = $props();
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  style:scale
+  {...rest}
+>
+  <g
+    fill="none"
+    stroke="currentColor"
+    stroke-width={stroke}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="audio-lines-icon animate"
+  >
+    <path d="M2 10v3">
+      <animate
+        attributeName="d"
+        values="M2 10v3;M2 11v1;M2 10v3"
+        dur={`${2 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0s' : 'indefinite'}
+      />
+    </path>
+
+    <path d="M6 6v11">
+      <animate
+        attributeName="d"
+        values="M6 6v11;M6 10v3;M6 6v11"
+        dur={`${1.5 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0.1s' : 'indefinite'}
+      />
+    </path>
+
+    <path d="M10 3v18">
+      <animate
+        attributeName="d"
+        values="M10 3v18;M10 9v5;M10 3v18"
+        dur={`${1 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0.2s' : 'indefinite'}
+      />
+    </path>
+
+    <path d="M14 8v7">
+      <animate
+        attributeName="d"
+        values="M14 8v7;M14 6v11;M14 8v7"
+        dur={`${0.8 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0.3s' : 'indefinite'}
+      />
+    </path>
+
+    <path d="M18 5v13">
+      <animate
+        attributeName="d"
+        values="M18 5v13;M18 7v9;M18 5v13"
+        dur={`${1.2 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0.4s' : 'indefinite'}
+      />
+    </path>
+
+    <path d="M22 10v3">
+      <animate
+        attributeName="d"
+        values="M22 10v3;M22 11v1;M22 10v3"
+        dur={`${2.2 / speed}s`}
+        repeatCount={repeat}
+        begin={animated ? '0.5s' : 'indefinite'}
+      />
+    </path>
+  </g>
+</svg>

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

@@ -0,0 +1,4 @@
+import type { NeoIconAudioProps } from './neo-icon.model.js';
+declare const NeoIconAudio: import("svelte").Component<NeoIconAudioProps, {}, "">;
+type NeoIconAudio = ReturnType<typeof NeoIconAudio>;
+export default NeoIconAudio;

package/dist/icons/NeoIconBouncingDots.svelte

@@ -0,0 +1,82 @@
+<script lang="ts">
+  import type { NeoIconBouncingDotsProps } from './neo-icon.model.js';
+
+  const {
+    size = '1rem',
+    stroke = 1.5,
+    scale = 1.5,
+    fill = 'currentColor',
+    steps = [1, 0.5, 1],
+
+    enter = true,
+    bounce = true,
+
+    ...rest
+  }: NeoIconBouncingDotsProps = $props();
+</script>
+
+<svg viewBox="0 0 90 24" width={size} height={size} xmlns="http://www.w3.org/2000/svg" style:scale stroke-width={stroke} {...rest}>
+  <circle opacity={enter ? 0 : 1} cx="15" cy="15" r="8" {fill}>
+    {#if enter}
+      <animate attributeName="opacity" begin="0.0s" dur="0.2s" values="0;1" fill="freeze" />
+    {/if}
+
+    {#if bounce}
+      <animate
+        attributeName="cy"
+        values="15;7;15;15"
+        dur="1.6s"
+        keyTimes="0;0.3;0.6;1"
+        keySplines="0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1"
+        calcMode="spline"
+        repeatCount="indefinite"
+        begin="0s"
+      />
+      <animate attributeName="ry" values="8;8;6;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0s" />
+      <animate attributeName="rx" values="8;8;9;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0s" />
+      <animate attributeName="fill-opacity" values={steps?.join(';')} dur="1.6s" repeatCount="indefinite" begin="0s" />
+    {/if}
+  </circle>
+
+  <circle opacity={enter ? 0 : 1} cx="45" cy="15" r="8" {fill}>
+    {#if enter}
+      <animate attributeName="opacity" begin="0.2s" dur="0.2s" values="0;1" fill="freeze" />
+    {/if}
+    {#if bounce}
+      <animate
+        attributeName="cy"
+        values="15;7;15;15"
+        dur="1.6s"
+        keyTimes="0;0.3;0.6;1"
+        keySplines="0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1"
+        calcMode="spline"
+        repeatCount="indefinite"
+        begin="0.4s"
+      />
+      <animate attributeName="ry" values="8;8;6;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0.4s" />
+      <animate attributeName="rx" values="8;8;9;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0.4s" />
+      <animate attributeName="fill-opacity" values={steps?.join(';')} dur="1.6s" repeatCount="indefinite" begin="0.4s" />
+    {/if}
+  </circle>
+
+  <circle opacity={enter ? 0 : 1} cx="75" cy="15" r="8" {fill}>
+    {#if enter}
+      <animate attributeName="opacity" begin="0.4s" dur="0.2s" values="0;1" fill="freeze" />
+    {/if}
+    {#if bounce}
+      <animate
+        attributeName="cy"
+        values="15;7;15;15"
+        dur="1.6s"
+        keyTimes="0;0.3;0.6;1"
+        keySplines="0.42 0 0.58 1; 0.42 0 0.58 1; 0.42 0 0.58 1"
+        calcMode="spline"
+        repeatCount="indefinite"
+        begin="0.8s"
+      />
+      <animate attributeName="ry" values="8;8;6;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0.8s" />
+      <animate attributeName="rx" values="8;8;9;8" dur="1.6s" keyTimes="0;0.3;0.6;1" repeatCount="indefinite" begin="0.8s" />
+      <animate attributeName="fill-opacity" values={steps?.join(';')} dur="1.6s" repeatCount="indefinite" begin="0.8s" />
+    {/if}
+  </circle>
+</svg>

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

@@ -0,0 +1,4 @@
+import type { NeoIconBouncingDotsProps } from './neo-icon.model.js';
+declare const NeoIconBouncingDots: import("svelte").Component<NeoIconBouncingDotsProps, {}, "">;
+type NeoIconBouncingDots = ReturnType<typeof NeoIconBouncingDots>;
+export default NeoIconBouncingDots;

package/dist/icons/{IconCalendar.svelte → NeoIconCalendar.svelte}

@@ -1,16 +1,21 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
+</script>
+
 <svg
   xmlns="http://www.w3.org/2000/svg"
-  width={$$props.size ?? '1em'}
-  height={$$props.size ?? '1em'}
+  width={size}
+  height={size}
   viewBox="0 0 24 24"
-  {...$$props}
-  style:scale={$$props.scale}
-  scale={undefined}
+  style:scale
+  {...rest}
 >
   <rect width="14" height="0" x="5" y="5" fill="currentColor">
     <animate fill="freeze" attributeName="height" begin="0.6s" dur="0.2s" values="0;3" />
   </rect>
-  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
     <path
       stroke-dasharray="64"
       stroke-dashoffset="64"

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

@@ -0,0 +1,4 @@
+import type { NeoIconProps } from './neo-icon.model.js';
+declare const NeoIconCalendar: import("svelte").Component<NeoIconProps, {}, "">;
+type NeoIconCalendar = ReturnType<typeof NeoIconCalendar>;
+export default NeoIconCalendar;

package/dist/icons/{IconCancel.svelte → NeoIconCancel.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { IconProps } from './icon.model.js';
+  import type { NeoIconProps } from './neo-icon.model.js';
 
-  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: IconProps = $props();
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" style:scale {...rest}>

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

@@ -0,0 +1,4 @@
+import type { NeoIconProps } from './neo-icon.model.js';
+declare const NeoIconCancel: import("svelte").Component<NeoIconProps, {}, "">;
+type NeoIconCancel = ReturnType<typeof NeoIconCancel>;
+export default NeoIconCancel;

package/dist/icons/{IconCheckbox.svelte → NeoIconCheckbox.svelte}

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { IconCheckboxProps } from './icon.model.js';
+  import type { NeoIconCheckboxProps } from './neo-icon.model.js';
 
   const {
     box = 1.25,
@@ -13,7 +13,7 @@
     checked = false,
     indeterminate = false,
     ...rest
-  }: IconCheckboxProps = $props();
+  }: NeoIconCheckboxProps = $props();
 
   const circlePath = 'M3 12c0 -4.97 4.03 -9 9 -9c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9Z';
   const squarePath = 'M4 12v-7c0 -0.55 0.45 -1 1 -1h14c0.55 0 1 0.45 1 1v14c0 0.55 -0.45 1 -1 1h-14c-0.55 0 -1 -0.45 -1 -1Z';

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

@@ -0,0 +1,4 @@
+import type { NeoIconCheckboxProps } from './neo-icon.model.js';
+declare const NeoIconCheckbox: import("svelte").Component<NeoIconCheckboxProps, {}, "">;
+type NeoIconCheckbox = ReturnType<typeof NeoIconCheckbox>;
+export default NeoIconCheckbox;

package/dist/icons/NeoIconCircle.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  style:scale
+  {...rest}
+>
+  <circle cx="12" cy="12" r="0" fill="currentColor" stroke-width={stroke}>
+    <animate fill="freeze" attributeName="r" begin="0.2s" dur="0.3s" values="0;9" />
+  </circle>
+</svg>

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

@@ -0,0 +1,4 @@
+import type { NeoIconProps } from './neo-icon.model.js';
+declare const NeoIconCircle: import("svelte").Component<NeoIconProps, {}, "">;
+type NeoIconCircle = ReturnType<typeof NeoIconCircle>;
+export default NeoIconCircle;

package/dist/icons/{IconCircleLoading.svelte → NeoIconCircleLoading.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { IconCircleLoadingProps } from './icon.model.js';
+  import type { NeoIconCircleLoadingProps } from './neo-icon.model.js';
 
-  export const { size = '1em', scale, stroke = 1.5, animate = true, speed = 1.2, ...rest }: IconCircleLoadingProps = $props();
+  export const { size = '1em', scale, stroke = 1.5, animate = true, speed = 1.2, ...rest }: NeoIconCircleLoadingProps = $props();
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" style:scale {...rest}>

package/dist/icons/{IconCircleLoading.svelte.d.ts → NeoIconCircleLoading.svelte.d.ts}

@@ -11,7 +11,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
+declare const NeoIconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
     size?: string;
     scale?: string | number | undefined;
     stroke?: string | number;
@@ -23,17 +23,18 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         string?: number | string | undefined | null | undefined;
         style?: string | undefined | null | undefined;
         end?: number | string | undefined | null | undefined;
-        color?: string | undefined | null | undefined;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
-        onkeydown?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
-        onkeyup?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
-        name?: string | undefined | null | undefined;
-        type?: string | undefined | null | undefined;
+        width?: number | string | undefined | null | undefined;
+        height?: number | string | undefined | null | undefined;
+        min?: number | string | undefined | null | undefined;
+        max?: number | string | undefined | null | undefined;
+        crossorigin?: "anonymous" | "use-credentials" | "" | undefined | null | undefined;
         class?: import("svelte/elements").ClassValue | null | undefined;
         id?: string | undefined | null | undefined;
         lang?: string | undefined | null | undefined;
+        part?: string | undefined | null | undefined;
         tabindex?: number | undefined | null | undefined;
         role?: import("svelte/elements").AriaRole | null | undefined;
+        color?: string | undefined | null | undefined;
         'aria-activedescendant'?: string | undefined | null | undefined;
         'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | null | undefined;
@@ -150,11 +151,13 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         oncontentvisibilityautostatechange?: import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined;
         oncontentvisibilityautostatechangecapture?: import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined;
         'on:keydown'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
+        onkeydown?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeydowncapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:keypress'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeypress?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeypresscapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:keyup'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
+        onkeyup?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeyupcapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:abort'?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onabort?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
@@ -229,6 +232,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         onauxclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         onauxclickcapture?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         'on:click'?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         onclickcapture?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         'on:contextmenu'?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
@@ -403,20 +407,20 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onfullscreenerror?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onfullscreenerrorcapture?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
-        elevation?: number | string | undefined | null | undefined;
-        href?: string | undefined | null | undefined;
-        in?: string | undefined | null | undefined;
-        min?: number | string | undefined | null | undefined;
-        max?: number | string | undefined | null | undefined;
-        path?: string | undefined | null | undefined;
-        'stroke-dashoffset'?: string | number | undefined | null | undefined;
-        width?: number | string | undefined | null | undefined;
-        height?: number | string | undefined | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | undefined | null;
+        'bind:contentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:borderBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:devicePixelContentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:clientWidth'?: number | undefined | null;
+        'bind:clientHeight'?: number | undefined | null;
+        xmlns?: string | undefined | null | undefined;
+        origin?: number | string | undefined | null | undefined;
         className?: string | undefined | null | undefined;
         media?: string | undefined | null | undefined;
         method?: "align" | "stretch" | undefined | null | undefined;
+        name?: string | undefined | null | undefined;
         target?: string | undefined | null | undefined;
-        crossorigin?: "anonymous" | "use-credentials" | "" | undefined | null | undefined;
+        type?: string | undefined | null | undefined;
         'accent-height'?: number | string | undefined | null | undefined;
         accumulate?: "none" | "sum" | undefined | null | undefined;
         additive?: "replace" | "sum" | undefined | null | undefined;
@@ -464,6 +468,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         dx?: number | string | undefined | null | undefined;
         dy?: number | string | undefined | null | undefined;
         edgeMode?: number | string | undefined | null | undefined;
+        elevation?: number | string | undefined | null | undefined;
         'enable-background'?: number | string | undefined | null | undefined;
         exponent?: number | string | undefined | null | undefined;
         externalResourcesRequired?: number | string | undefined | null | undefined;
@@ -484,6 +489,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'font-variant'?: number | string | undefined | null | undefined;
         'font-weight'?: number | string | undefined | null | undefined;
         format?: number | string | undefined | null | undefined;
+        fr?: number | string | undefined | null | undefined;
         from?: number | string | undefined | null | undefined;
         fx?: number | string | undefined | null | undefined;
         fy?: number | string | undefined | null | undefined;
@@ -496,11 +502,13 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         gradientTransform?: string | undefined | null | undefined;
         gradientUnits?: string | undefined | null | undefined;
         hanging?: number | string | undefined | null | undefined;
+        href?: string | undefined | null | undefined;
         'horiz-adv-x'?: number | string | undefined | null | undefined;
         'horiz-origin-x'?: number | string | undefined | null | undefined;
         ideographic?: number | string | undefined | null | undefined;
         'image-rendering'?: number | string | undefined | null | undefined;
         in2?: number | string | undefined | null | undefined;
+        in?: string | undefined | null | undefined;
         intercept?: number | string | undefined | null | undefined;
         k1?: number | string | undefined | null | undefined;
         k2?: number | string | undefined | null | undefined;
@@ -536,12 +544,12 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         order?: number | string | undefined | null | undefined;
         orient?: number | string | undefined | null | undefined;
         orientation?: number | string | undefined | null | undefined;
-        origin?: number | string | undefined | null | undefined;
         overflow?: number | string | undefined | null | undefined;
         'overline-position'?: number | string | undefined | null | undefined;
         'overline-thickness'?: number | string | undefined | null | undefined;
         'paint-order'?: number | string | undefined | null | undefined;
         'panose-1'?: number | string | undefined | null | undefined;
+        path?: string | undefined | null | undefined;
         pathLength?: number | string | undefined | null | undefined;
         patternContentUnits?: string | undefined | null | undefined;
         patternTransform?: number | string | undefined | null | undefined;
@@ -585,6 +593,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'strikethrough-position'?: number | string | undefined | null | undefined;
         'strikethrough-thickness'?: number | string | undefined | null | undefined;
         'stroke-dasharray'?: string | number | undefined | null | undefined;
+        'stroke-dashoffset'?: string | number | undefined | null | undefined;
         'stroke-linecap'?: "butt" | "round" | "square" | "inherit" | undefined | null | undefined;
         'stroke-linejoin'?: "arcs" | "miter-clip" | "miter" | "round" | "bevel" | "inherit" | undefined | null | undefined;
         'stroke-miterlimit'?: string | undefined | null | undefined;
@@ -640,7 +649,6 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'xlink:type'?: string | undefined | null | undefined;
         'xml:base'?: string | undefined | null | undefined;
         'xml:lang'?: string | undefined | null | undefined;
-        xmlns?: string | undefined | null | undefined;
         'xmlns:xlink'?: string | undefined | null | undefined;
         'xml:space'?: string | undefined | null | undefined;
         y1?: number | string | undefined | null | undefined;
@@ -664,17 +672,18 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         string?: number | string | undefined | null | undefined;
         style?: string | undefined | null | undefined;
         end?: number | string | undefined | null | undefined;
-        color?: string | undefined | null | undefined;
-        onclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
-        onkeydown?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
-        onkeyup?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
-        name?: string | undefined | null | undefined;
-        type?: string | undefined | null | undefined;
+        width?: number | string | undefined | null | undefined;
+        height?: number | string | undefined | null | undefined;
+        min?: number | string | undefined | null | undefined;
+        max?: number | string | undefined | null | undefined;
+        crossorigin?: "anonymous" | "use-credentials" | "" | undefined | null | undefined;
         class?: import("svelte/elements").ClassValue | null | undefined;
         id?: string | undefined | null | undefined;
         lang?: string | undefined | null | undefined;
+        part?: string | undefined | null | undefined;
         tabindex?: number | undefined | null | undefined;
         role?: import("svelte/elements").AriaRole | null | undefined;
+        color?: string | undefined | null | undefined;
         'aria-activedescendant'?: string | undefined | null | undefined;
         'aria-atomic'?: import("svelte/elements").Booleanish | null | undefined;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | null | undefined;
@@ -791,11 +800,13 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         oncontentvisibilityautostatechange?: import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined;
         oncontentvisibilityautostatechangecapture?: import("svelte/elements").ContentVisibilityAutoStateChangeEventHandler<SVGElement> | null | undefined;
         'on:keydown'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
+        onkeydown?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeydowncapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:keypress'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeypress?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeypresscapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:keyup'?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
+        onkeyup?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         onkeyupcapture?: import("svelte/elements").KeyboardEventHandler<SVGElement> | null | undefined;
         'on:abort'?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onabort?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
@@ -870,6 +881,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         onauxclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         onauxclickcapture?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         'on:click'?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
+        onclick?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         onclickcapture?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         'on:contextmenu'?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGElement> | null | undefined;
@@ -1044,20 +1056,20 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'on:fullscreenerror'?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onfullscreenerror?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
         onfullscreenerrorcapture?: import("svelte/elements").EventHandler<Event, SVGElement> | null | undefined;
-        elevation?: number | string | undefined | null | undefined;
-        href?: string | undefined | null | undefined;
-        in?: string | undefined | null | undefined;
-        min?: number | string | undefined | null | undefined;
-        max?: number | string | undefined | null | undefined;
-        path?: string | undefined | null | undefined;
-        'stroke-dashoffset'?: string | number | undefined | null | undefined;
-        width?: number | string | undefined | null | undefined;
-        height?: number | string | undefined | null | undefined;
+        'bind:contentRect'?: DOMRectReadOnly | undefined | null;
+        'bind:contentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:borderBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:devicePixelContentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+        'bind:clientWidth'?: number | undefined | null;
+        'bind:clientHeight'?: number | undefined | null;
+        xmlns?: string | undefined | null | undefined;
+        origin?: number | string | undefined | null | undefined;
         className?: string | undefined | null | undefined;
         media?: string | undefined | null | undefined;
         method?: "align" | "stretch" | undefined | null | undefined;
+        name?: string | undefined | null | undefined;
         target?: string | undefined | null | undefined;
-        crossorigin?: "anonymous" | "use-credentials" | "" | undefined | null | undefined;
+        type?: string | undefined | null | undefined;
         'accent-height'?: number | string | undefined | null | undefined;
         accumulate?: "none" | "sum" | undefined | null | undefined;
         additive?: "replace" | "sum" | undefined | null | undefined;
@@ -1105,6 +1117,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         dx?: number | string | undefined | null | undefined;
         dy?: number | string | undefined | null | undefined;
         edgeMode?: number | string | undefined | null | undefined;
+        elevation?: number | string | undefined | null | undefined;
         'enable-background'?: number | string | undefined | null | undefined;
         exponent?: number | string | undefined | null | undefined;
         externalResourcesRequired?: number | string | undefined | null | undefined;
@@ -1125,6 +1138,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'font-variant'?: number | string | undefined | null | undefined;
         'font-weight'?: number | string | undefined | null | undefined;
         format?: number | string | undefined | null | undefined;
+        fr?: number | string | undefined | null | undefined;
         from?: number | string | undefined | null | undefined;
         fx?: number | string | undefined | null | undefined;
         fy?: number | string | undefined | null | undefined;
@@ -1137,11 +1151,13 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         gradientTransform?: string | undefined | null | undefined;
         gradientUnits?: string | undefined | null | undefined;
         hanging?: number | string | undefined | null | undefined;
+        href?: string | undefined | null | undefined;
         'horiz-adv-x'?: number | string | undefined | null | undefined;
         'horiz-origin-x'?: number | string | undefined | null | undefined;
         ideographic?: number | string | undefined | null | undefined;
         'image-rendering'?: number | string | undefined | null | undefined;
         in2?: number | string | undefined | null | undefined;
+        in?: string | undefined | null | undefined;
         intercept?: number | string | undefined | null | undefined;
         k1?: number | string | undefined | null | undefined;
         k2?: number | string | undefined | null | undefined;
@@ -1177,12 +1193,12 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         order?: number | string | undefined | null | undefined;
         orient?: number | string | undefined | null | undefined;
         orientation?: number | string | undefined | null | undefined;
-        origin?: number | string | undefined | null | undefined;
         overflow?: number | string | undefined | null | undefined;
         'overline-position'?: number | string | undefined | null | undefined;
         'overline-thickness'?: number | string | undefined | null | undefined;
         'paint-order'?: number | string | undefined | null | undefined;
         'panose-1'?: number | string | undefined | null | undefined;
+        path?: string | undefined | null | undefined;
         pathLength?: number | string | undefined | null | undefined;
         patternContentUnits?: string | undefined | null | undefined;
         patternTransform?: number | string | undefined | null | undefined;
@@ -1226,6 +1242,7 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'strikethrough-position'?: number | string | undefined | null | undefined;
         'strikethrough-thickness'?: number | string | undefined | null | undefined;
         'stroke-dasharray'?: string | number | undefined | null | undefined;
+        'stroke-dashoffset'?: string | number | undefined | null | undefined;
         'stroke-linecap'?: "butt" | "round" | "square" | "inherit" | undefined | null | undefined;
         'stroke-linejoin'?: "arcs" | "miter-clip" | "miter" | "round" | "bevel" | "inherit" | undefined | null | undefined;
         'stroke-miterlimit'?: string | undefined | null | undefined;
@@ -1281,7 +1298,6 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         'xlink:type'?: string | undefined | null | undefined;
         'xml:base'?: string | undefined | null | undefined;
         'xml:lang'?: string | undefined | null | undefined;
-        xmlns?: string | undefined | null | undefined;
         'xmlns:xlink'?: string | undefined | null | undefined;
         'xml:space'?: string | undefined | null | undefined;
         y1?: number | string | undefined | null | undefined;
@@ -1292,5 +1308,5 @@ declare const IconCircleLoading: $$__sveltets_2_IsomorphicComponent<{
         zoomAndPan?: string | undefined | null | undefined;
     };
 }, string>;
-type IconCircleLoading = InstanceType<typeof IconCircleLoading>;
-export default IconCircleLoading;
+type NeoIconCircleLoading = InstanceType<typeof NeoIconCircleLoading>;
+export default NeoIconCircleLoading;

package/dist/icons/{IconClear.svelte → NeoIconClear.svelte}

@@ -1,11 +1,16 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
+</script>
+
 <svg
   xmlns="http://www.w3.org/2000/svg"
-  width={$$props.size ?? '1em'}
-  height={$$props.size ?? '1em'}
+  width={size}
+  height={size}
   viewBox="0 0 24 24"
-  {...$$props}
-  style:scale={$$props.scale}
-  scale={undefined}
+  style:scale
+  {...rest}
 >
   <g
     fill="none"
@@ -14,7 +19,7 @@
     stroke-dashoffset="16"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width={$$props.stroke ?? 1.5}
+    stroke-width={stroke}
   >
     <path d="M7 7l10 10">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="16;0" />

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

@@ -0,0 +1,4 @@
+import type { NeoIconProps } from './neo-icon.model.js';
+declare const NeoIconClear: import("svelte").Component<NeoIconProps, {}, "">;
+type NeoIconClear = ReturnType<typeof NeoIconClear>;
+export default NeoIconClear;

package/dist/icons/{IconClose.svelte → NeoIconClose.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { IconProps } from './icon.model.js';
+  import type { NeoIconProps } from './neo-icon.model.js';
 
-  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: IconProps = $props();
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" style:scale {...rest}>

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

@@ -0,0 +1,4 @@
+import type { NeoIconProps } from './neo-icon.model.js';
+declare const NeoIconClose: import("svelte").Component<NeoIconProps, {}, "">;
+type NeoIconClose = ReturnType<typeof NeoIconClose>;
+export default NeoIconClose;