@dvcol/neo-svelte 1.1.2 → 1.2.0

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

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

package/dist/icons/{IconMinus.svelte → NeoIconMinus.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}
 >
   <path
     fill="none"
@@ -14,7 +19,7 @@
     stroke-dashoffset="16"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width={$$props.stroke ?? 1.5}
+    stroke-width={stroke}
     d="M5 12h14"
   >
     <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="16;0" />

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

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

package/dist/icons/{IconPaint.svelte → NeoIconPaint.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}
 >
   <path
     fill="currentColor"
@@ -15,7 +20,7 @@
     stroke-dashoffset="28"
     stroke-linecap="round"
     stroke-linejoin="round"
-    stroke-width={$$props.stroke ?? 1.5}
+    stroke-width={stroke}
     d="M12 3c0 0 7 6 7 12c0 2 -1 6 -7 6M12 3c0 0 -7 6 -7 12c0 2 1 6 7 6"
   >
     <animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.15s" values="0;0.3" />

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

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

package/dist/icons/{IconPencil.svelte → NeoIconPencil.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="56" stroke-dashoffset="56" d="M3 21l2 -6l11 -11c1 -1 3 -1 4 0c1 1 1 3 0 4l-11 11l-6 2">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="56;0" />
     </path>

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

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

package/dist/icons/{IconPlayPause.svelte → NeoIconPlayPause.svelte}

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

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

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

package/dist/icons/{IconQuestionMark.svelte → NeoIconQuestionMark.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="28" stroke-dashoffset="28" d="M7 8c0 -2.76 2.24 -5 5 -5c2.76 0 5 2.24 5 5c0 1.64 -0.79 3.09 -2 4c-0.84 0.63 -3 2 -3 5">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="28;0" />
     </path>

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

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

package/dist/icons/{IconRadio.svelte → NeoIconRadio.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import type { IconRadioProps } from './icon.model.js';
+  import type { NeoIconRadioProps } from './neo-icon.model.js';
 
-  const { scale = 1, size = '1em', checked = false, circle = false, enter = true, stroke = 2, ...rest }: IconRadioProps = $props();
+  const { scale = 1, size = '1em', checked = false, circle = false, enter = true, stroke = 2, ...rest }: NeoIconRadioProps = $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 = 'm 3 12 v -4 c 0 -3 1 -5 4 -5 H 16 c 3 0 5 2 5 5 V 16 C 21 19 19 21 16 21 h -8 C 5 21 3 19 3 16 Z';

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

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

package/dist/icons/NeoIconRefresh.svelte

@@ -0,0 +1,38 @@
+<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={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}
+    transform="rotate(45 12 12)"
+  >
+    <animateTransform
+      attributeName="transform"
+      type="rotate"
+      from="45 12 12"
+      to="0 12 12"
+      begin="0.2s"
+      dur="0.8s"
+      fill="freeze"
+    />
+    <path stroke-dasharray="32" stroke-dashoffset="32" d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="32;0" />
+    </path>
+    <path stroke-dasharray="16" stroke-dashoffset="16" d="M3 3v5h5">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="16;0" />
+    </path>
+    <path stroke-dasharray="32" stroke-dashoffset="32" d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="32;0" />
+    </path>
+    <path stroke-dasharray="16" stroke-dashoffset="16" d="M16 16h5v5">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="16;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconRestore.svelte

@@ -0,0 +1,20 @@
+<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">
+    <animate fill="freeze" attributeName="r" begin="0.8s" dur="0.2s" values="0;2" />
+  </circle>
+  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+    <path stroke-dasharray="48" stroke-dashoffset="48" d="M4.25 14c0.89 3.45 4.02 6 7.75 6c4.42 0 8 -3.58 8 -8c0 -4.42 -3.58 -8 -8 -8c-2.39 0 -4.53 1.05 -6 2.71l-2 2.29">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="48;0" />
+    </path>
+    <path fill="currentColor" stroke-width="1" d="M5.63 7.38l0 0l0 0l0 0z" opacity="0">
+      <animate fill="freeze" attributeName="d" begin="0.6s" dur="0.2s" values="M5.63 7.38l0 0l0 0l0 0z;M5.63 7.38L3.5 5.25L3.5 9.5L7.75 9.5z" />
+      <set fill="freeze" attributeName="opacity" begin="0.6s" to="1" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconSave.svelte

@@ -0,0 +1,35 @@
+<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={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"
+  >
+    <path
+      d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"
+      stroke-dasharray="70"
+      stroke-dashoffset="70"
+    >
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="70;0" />
+    </path>
+    <path d="M7 3v4a1 1 0 0 0 1 1h7" stroke-dasharray="16" stroke-dashoffset="16">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.4s" values="16;0" />
+    </path>
+    <path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" stroke-dasharray="32" stroke-dashoffset="32">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.5s" values="32;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconSaveOff.svelte

@@ -0,0 +1,42 @@
+<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={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"
+  >
+    <path d="M9 3h6.2a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V15" stroke-dasharray="32" stroke-dashoffset="32">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="32;0" />
+    </path>
+    <path d="M20.41 20.41A2 2 0 0 1 19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 .59-1.41" stroke-dasharray="40" stroke-dashoffset="40">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.4s" values="40;0" />
+    </path>
+
+    <path d="m2 2 20 20" stroke-dasharray="32" stroke-dashoffset="32">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.4s" values="32;0" />
+    </path>
+
+    <path d="M14 8h1" stroke-dasharray="8" stroke-dashoffset="8">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.4s" values="8;0" />
+    </path>
+    <path d="M17 21v-4" stroke-dasharray="8" stroke-dashoffset="8">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="1.1s" dur="0.4s" values="8;0" />
+    </path>
+    <path d="M13 13H8a1 1 0 0 0-1 1v7" stroke-dasharray="16" stroke-dashoffset="16">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="1.2s" dur="0.4s" values="16;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/{IconSearch.svelte → NeoIconSearch.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="40"
       stroke-dashoffset="40"

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

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

package/dist/icons/NeoIconSuccess.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();
+  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="14" stroke-dashoffset="14" d="M8 12l3 3l5 -5" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="14;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/NeoIconSuccess.svelte.d.ts

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

package/dist/icons/{IconSun.svelte → NeoIconSun.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}>
     <circle cx="12" cy="12" r="6" fill="currentColor" opacity="1">
       <animate attributeName="r" dur="0.6s" values="2;6" />
       <animate attributeName="opacity" dur="0.4s" values="0.6;1" />

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

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

package/dist/icons/{IconSunMoon.svelte → NeoIconSunMoon.svelte}

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { IconSunMoonProps } from './icon.model.js';
+  import type { NeoIconSunMoonProps } from './neo-icon.model.js';
 
   import { watch } from '@dvcol/svelte-utils/watch';
 
@@ -12,7 +12,7 @@
     enter = $bindable(true),
 
     ...rest
-  }: IconSunMoonProps = $props();
+  }: NeoIconSunMoonProps = $props();
 
   watch(
     () => {
@@ -146,73 +146,20 @@
       </circle>
     {:else if state === 'moon'}
       <path fill-opacity="0" d="M15.22 6.03l2.53-1.94L14.56 4L13.5 1l-1.06 3l-3.19.09l2.53 1.94l-.91 3.06l2.63-1.81l2.63 1.81z" fill="currentColor">
-        <animate
-          id="lineMdSunnyFilledLoopToMoonFilledLoopTransition0"
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="0.6s;lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+6s"
-          dur="0.4s"
-          values="0;1"
-        />
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+2.2s"
-          dur="0.4s"
-          values="1;0"
-        />
+        <animate id="lineMdSunnyFilledLoopToMoonFilledLoopTransition0" fill="freeze" attributeName="fill-opacity" begin="0.6s;lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+6s" dur="0.4s" values="0;1" />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+2.2s" dur="0.4s" values="1;0" />
       </path>
       <path fill-opacity="0" d="M13.61 5.25L15.25 4l-2.06-.05L12.5 2l-.69 1.95L9.75 4l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z" fill="currentColor">
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+3s"
-          dur="0.4s"
-          values="0;1"
-        />
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+5.2s"
-          dur="0.4s"
-          values="1;0"
-        />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+3s" dur="0.4s" values="0;1" />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+5.2s" dur="0.4s" values="1;0" />
       </path>
       <path fill-opacity="0" d="M19.61 12.25L21.25 11l-2.06-.05L18.5 9l-.69 1.95l-2.06.05l1.64 1.25l-.59 1.98l1.7-1.17l1.7 1.17z" fill="currentColor">
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+0.4s"
-          dur="0.4s"
-          values="0;1"
-        />
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+2.8s"
-          dur="0.4s"
-          values="1;0"
-        />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+0.4s" dur="0.4s" values="0;1" />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+2.8s" dur="0.4s" values="1;0" />
       </path>
-      <path
-        fill-opacity="0"
-        d="M20.828 9.731l1.876-1.439l-2.366-.067L19.552 6l-.786 2.225l-2.366.067l1.876 1.439L17.601 12l1.951-1.342L21.503 12z"
-        fill="currentColor"
-      >
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+3.4s"
-          dur="0.4s"
-          values="0;1"
-        />
-        <animate
-          fill="freeze"
-          attributeName="fill-opacity"
-          begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+5.6s"
-          dur="0.4s"
-          values="1;0"
-        />
+      <path fill-opacity="0" d="M20.828 9.731l1.876-1.439l-2.366-.067L19.552 6l-.786 2.225l-2.366.067l1.876 1.439L17.601 12l1.951-1.342L21.503 12z" fill="currentColor">
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+3.4s" dur="0.4s" values="0;1" />
+        <animate fill="freeze" attributeName="fill-opacity" begin="lineMdSunnyFilledLoopToMoonFilledLoopTransition0.begin+5.6s" dur="0.4s" values="1;0" />
       </path>
       <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
         <g>

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

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

package/dist/icons/{IconTextHighlight.svelte → NeoIconTextHighlight.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-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <g fill="none" stroke="currentColor" stroke-width={stroke} stroke-linecap="round" stroke-linejoin="round">
     <path d="M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1" stroke-dasharray="16" stroke-dashoffset="16">
       <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="16;0" />
     </path>

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

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

package/dist/icons/NeoIconTheme.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import type { NeoIconThemeProps } from './neo-icon.model.js';
+
+  import NeoIconSunMoon from './NeoIconSunMoon.svelte';
+  import { useNeoThemeContext } from '../providers/neo-theme-provider-context.svelte.js';
+  import { NeoTheme } from '../providers/neo-theme-provider.model.js';
+
+  const { ...rest }: NeoIconThemeProps = $props();
+
+  const context = useNeoThemeContext();
+  const dark = $derived(context.theme === NeoTheme.Dark);
+</script>
+
+<NeoIconSunMoon state={dark ? 'moon' : 'sun'} {...rest} />

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

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