@dvcol/neo-svelte 1.1.2 → 1.2.0

package/dist/icons/NeoIconTrend.svelte

@@ -0,0 +1,39 @@
+<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="m22 7-8.5 8.5-5-5L2 17" stroke-dasharray="30" stroke-dashoffset="-30">
+      <animate
+        attributeName="stroke-dashoffset"
+        from="-30"
+        to="0"
+        dur="0.6s"
+        begin="0s"
+        fill="freeze"
+      />
+    </path>
+
+    <path d="M16 7h6v6" stroke-dasharray="12" stroke-dashoffset="12">
+      <animate
+        attributeName="stroke-dashoffset"
+        from="12"
+        to="0"
+        dur="0.3s"
+        begin="0.6s"
+        fill="freeze"
+      />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/NeoIconUnplug.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+  import type { NeoIconUnplugProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 2, plug = false, ...rest }: NeoIconUnplugProps = $props();
+
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  style:scale
+  {...rest}
+>
+  <g
+    stroke="currentColor"
+    stroke-width={stroke}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  >
+    <path class="line-1" stroke-dasharray="16" stroke-dashoffset={plug ? 0 : 8} d="M17 7l5 -5">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values={plug ? '8;0' : '0;8'} />
+    </path>
+    <path class="line-2" stroke-dasharray="16" stroke-dashoffset={plug ? 16 : 8} d="m2 22 6-6">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values={plug ? '0;8' : '8;0'} />
+    </path>
+    <path
+      class="socket"
+      transform="translate({plug ? '3px, -3px' : '0, 0'})"
+      d="M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z"
+    >
+      <animateTransform attributeName="transform" type="translate" from={plug ? '0 0' : '3 -3'} to={plug ? '3 -3' : '0 0'} dur="0.3s" fill="freeze" />
+    </path>
+    <path
+      class="spark-1"
+      stroke-dasharray="8"
+      stroke-dashoffset={plug ? -8 : 0}
+      transform="translate({plug ? '3px, -3px' : '0, 0'})"
+      d="M7.5 13.5l2.5 -2.5"
+    >
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values={plug ? '0;8' : '8;0'} />
+      <animateTransform attributeName="transform" type="translate" from={plug ? '0 0' : '3 -3'} to={plug ? '3 -3' : '0 0'} dur="0.3s" fill="freeze" />
+    </path>
+    <path
+      class="spark-2"
+      stroke-dasharray="8"
+      stroke-dashoffset="-8"
+      transform="translate({plug ? '3px, -3px' : '0, 0'})"
+      d="M10.5 16.5l2.5 -2.5"
+    >
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values={plug ? '0;8' : '8;0'} />
+      <animateTransform attributeName="transform" type="translate" from={plug ? '0 0' : '3 -3'} to={plug ? '3 -3' : '0 0'} dur="0.3s" fill="freeze" />
+    </path>
+    <path
+      class="plug"
+      transform="translate({plug ? '-3px, 3px' : '0, 0'})"
+      d="m12 6 6 6 2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z"
+    >
+      <animateTransform attributeName="transform" type="translate" from={plug ? '0 0' : '-3 3'} to={plug ? '-3 3' : '0 0'} dur="0.3s" fill="freeze" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/{IconVideo.svelte → NeoIconVideo.svelte}

@@ -1,14 +1,19 @@
+<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="lineMdYoutubeFilled0">
-    <g fill="none" fill-opacity="0" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width={$$props.stroke ?? 1.5}>
+    <g fill="none" fill-opacity="0" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
       <path fill="#fff" stroke-dasharray="64" stroke-dashoffset="64" d="M12 5c9 0 9 0 9 7c0 7 0 7 -9 7c-9 0 -9 0 -9 -7c0 -7 0 -7 9 -7Z">
         <animate fill="freeze" attributeName="fill-opacity" begin="0.6s" dur="0.5s" values="0;1" />
         <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />

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

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

package/dist/icons/NeoIconWarning.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1, ...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 3l9 17h-18l9 -17Z">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="64;0" />
+    </path>
+    <path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10v4" stroke-width={pulse}>
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;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/NeoIconWarning.svelte.d.ts

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

package/dist/icons/NeoIconWatch.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, enter = true, ...rest }: NeoIconProps = $props();
+
+  const closed = 'M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z';
+  const open = 'M2 12c1.72 -3.83 5.53 -6.5 10 -6.5c4.47 0 8.28 2.67 10 6.5c-1.72 3.83 -5.53 6.5 -10 6.5c-4.47 0 -8.28 -2.67 -10 -6.5Z';
+</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={enter ? 0 : 3} fill="currentColor">
+    {#if enter}
+      <animate attributeName="r" dur="6s" keyTimes="0;0.03;0.97;1" repeatCount="indefinite" values="0;3;3;0" />
+    {/if}
+  </circle>
+  <path
+    fill="none"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width={stroke}
+    d={enter ? closed : open}
+  >
+    {#if enter}
+      <animate
+        attributeName="d"
+        dur="6s"
+        keyTimes="0;0.03;0.97;1"
+        repeatCount="indefinite"
+        values="{closed};{open};{open};{closed}"
+      />
+    {/if}
+  </path>
+</svg>

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

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

package/dist/icons/NeoIconWatchOff.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import type { NeoIconProps } from './neo-icon.model.js';
+
+  const { size = '1em', scale = 1, stroke = 1.5, enter = true, ...rest }: NeoIconProps = $props();
+
+  const closed = 'M4 12c1.38 -0.77 4.42 -1.3 8 -1.3c3.58 0 6.62 0.53 8 1.3c-1.38 0.77 -4.42 1.3 -8 1.3c-3.58 0 -6.62 -0.53 -8 -1.3Z';
+  const open = 'M2 12c1.72 -3.83 5.53 -6.5 10 -6.5c4.47 0 8.28 2.67 10 6.5c-1.72 3.83 -5.53 6.5 -10 6.5c-4.47 0 -8.28 -2.67 -10 -6.5Z';
+</script>
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  style:scale
+  {...rest}
+>
+  <mask id="lineMdWatchOffLoop0">
+    <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width={stroke}>
+      <circle cx="12" cy="12" r={enter ? 0 : 3} fill="#fff" stroke="none">
+        {#if enter}
+          <animate attributeName="r" dur="6s" keyTimes="0;0.03;0.97;1" repeatCount="indefinite" values="0;3;3;0" />
+        {/if}
+      </circle>
+      <path d={enter ? closed : open}>
+        {#if enter}
+          <animate
+            attributeName="d"
+            dur="6s"
+            keyTimes="0;0.03;0.97;1"
+            repeatCount="indefinite"
+            values="{closed};{open};{open};{closed}"
+          />
+        {/if}
+      </path>
+      <path stroke="#000" stroke-dasharray="28" stroke-dashoffset={enter ? 28 : 0} d="M0 11h24" transform="rotate(45 12 12)">
+        {#if enter}
+          <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.4s" values="28;0" />
+        {/if}
+      </path>
+      <path stroke-dasharray="28" stroke-dashoffset={enter ? 28 : 0} d="M-1 13h24" transform="rotate(45 12 12)">
+        {#if enter}
+          <animate attributeName="d" dur="6s" repeatCount="indefinite" values="M-1 13h24;M1 13h24;M-1 13h24" />
+          <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.4s" values="28;0" />
+        {/if}
+      </path>
+    </g>
+  </mask>
+  <rect width="24" height="24" fill="currentColor" mask="url(#lineMdWatchOffLoop0)" />
+</svg>

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

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

package/dist/icons/NeoIconWave.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="24" stroke-dashoffset="24" d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1">
+      <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="24;0" />
+    </path>
+    <path stroke-dasharray="24" stroke-dashoffset="24" d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.3s" dur="0.6s" values="24;0" />
+    </path>
+    <path stroke-dasharray="24" stroke-dashoffset="24" d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1">
+      <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.6s" values="24;0" />
+    </path>
+  </g>
+</svg>

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

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

package/dist/icons/index.d.ts

@@ -0,0 +1,54 @@
+export * from './neo-icon.model.js';
+export { default as NeoIconAccount } from './NeoIconAccount.svelte';
+export { default as NeoIconAdd } from './NeoIconAdd.svelte';
+export { default as NeoIconAddress } from './NeoIconAddress.svelte';
+export { default as NeoIconAlert } from './NeoIconAlert.svelte';
+export { default as NeoIconAlignBottom } from './NeoIconAlignBottom.svelte';
+export { default as NeoIconAlignMiddle } from './NeoIconAlignMiddle.svelte';
+export { default as NeoIconAlignTop } from './NeoIconAlignTop.svelte';
+export { default as NeoIconArrow } from './NeoIconArrow.svelte';
+export { default as NeoIconBouncingDots } from './NeoIconBouncingDots.svelte';
+export { default as NeoIconCalendar } from './NeoIconCalendar.svelte';
+export { default as NeoIconCancel } from './NeoIconCancel.svelte';
+export { default as NeoIconCheckbox } from './NeoIconCheckbox.svelte';
+export { default as NeoIconCircle } from './NeoIconCircle.svelte';
+export { default as NeoIconCircleLoading } from './NeoIconCircleLoading.svelte';
+export { default as NeoIconClear } from './NeoIconClear.svelte';
+export { default as NeoIconClose } from './NeoIconClose.svelte';
+export { default as NeoIconCog } from './NeoIconCog.svelte';
+export { default as NeoIconConfirm } from './NeoIconConfirm.svelte';
+export { default as NeoIconCube } from './NeoIconCube.svelte';
+export { default as NeoIconDoubleChevron } from './NeoIconDoubleChevron.svelte';
+export { default as NeoIconDoubleChevronLeft } from './NeoIconDoubleChevronLeft.svelte';
+export { default as NeoIconDoubleChevronRight } from './NeoIconDoubleChevronRight.svelte';
+export { default as NeoIconDownload } from './NeoIconDownload.svelte';
+export { default as NeoIconEmpty } from './NeoIconEmpty.svelte';
+export { default as NeoIconFileUpload } from './NeoIconFileUpload.svelte';
+export { default as NeoIconFire } from './NeoIconFire.svelte';
+export { default as NeoIconGithub } from './NeoIconGithub.svelte';
+export { default as NeoIconImage } from './NeoIconImage.svelte';
+export { default as NeoIconList } from './NeoIconList.svelte';
+export { default as NeoIconListSmall } from './NeoIconListSmall.svelte';
+export { default as NeoIconLoadingMatrix } from './NeoIconLoadingMatrix.svelte';
+export { default as NeoIconMail } from './NeoIconMail.svelte';
+export { default as NeoIconMinus } from './NeoIconMinus.svelte';
+export { default as NeoIconPaint } from './NeoIconPaint.svelte';
+export { default as NeoIconPencil } from './NeoIconPencil.svelte';
+export { default as NeoIconPlayPause } from './NeoIconPlayPause.svelte';
+export { default as NeoIconQuestionMark } from './NeoIconQuestionMark.svelte';
+export { default as NeoIconRadio } from './NeoIconRadio.svelte';
+export { default as NeoIconRefresh } from './NeoIconRefresh.svelte';
+export { default as NeoIconRestore } from './NeoIconRestore.svelte';
+export { default as NeoIconSave } from './NeoIconSave.svelte';
+export { default as NeoIconSaveOff } from './NeoIconSaveOff.svelte';
+export { default as NeoIconSearch } from './NeoIconSearch.svelte';
+export { default as NeoIconSun } from './NeoIconSun.svelte';
+export { default as NeoIconSunMoon } from './NeoIconSunMoon.svelte';
+export { default as NeoIconTextHighlight } from './NeoIconTextHighlight.svelte';
+export { default as NeoIconTheme } from './NeoIconTheme.svelte';
+export { default as NeoIconTrend } from './NeoIconTrend.svelte';
+export { default as NeoIconUnplug } from './NeoIconUnplug.svelte';
+export { default as NeoIconVideo } from './NeoIconVideo.svelte';
+export { default as NeoIconWatch } from './NeoIconWatch.svelte';
+export { default as NeoIconWatchOff } from './NeoIconWatchOff.svelte';
+export { default as NeoIconWave } from './NeoIconWave.svelte';

package/dist/icons/index.js

@@ -0,0 +1,54 @@
+export * from './neo-icon.model.js';
+export { default as NeoIconAccount } from './NeoIconAccount.svelte';
+export { default as NeoIconAdd } from './NeoIconAdd.svelte';
+export { default as NeoIconAddress } from './NeoIconAddress.svelte';
+export { default as NeoIconAlert } from './NeoIconAlert.svelte';
+export { default as NeoIconAlignBottom } from './NeoIconAlignBottom.svelte';
+export { default as NeoIconAlignMiddle } from './NeoIconAlignMiddle.svelte';
+export { default as NeoIconAlignTop } from './NeoIconAlignTop.svelte';
+export { default as NeoIconArrow } from './NeoIconArrow.svelte';
+export { default as NeoIconBouncingDots } from './NeoIconBouncingDots.svelte';
+export { default as NeoIconCalendar } from './NeoIconCalendar.svelte';
+export { default as NeoIconCancel } from './NeoIconCancel.svelte';
+export { default as NeoIconCheckbox } from './NeoIconCheckbox.svelte';
+export { default as NeoIconCircle } from './NeoIconCircle.svelte';
+export { default as NeoIconCircleLoading } from './NeoIconCircleLoading.svelte';
+export { default as NeoIconClear } from './NeoIconClear.svelte';
+export { default as NeoIconClose } from './NeoIconClose.svelte';
+export { default as NeoIconCog } from './NeoIconCog.svelte';
+export { default as NeoIconConfirm } from './NeoIconConfirm.svelte';
+export { default as NeoIconCube } from './NeoIconCube.svelte';
+export { default as NeoIconDoubleChevron } from './NeoIconDoubleChevron.svelte';
+export { default as NeoIconDoubleChevronLeft } from './NeoIconDoubleChevronLeft.svelte';
+export { default as NeoIconDoubleChevronRight } from './NeoIconDoubleChevronRight.svelte';
+export { default as NeoIconDownload } from './NeoIconDownload.svelte';
+export { default as NeoIconEmpty } from './NeoIconEmpty.svelte';
+export { default as NeoIconFileUpload } from './NeoIconFileUpload.svelte';
+export { default as NeoIconFire } from './NeoIconFire.svelte';
+export { default as NeoIconGithub } from './NeoIconGithub.svelte';
+export { default as NeoIconImage } from './NeoIconImage.svelte';
+export { default as NeoIconList } from './NeoIconList.svelte';
+export { default as NeoIconListSmall } from './NeoIconListSmall.svelte';
+export { default as NeoIconLoadingMatrix } from './NeoIconLoadingMatrix.svelte';
+export { default as NeoIconMail } from './NeoIconMail.svelte';
+export { default as NeoIconMinus } from './NeoIconMinus.svelte';
+export { default as NeoIconPaint } from './NeoIconPaint.svelte';
+export { default as NeoIconPencil } from './NeoIconPencil.svelte';
+export { default as NeoIconPlayPause } from './NeoIconPlayPause.svelte';
+export { default as NeoIconQuestionMark } from './NeoIconQuestionMark.svelte';
+export { default as NeoIconRadio } from './NeoIconRadio.svelte';
+export { default as NeoIconRefresh } from './NeoIconRefresh.svelte';
+export { default as NeoIconRestore } from './NeoIconRestore.svelte';
+export { default as NeoIconSave } from './NeoIconSave.svelte';
+export { default as NeoIconSaveOff } from './NeoIconSaveOff.svelte';
+export { default as NeoIconSearch } from './NeoIconSearch.svelte';
+export { default as NeoIconSun } from './NeoIconSun.svelte';
+export { default as NeoIconSunMoon } from './NeoIconSunMoon.svelte';
+export { default as NeoIconTextHighlight } from './NeoIconTextHighlight.svelte';
+export { default as NeoIconTheme } from './NeoIconTheme.svelte';
+export { default as NeoIconTrend } from './NeoIconTrend.svelte';
+export { default as NeoIconUnplug } from './NeoIconUnplug.svelte';
+export { default as NeoIconVideo } from './NeoIconVideo.svelte';
+export { default as NeoIconWatch } from './NeoIconWatch.svelte';
+export { default as NeoIconWatchOff } from './NeoIconWatchOff.svelte';
+export { default as NeoIconWave } from './NeoIconWave.svelte';

package/dist/icons/{icon.model.d.ts → neo-icon.model.d.ts}

@@ -1,37 +1,38 @@
 import type { SVGAttributes } from 'svelte/elements';
-export type IconProps = {
+export type NeoIconProps = {
     size?: CSSStyleDeclaration['width'] | CSSStyleDeclaration['height'];
     scale?: number | string;
     stroke?: number | string;
     enter?: boolean;
 } & Omit<SVGAttributes<SVGElement>, 'stroke'>;
-export declare const IconArrowDirection: {
+export declare const NeoIconArrowDirection: {
     readonly Left: "left";
     readonly Right: "right";
     readonly Up: "up";
     readonly Down: "down";
 };
-export type IconArrowDirections = (typeof IconArrowDirection)[keyof typeof IconArrowDirection];
-export type IconArrowProps = IconProps & {
+export type NeoIconArrowDirections = (typeof NeoIconArrowDirection)[keyof typeof NeoIconArrowDirection];
+export type NeoIconArrowProps = NeoIconProps & {
     expanded?: boolean;
-    direction?: IconArrowDirections;
+    direction?: NeoIconArrowDirections;
     chevron?: boolean;
     delay?: number;
     start?: `${number}%` | `${number}px` | `${number}rem` | `${number}em`;
     end?: `${number}%` | `${number}px` | `${number}rem` | `${number}em`;
 };
-export type IconFilledProps = IconProps & {
+export type NeoIconFilledProps = NeoIconProps & {
     filled?: boolean;
 };
-export type IconAddressProps = IconFilledProps & {
+export type NeoIconAddressProps = NeoIconFilledProps & {
     dot?: CSSStyleDeclaration['color'];
     repeat?: SVGAttributes<SVGAnimateTransformElement>['repeatCount'];
 };
-export type IconBouncingDotsProps = IconProps & {
+export type NeoIconBouncingDotsProps = NeoIconProps & {
     fill?: CSSStyleDeclaration['color'];
     steps?: number[];
+    bounce?: boolean;
 };
-export interface IconCheckboxProps {
+export interface NeoIconCheckboxProps {
     /**
      * The stroke width of the border.
      */
@@ -73,17 +74,44 @@ export interface IconCheckboxProps {
      */
     indeterminate?: boolean;
 }
-export type IconCircleLoadingProps = IconProps & {
+export type NeoIconCircleLoadingProps = NeoIconProps & {
     animate?: boolean;
     speed?: number;
 };
-export type IconPlayPauseProps = IconProps & {
+export type NeoIconPlayPauseProps = NeoIconProps & {
     state?: 'play' | 'pause';
 };
-export type IconRadioProps = IconProps & {
+export type NeoIconRadioProps = NeoIconProps & {
     checked?: boolean;
     circle?: boolean;
 };
-export type IconSunMoonProps = IconProps & {
+export type NeoIconSunMoonProps = NeoIconProps & {
     state?: 'sun' | 'moon';
 };
+export type NeoIconThemeProps = NeoIconSunMoonProps;
+export type NeoIconDoubleChevronProps = NeoIconProps & {
+    space?: number;
+};
+export type NeoIconUnplugProps = NeoIconProps & {
+    plug?: boolean;
+};
+export type NeoIconAudioProps = NeoIconProps & {
+    /**
+     * The speed of the animation in seconds.
+     */
+    speed?: number;
+    /**
+     * Whether the icon should animate.
+     */
+    animated?: boolean;
+    /**
+     * The number animation iterations before stopping.
+     */
+    repeat?: number | 'indefinite';
+};
+export type NeoIconImageProps = NeoIconProps & {
+    /**
+     * Delay the entry animation (in seconds).
+     */
+    delay?: number;
+};

package/dist/icons/{icon.model.js → neo-icon.model.js}

@@ -1,4 +1,4 @@
-export const IconArrowDirection = {
+export const NeoIconArrowDirection = {
     Left: 'left',
     Right: 'right',
     Up: 'up',

package/dist/index.d.ts

@@ -7,9 +7,11 @@ export * from './cursor/index.js';
 export * from './divider/index.js';
 export * from './floating/index.js';
 export * from './form/index.js';
+export * from './icons/index.js';
 export * from './inputs/index.js';
 export * from './list/index.js';
 export * from './loading/index.js';
+export * from './media/index.js';
 export * from './nav/index.js';
 export * from './pill/index.js';
 export * from './progress/index.js';

package/dist/index.js

@@ -7,9 +7,11 @@ export * from './cursor/index.js';
 export * from './divider/index.js';
 export * from './floating/index.js';
 export * from './form/index.js';
+export * from './icons/index.js';
 export * from './inputs/index.js';
 export * from './list/index.js';
 export * from './loading/index.js';
+export * from './media/index.js';
 export * from './nav/index.js';
 export * from './pill/index.js';
 export * from './progress/index.js';

package/dist/inputs/NeoCheckbox.svelte

@@ -10,10 +10,11 @@
   import { fade } from 'svelte/transition';
 
   import NeoCheckboxButton from '../buttons/NeoCheckboxButton.svelte';
-  import IconCircleLoading from '../icons/IconCircleLoading.svelte';
+  import NeoIconCircleLoading from '../icons/NeoIconCircleLoading.svelte';
   import NeoBaseInput from './common/NeoBaseInput.svelte';
   import NeoInputValidation from './common/NeoInputValidation.svelte';
   import NeoLabel from './common/NeoLabel.svelte';
+  import { computeBorderRadius } from '../utils/border.utils.js';
   import { coerce, DefaultShadowShallowElevation } from '../utils/shadow.utils.js';
   import { toSize } from '../utils/style.utils.js';
   import { quickDurationProps } from '../utils/transition.utils.js';
@@ -164,6 +165,7 @@
     style:height={height?.absolute}
     style:min-height={height?.min}
     style:max-height={height?.max}
+    style:--neo-checkbox-border-radius={computeBorderRadius(rounded)}
     use:focusing={{
       get focusin() {
         return focused;
@@ -227,7 +229,7 @@
       <span class="neo-checkbox-suffix">
         {#if loading}
           <span class="neo-checkbox-loading" out:fade={quickDurationProps}>
-            <IconCircleLoading size="1rem" />
+            <NeoIconCircleLoading size="1rem" />
           </span>
         {/if}
       </span>
@@ -243,11 +245,11 @@
   width: fit-content;
   margin: 0;
   padding: calc(0.375rem + var(--neo-checkbox-border-width, var(--neo-border-width, 1px))) 0.5rem 0.375rem;
-  border-radius: var(--neo-border-radius);
+  border-radius: var(--neo-checkbox-border-radius, var(--neo-border-radius));
   transition: box-shadow 0.3s ease-out, border-radius 0.3s ease;
 }
 .neo-checkbox-container.neo-rounded {
-  border-radius: var(--neo-border-radius-lg);
+  border-radius: var(--neo-checkbox-border-radius, var(--neo-border-radius-xxl));
 }
 .neo-checkbox-container.neo-flat {
   --neo-label-margin: 0 0 0 0.625rem;

package/dist/inputs/NeoCheckbox.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { NeoCheckboxProps } from './neo-checkbox.model.js';
-declare const NeoCheckbox: import("svelte").Component<NeoCheckboxProps, {}, "ref" | "hovered" | "focused" | "checked" | "valid" | "group" | "touched" | "dirty" | "indeterminate" | "validationRef" | "containerRef" | "labelRef">;
+declare const NeoCheckbox: import("svelte").Component<NeoCheckboxProps, {}, "group" | "ref" | "hovered" | "focused" | "checked" | "valid" | "indeterminate" | "touched" | "dirty" | "validationRef" | "containerRef" | "labelRef">;
 type NeoCheckbox = ReturnType<typeof NeoCheckbox>;
 export default NeoCheckbox;