@dvcol/neo-svelte 1.1.2 → 1.2.0

package/dist/icons/NeoIconCog.svelte

@@ -0,0 +1,36 @@
+<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}>
+  <defs>
+    <symbol id="lineMdCogLoop0">
+      <path d="M15.24 6.37C15.65 6.6 16.04 6.88 16.38 7.2C16.6 7.4 16.8 7.61 16.99 7.83C17.46 8.4 17.85 9.05 18.11 9.77C18.2 10.03 18.28 10.31 18.35 10.59C18.45 11.04 18.5 11.52 18.5 12">
+        <animate fill="freeze" attributeName="d" begin="0.9s" dur="0.2s" values="M15.24 6.37C15.65 6.6 16.04 6.88 16.38 7.2C16.6 7.4 16.8 7.61 16.99 7.83C17.46 8.4 17.85 9.05 18.11 9.77C18.2 10.03 18.28 10.31 18.35 10.59C18.45 11.04 18.5 11.52 18.5 12;M15.24 6.37C15.65 6.6 16.04 6.88 16.38 7.2C16.38 7.2 19 6.12 19.01 6.14C19.01 6.14 20.57 8.84 20.57 8.84C20.58 8.87 18.35 10.59 18.35 10.59C18.45 11.04 18.5 11.52 18.5 12" />
+      </path>
+    </symbol>
+  </defs>
+  <g fill="none" stroke="currentColor" stroke-width={stroke}>
+    <g stroke-linecap="round">
+      <path stroke-dasharray="20" stroke-dashoffset="20" d="M12 9c1.66 0 3 1.34 3 3c0 1.66 -1.34 3 -3 3c-1.66 0 -3 -1.34 -3 -3c0 -1.66 1.34 -3 3 -3Z">
+        <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0" />
+      </path>
+      <path stroke-dasharray="48" stroke-dashoffset="48" d="M12 5.5c3.59 0 6.5 2.91 6.5 6.5c0 3.59 -2.91 6.5 -6.5 6.5c-3.59 0 -6.5 -2.91 -6.5 -6.5c0 -3.59 2.91 -6.5 6.5 -6.5Z">
+        <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.6s" values="48;0" />
+        <set fill="freeze" attributeName="opacity" begin="0.9s" to="0" />
+      </path>
+    </g>
+    <g opacity="0">
+      <use href="#lineMdCogLoop0" />
+      <use href="#lineMdCogLoop0" transform="rotate(60 12 12)" />
+      <use href="#lineMdCogLoop0" transform="rotate(120 12 12)" />
+      <use href="#lineMdCogLoop0" transform="rotate(180 12 12)" />
+      <use href="#lineMdCogLoop0" transform="rotate(240 12 12)" />
+      <use href="#lineMdCogLoop0" transform="rotate(300 12 12)" />
+      <set fill="freeze" attributeName="opacity" begin="0.9s" to="1" />
+      <animateTransform attributeName="transform" dur="30s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12" />
+    </g>
+  </g>
+</svg>

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

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

package/dist/icons/{IconConfirm.svelte → NeoIconConfirm.svelte}

@@ -1,13 +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={$$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" 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" d="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">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
     </path>

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

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

package/dist/icons/NeoIconCube.svelte

@@ -0,0 +1,31 @@
+<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}
+>
+  <g
+    fill="none" stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width={stroke}
+  >
+    <path stroke-dasharray="64" stroke-dashoffset="64" d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
+    </path>
+    <path stroke-dasharray="24" stroke-dashoffset="24" d="m3.3 7 8.7 5 8.7-5">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.3s" values="24;0" />
+    </path>
+    <path stroke-dasharray="24" stroke-dashoffset="-24" d="M12 22V12">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.3s" values="-24;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/{IconDoubleChevron.svelte → NeoIconDoubleChevron.svelte}

@@ -1,4 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width={$$props.size ?? '1em'} height={$$props.size ?? '1em'} viewBox="0 0 24 24" {...$$props}>
+<script lang="ts">
+  import type { NeoIconDoubleChevronProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 2, space = 7, ...rest }: NeoIconDoubleChevronProps = $props();
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 24 24" style:scale {...rest}>
   <path
     class="neo-icon-double-chevron"
     fill="none"
@@ -7,9 +13,9 @@
     stroke-dashoffset="10"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width="2"
+    stroke-width={stroke}
     d="M12 9l-5 5M12 9l5 5"
-    style:translate="0 -{$$props.space ?? 7}px"
+    style:translate="0 -{space}px"
   >
     <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="10;0" />
   </path>
@@ -21,9 +27,9 @@
     stroke-dashoffset="10"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width="2"
+    stroke-width={stroke}
     d="M12 15l-5 -5M12 15l5 -5"
-    style:translate="0 {$$props.space ?? 7}px"
+    style:translate="0 {space}px"
   >
     <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="10;0" />
   </path>

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

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

package/dist/icons/{IconDoubleChevronLeft.svelte → NeoIconDoubleChevronLeft.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="10"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width={$$props.stroke ?? 1.5}
+    stroke-width={stroke}
   >
     <path d="M12 12l5 -5M12 12l5 5">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="10;0" />

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

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

package/dist/icons/{IconDoubleChevronRight.svelte → NeoIconDoubleChevronRight.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="10"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width={$$props.stroke ?? 1.5}
+    stroke-width={stroke}
   >
     <path d="M12 12l-5 -5M12 12l-5 5">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="10;0" />

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

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

package/dist/icons/{IconDownload.svelte → NeoIconDownload.svelte}

@@ -1,13 +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={$$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" 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="20" stroke-dashoffset="20" d="M12 4h2v6h2.5l-4.5 4.5M12 4h-2v6h-2.5l4.5 4.5">
       <animate
         attributeName="d"

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

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

package/dist/icons/NeoIconEmpty.svelte

@@ -0,0 +1,26 @@
+<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}
+>
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path stroke-dasharray="64" stroke-dashoffset="64" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
+    </path>
+    <path stroke="color-mix(in srgb, currentcolor, transparent 50%)" stroke-dasharray="28" stroke-dashoffset="28" d="M-1 11h26" transform="rotate(45 12 12)">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.4s" values="28;0" />
+    </path>
+    <path stroke="currentColor" stroke-dasharray="28" stroke-dashoffset="28" d="M-1 12h26" transform="rotate(45 12 12)">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.4s" values="28;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconError.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
+  const pulse = $derived(Number(stroke) + 0.5);
+  const highlight = $derived(Number(stroke) * 2);
+</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-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path stroke-dasharray="64" stroke-dashoffset="64" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
+    </path>
+    <path stroke-dasharray="8" stroke-dashoffset="8" d="M12 7v6" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0" />
+      <animate attributeName="stroke-width" begin="1.8s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="{pulse};{highlight};{highlight};{pulse};{pulse}" />
+    </path>
+    <path stroke-dasharray="2" stroke-dashoffset="2" d="M12 17v0.01" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.2s" values="2;0" />
+      <animate attributeName="stroke-width" begin="2.1s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="{pulse};{highlight};{highlight};{pulse};{pulse}" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/{IconFileUpload.svelte → NeoIconFileUpload.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}
 >
   <path fill="currentColor" d="M12 18l4 0h-2.5v0h-3v0h-2.5z">
     <animate fill="freeze" attributeName="d" begin="0.8s" dur="0.2s" values="M12 18l4 0h-2.5v0h-3v0h-2.5z;M12 11l4 4h-2.5v3h-3v-3h-2.5Z" />
   </path>
-  <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/NeoIconFileUpload.svelte.d.ts

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

package/dist/icons/NeoIconFire.svelte

@@ -0,0 +1,33 @@
+<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}
+>
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path
+      d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"
+
+      stroke-dasharray="60" stroke-dashoffset="60"
+    >
+      >
+      <animate
+        attributeName="stroke-dashoffset"
+        from="60"
+        to="0"
+        dur="1s"
+        begin="0s"
+        fill="freeze"
+      />
+    </path>
+
+  </g>
+</svg>

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

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

package/dist/icons/{IconGithub.svelte → NeoIconGithub.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}
 >
   <mask id="lineMdGithubLoop0" width="24" height="24" x="0" y="0">
     <g fill="#fff">
@@ -13,7 +18,7 @@
       <ellipse cx="14.5" cy="9" rx="1.5" ry="1" />
     </g>
   </mask>
-  <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="32"
       stroke-dashoffset="32"

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

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

package/dist/icons/NeoIconImage.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+  import type { NeoIconImageProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, delay = 0, enter = true, ...rest }: NeoIconImageProps = $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-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path stroke-dasharray="72" stroke-dashoffset={enter ? 72 : 0} d="M3 14v-9h18v14h-18v-5">
+      {#if enter}
+        <animate fill="freeze" attributeName="stroke-dashoffset" begin="{delay + 0}s" dur="0.6s" values="72;0" />
+      {/if}
+    </path>
+    <path stroke-dasharray="24" stroke-dashoffset={enter ? 24 : 0} stroke-width="1" d="M3 16l4 -3l3 2l6 -5l5 4">
+      {#if enter}
+        <animate fill="freeze" attributeName="stroke-dashoffset" begin="{delay + 0.6}s" dur="0.4s" values="24;0" />
+      {/if}
+    </path>
+  </g>
+  <g fill="currentColor" fill-opacity={enter ? 0 : 1}>
+    <circle cx="7.5" cy="9.5" r="1.5">
+      {#if enter}
+        <animate fill="freeze" attributeName="fill-opacity" begin="{delay + 1}s" dur="0.2s" values="0;1" />
+      {/if}
+    </circle>
+    <path d="M3 16l4 -3l3 2l6 -5l5 4V19H3Z">
+      {#if enter}
+        <animate fill="freeze" attributeName="fill-opacity" begin="{delay + 1.3}s" dur="0.5s" values="0;1" />
+      {/if}
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconInfo.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, ...rest }: NeoIconProps = $props();
+  const pulse = $derived(Number(stroke) + 0.5);
+  const highlight = $derived(Number(stroke) * 2);
+</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-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path stroke-dasharray="64" stroke-dashoffset="64" d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
+    </path>
+    <path stroke-dasharray="8" stroke-dashoffset="8" d="M12 11v5" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="-8;0" />
+      <animate attributeName="stroke-width" begin="1.8s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="{pulse};{highlight};{highlight};{pulse};{pulse}" />
+    </path>
+    <path stroke-dasharray="2" stroke-dashoffset="2" d="M12 7.5v0.01" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.2s" values="2;0" />
+      <animate attributeName="stroke-width" begin="2.1s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="{pulse};{highlight};{highlight};{pulse};{pulse}" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/{IconList.svelte → NeoIconList.svelte}

@@ -1,13 +1,18 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 2, ...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" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
     <path stroke-dasharray="2" stroke-dashoffset="2" d="M4 5h0.01">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.1s" values="2;0" />
     </path>

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

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

package/dist/icons/{IconListSmall.svelte → NeoIconListSmall.svelte}

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { IconFilledProps } from './icon.model.js';
+  import type { NeoIconFilledProps } from './neo-icon.model.js';
 
   import { watch } from '@dvcol/svelte-utils/watch';
 
@@ -12,7 +12,7 @@
     enter = $bindable(true),
 
     ...rest
-  }: IconFilledProps = $props();
+  }: NeoIconFilledProps = $props();
 
   watch(
     () => {

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

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

package/dist/icons/{IconLoadingMatrix.svelte → NeoIconLoadingMatrix.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
 
-  import type { IconProps } from './icon.model.js';
+  import type { NeoIconProps } from './neo-icon.model.js';
 
   const {
     size = '1em',
@@ -8,7 +8,7 @@
     stroke,
 
     ...rest
-  }: IconProps = $props();
+  }: NeoIconProps = $props();
 </script>
 
 <svg

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

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

package/dist/icons/{IconMail.svelte → NeoIconMail.svelte}

@@ -1,13 +1,18 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 2, ...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" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 2}>
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
     <path
       stroke-dasharray="64"
       stroke-dashoffset="64"