svelte-remix 2.0.0-next.5 → 2.0.0-next.6

package/dist/Table3Editor.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table 3 Editor"
+ * @prop ariaLabel = 'table 3 Editor'
  * @prop ...restProps
  */
-declare const Table3Editor: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Table3Editor = InstanceType<typeof Table3Editor>;
+declare const Table3Editor: import("svelte").Component<Props, {}, "">;
 export default Table3Editor;

package/dist/TableAltFillDesign.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "table alt fill Design",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'table alt fill Design',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M7 14V3H3C2.44772 3 2 3.44772 2 4V14H7ZM15 14V3H9V14H15ZM22 14V4C22 3.44772 21.5523 3 21 3H17V14H22ZM21 21C21.5523 21 22 20.5523 22 20V16H2V20C2 20.5523 2.44772 21 3 21H21Z"/>
+  <path
+    d="M7 14V3H3C2.44772 3 2 3.44772 2 4V14H7ZM15 14V3H9V14H15ZM22 14V4C22 3.44772 21.5523 3 21 3H17V14H22ZM21 21C21.5523 21 22 20.5523 22 20V16H2V20C2 20.5523 2.44772 21 3 21H21Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "table alt fill Design"
+@prop ariaLabel = 'table alt fill Design'
 @prop ...restProps
 -->

package/dist/TableAltFillDesign.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table alt fill Design"
+ * @prop ariaLabel = 'table alt fill Design'
  * @prop ...restProps
  */
-declare const TableAltFillDesign: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TableAltFillDesign = InstanceType<typeof TableAltFillDesign>;
+declare const TableAltFillDesign: import("svelte").Component<Props, {}, "">;
 export default TableAltFillDesign;

package/dist/TableAltLineDesign.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "table alt line Design",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'table alt line Design',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 16H4V19H20V16ZM8 5H4V14H8V5ZM14 5H10V14H14V5ZM20 5H16V14H20V5Z"/>
+  <path
+    d="M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM20 16H4V19H20V16ZM8 5H4V14H8V5ZM14 5H10V14H14V5ZM20 5H16V14H20V5Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "table alt line Design"
+@prop ariaLabel = 'table alt line Design'
 @prop ...restProps
 -->

package/dist/TableAltLineDesign.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table alt line Design"
+ * @prop ariaLabel = 'table alt line Design'
  * @prop ...restProps
  */
-declare const TableAltLineDesign: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TableAltLineDesign = InstanceType<typeof TableAltLineDesign>;
+declare const TableAltLineDesign: import("svelte").Component<Props, {}, "">;
 export default TableAltLineDesign;

package/dist/TableFillDesign.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "table fill Design",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'table fill Design',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M15 21H9V10H15V21ZM17 21V10H22V20C22 20.5523 21.5523 21 21 21H17ZM7 21H3C2.44772 21 2 20.5523 2 20V10H7V21ZM22 8H2V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V8Z"/>
+  <path
+    d="M15 21H9V10H15V21ZM17 21V10H22V20C22 20.5523 21.5523 21 21 21H17ZM7 21H3C2.44772 21 2 20.5523 2 20V10H7V21ZM22 8H2V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V8Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "table fill Design"
+@prop ariaLabel = 'table fill Design'
 @prop ...restProps
 -->

package/dist/TableFillDesign.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table fill Design"
+ * @prop ariaLabel = 'table fill Design'
  * @prop ...restProps
  */
-declare const TableFillDesign: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TableFillDesign = InstanceType<typeof TableFillDesign>;
+declare const TableFillDesign: import("svelte").Component<Props, {}, "">;
 export default TableFillDesign;

package/dist/TableLineDesign.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "table line Design",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'table line Design',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M4 8H20V5H4V8ZM14 19V10H10V19H14ZM16 19H20V10H16V19ZM8 19V10H4V19H8ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3Z"/>
+  <path
+    d="M4 8H20V5H4V8ZM14 19V10H10V19H14ZM16 19H20V10H16V19ZM8 19V10H4V19H8ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "table line Design"
+@prop ariaLabel = 'table line Design'
 @prop ...restProps
 -->

package/dist/TableLineDesign.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table line Design"
+ * @prop ariaLabel = 'table line Design'
  * @prop ...restProps
  */
-declare const TableLineDesign: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TableLineDesign = InstanceType<typeof TableLineDesign>;
+declare const TableLineDesign: import("svelte").Component<Props, {}, "">;
 export default TableLineDesign;

package/dist/TableViewEditor.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "table view Editor",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'table view Editor',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M3 3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H3ZM8 5V8H4V5H8ZM4 14V10H8V14H4ZM4 16H8V19H4V16ZM10 16H20V19H10V16ZM20 14H10V10H20V14ZM20 5V8H10V5H20Z"/>
+  <path
+    d="M3 3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3H3ZM8 5V8H4V5H8ZM4 14V10H8V14H4ZM4 16H8V19H4V16ZM10 16H20V19H10V16ZM20 14H10V10H20V14ZM20 5V8H10V5H20Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "table view Editor"
+@prop ariaLabel = 'table view Editor'
 @prop ...restProps
 -->

package/dist/TableViewEditor.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "table view Editor"
+ * @prop ariaLabel = 'table view Editor'
  * @prop ...restProps
  */
-declare const TableViewEditor: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TableViewEditor = InstanceType<typeof TableViewEditor>;
+declare const TableViewEditor: import("svelte").Component<Props, {}, "">;
 export default TableViewEditor;

package/dist/TabletFillDevice.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "tablet fill Device",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'tablet fill Device',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z"/>
+  <path
+    d="M5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "tablet fill Device"
+@prop ariaLabel = 'tablet fill Device'
 @prop ...restProps
 -->

package/dist/TabletFillDevice.svelte.d.ts

@@ -1,17 +1,4 @@
 import type { Props } from './types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
 /**
  * [Go to docs](https://svelte-remix.codewithshin.com/)
  * ## Props
@@ -20,11 +7,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
  * @prop color = ctx.color || 'currentColor'
  * @prop title
  * @prop desc
- * @prop ariaLabel =  "tablet fill Device"
+ * @prop ariaLabel = 'tablet fill Device'
  * @prop ...restProps
  */
-declare const TabletFillDevice: $$__sveltets_2_IsomorphicComponent<Props, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TabletFillDevice = InstanceType<typeof TabletFillDevice>;
+declare const TabletFillDevice: import("svelte").Component<Props, {}, "">;
 export default TabletFillDevice;

package/dist/TabletLineDevice.svelte

@@ -1,16 +1,21 @@
-<script lang='ts'>import { getContext } from "svelte";
-const ctx = getContext("iconCtx") ?? {};
-let {
-  size = ctx.size || "24",
-  role = ctx.role || "img",
-  color = ctx.color || "currentColor",
-  title,
-  desc,
-  ariaLabel = "tablet line Device",
-  ...restProps
-} = $props();
-let ariaDescribedby = `${title?.id || ""} ${desc?.id || ""}`;
-const hasDescription = $derived(!!(title?.id || desc?.id));
+<script lang="ts">
+  import { getContext } from 'svelte';
+  import type { BaseProps, Props } from './types';
+
+  const ctx: BaseProps = getContext('iconCtx') ?? {};
+
+  let {
+    size = ctx.size || '24',
+    role = ctx.role || 'img',
+    color = ctx.color || 'currentColor',
+    title,
+    desc,
+    ariaLabel = 'tablet line Device',
+    ...restProps
+  }: Props = $props();
+
+  let ariaDescribedby = `${title?.id || ''} ${desc?.id || ''}`;
+  const hasDescription = $derived(!!(title?.id || desc?.id));
 </script>
 
 <svg
@@ -25,12 +30,14 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
   viewBox="0 0 24 24"
 >
   {#if title?.id && title.title}
-    <title id="{title.id}">{title.title}</title>
+    <title id={title.id}>{title.title}</title>
   {/if}
   {#if desc?.id && desc.desc}
-    <desc id="{desc.id}">{desc.desc}</desc>
+    <desc id={desc.id}>{desc.desc}</desc>
   {/if}
-    <path d="M6 4V20H18V4H6ZM5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z"/>
+  <path
+    d="M6 4V20H18V4H6ZM5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z"
+  />
 </svg>
 
 <!--
@@ -42,6 +49,6 @@ const hasDescription = $derived(!!(title?.id || desc?.id));
 @prop color = ctx.color || 'currentColor'
 @prop title
 @prop desc
-@prop ariaLabel =  "tablet line Device"
+@prop ariaLabel = 'tablet line Device'
 @prop ...restProps
 -->