@iconify-svelte/garden 1.0.0 → 1.0.2

package/components/n/new-window-fill-16.svelte

@@ -3,9 +3,10 @@ import Icon from '@iconify/css-svelte';
 import '../../css/w/wj5oi_b.css';
 import '../../css/p/p3gjzeb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="wj5oi_b" /><path class="p3gjzeb" />`;
+const content = `<path class="wj5oi_b"/><path class="p3gjzeb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:new-window-fill-16" {...props}></Icon>

package/components/n/new-window-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/t/tvmvosu.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="tvmvosu" />`;
+const content = `<path class="tvmvosu"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:new-window-stroke-12" {...props}></Icon>

package/components/n/new-window-stroke-16.svelte

@@ -4,9 +4,10 @@ import '../../css/n/nbka6eb.css';
 import '../../css/p/piht5s.css';
 import '../../css/k/knkpb5b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="nbka6eb" /><path class="piht5s" /><path class="knkpb5b" />`;
+const content = `<path class="nbka6eb"/><path class="piht5s"/><path class="knkpb5b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:new-window-stroke-16" {...props}></Icon>

package/components/n/notes-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/h/h93g3zbz.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="h93g3zbz" />`;
+const content = `<path class="h93g3zbz"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notes-fill-12" {...props}></Icon>

package/components/n/notes-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/j/j44066br.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="j44066br" />`;
+const content = `<path class="j44066br"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notes-fill-16" {...props}></Icon>

package/components/n/notes-stroke-12.svelte

@@ -4,9 +4,10 @@ import '../../css/h/h01tyl.css';
 import '../../css/z/ztnkpc.css';
 import '../../css/n/ncxqyto.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="h01tyl"><path class="ztnkpc" /><path class="ncxqyto" /></g>`;
+const content = `<g class="h01tyl"><path class="ztnkpc"/><path class="ncxqyto"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notes-stroke-12" {...props}></Icon>

package/components/n/notes-stroke-16.svelte

@@ -4,9 +4,10 @@ import '../../css/h/h01tyl.css';
 import '../../css/u/uozynq.css';
 import '../../css/v/v5sovhb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="h01tyl"><path class="uozynq" /><path class="v5sovhb" /></g>`;
+const content = `<g class="h01tyl"><path class="uozynq"/><path class="v5sovhb"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notes-stroke-16" {...props}></Icon>

package/components/n/notification-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/x/xzqw2jb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="xzqw2jb" />`;
+const content = `<path class="xzqw2jb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notification-fill-12" {...props}></Icon>

package/components/n/notification-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/v/vvtop3b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="vvtop3b" />`;
+const content = `<path class="vvtop3b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notification-fill-16" {...props}></Icon>

package/components/n/notification-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/c/cg3t_8b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="cg3t_8b" />`;
+const content = `<path class="cg3t_8b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notification-stroke-12" {...props}></Icon>

package/components/n/notification-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/u/uav6kij.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="uav6kij" />`;
+const content = `<path class="uav6kij"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:notification-stroke-16" {...props}></Icon>

package/components/n/number-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/m/m4hnyjb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="m4hnyjb" />`;
+const content = `<path class="m4hnyjb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:number-fill-12" {...props}></Icon>

package/components/n/number-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/x/xjriykb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="xjriykb" />`;
+const content = `<path class="xjriykb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:number-fill-16" {...props}></Icon>

package/components/n/number-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/v/vnrj1sb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="vnrj1sb" />`;
+const content = `<path class="vnrj1sb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:number-stroke-12" {...props}></Icon>

package/components/n/number-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/t/tynb5sb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="tynb5sb" />`;
+const content = `<path class="tynb5sb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:number-stroke-16" {...props}></Icon>

package/components/o/organization-26.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/b/bomt-7g.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":26,"height":26};
-const content = `<path class="bomt-7g" />`;
+const content = `<path class="bomt-7g"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:organization-26" {...props}></Icon>

package/components/o/original-size-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/z/z5z1758b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="z5z1758b" />`;
+const content = `<path class="z5z1758b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:original-size-fill-12" {...props}></Icon>

package/components/o/original-size-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/j/j5ud2xbf.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="j5ud2xbf" />`;
+const content = `<path class="j5ud2xbf"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:original-size-fill-16" {...props}></Icon>

package/components/o/original-size-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/t/tr19n4bz.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="tr19n4bz" />`;
+const content = `<path class="tr19n4bz"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:original-size-stroke-12" {...props}></Icon>

package/components/o/original-size-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/v/v2r3iofg.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="v2r3iofg" />`;
+const content = `<path class="v2r3iofg"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:original-size-stroke-16" {...props}></Icon>

package/components/o/overflow-fill-12.svelte

@@ -5,9 +5,10 @@ import '../../css/n/njrtzg.css';
 import '../../css/s/slwp9k.css';
 import '../../css/k/klebjq.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="cuyn6t"><circle class="njrtzg" /><circle class="slwp9k" /><circle class="klebjq" /></g>`;
+const content = `<g class="cuyn6t"><circle class="njrtzg"/><circle class="slwp9k"/><circle class="klebjq"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-fill-12" {...props}></Icon>

package/components/o/overflow-fill-16.svelte

@@ -5,9 +5,10 @@ import '../../css/e/einszi.css';
 import '../../css/z/z9edis.css';
 import '../../css/k/kd06yl.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="cuyn6t"><circle class="einszi" /><circle class="z9edis" /><circle class="kd06yl" /></g>`;
+const content = `<g class="cuyn6t"><circle class="einszi"/><circle class="z9edis"/><circle class="kd06yl"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-fill-16" {...props}></Icon>

package/components/o/overflow-stroke-12.svelte

@@ -5,9 +5,10 @@ import '../../css/s/sk2yvl.css';
 import '../../css/y/y54gef.css';
 import '../../css/f/fw5rte.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="cuyn6t"><circle class="sk2yvl" /><circle class="y54gef" /><circle class="fw5rte" /></g>`;
+const content = `<g class="cuyn6t"><circle class="sk2yvl"/><circle class="y54gef"/><circle class="fw5rte"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-stroke-12" {...props}></Icon>

package/components/o/overflow-stroke-16.svelte

@@ -5,9 +5,10 @@ import '../../css/o/o_45fb.css';
 import '../../css/n/nyl59r.css';
 import '../../css/j/jitkzf.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="cuyn6t"><circle class="o_45fb" /><circle class="nyl59r" /><circle class="jitkzf" /></g>`;
+const content = `<g class="cuyn6t"><circle class="o_45fb"/><circle class="nyl59r"/><circle class="jitkzf"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-stroke-16" {...props}></Icon>

package/components/o/overflow-vertical-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/x/xyfok-q.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="xyfok-q" />`;
+const content = `<path class="xyfok-q"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-vertical-fill-12" {...props}></Icon>

package/components/o/overflow-vertical-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/o/ol7chui.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="ol7chui" />`;
+const content = `<path class="ol7chui"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-vertical-fill-16" {...props}></Icon>

package/components/o/overflow-vertical-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/q/qc4gbfb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="qc4gbfb" />`;
+const content = `<path class="qc4gbfb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-vertical-stroke-12" {...props}></Icon>

package/components/o/overflow-vertical-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/y/yx4k27b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="yx4k27b" />`;
+const content = `<path class="yx4k27b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:overflow-vertical-stroke-16" {...props}></Icon>

package/components/p/palette-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/i/i_2v8v8e.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="i_2v8v8e" />`;
+const content = `<path class="i_2v8v8e"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:palette-fill-12" {...props}></Icon>

package/components/p/palette-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/r/ryd9gmya.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="ryd9gmya" />`;
+const content = `<path class="ryd9gmya"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:palette-fill-16" {...props}></Icon>

package/components/p/palette-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/w/wu_10h8o.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="wu_10h8o" />`;
+const content = `<path class="wu_10h8o"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:palette-stroke-12" {...props}></Icon>

package/components/p/palette-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/x/xvu7g3cb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="xvu7g3cb" />`;
+const content = `<path class="xvu7g3cb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:palette-stroke-16" {...props}></Icon>

package/components/p/panels-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/n/n7_i8lb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="n7_i8lb" />`;
+const content = `<path class="n7_i8lb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:panels-fill-12" {...props}></Icon>

package/components/p/panels-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/g/gowmecc.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="gowmecc" />`;
+const content = `<path class="gowmecc"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:panels-fill-16" {...props}></Icon>

package/components/p/panels-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/t/tatr91t.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="tatr91t" />`;
+const content = `<path class="tatr91t"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:panels-stroke-12" {...props}></Icon>

package/components/p/panels-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/p/psh001x.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="psh001x" />`;
+const content = `<path class="psh001x"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:panels-stroke-16" {...props}></Icon>

package/components/p/paperclip-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/j/jq0upfb.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="jq0upfb" />`;
+const content = `<path class="jq0upfb"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:paperclip-12" {...props}></Icon>

package/components/p/paperclip-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/l/lvunr3b.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="lvunr3b" />`;
+const content = `<path class="lvunr3b"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:paperclip-16" {...props}></Icon>

package/components/p/parentheses-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/i/ico7ur4w.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="ico7ur4w" />`;
+const content = `<path class="ico7ur4w"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:parentheses-fill-12" {...props}></Icon>

package/components/p/parentheses-fill-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/w/w012ylbt.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="w012ylbt" />`;
+const content = `<path class="w012ylbt"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:parentheses-fill-16" {...props}></Icon>

package/components/p/parentheses-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/f/fgt6dvbv.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="fgt6dvbv" />`;
+const content = `<path class="fgt6dvbv"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:parentheses-stroke-12" {...props}></Icon>

package/components/p/parentheses-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/x/xsp1_acx.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="xsp1_acx" />`;
+const content = `<path class="xsp1_acx"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:parentheses-stroke-16" {...props}></Icon>

package/components/p/pause-fill-12.svelte

@@ -4,9 +4,10 @@ import '../../css/c/cuyn6t.css';
 import '../../css/o/oll5ml.css';
 import '../../css/b/br3lds.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="cuyn6t"><rect class="oll5ml" /><rect class="br3lds" /></g>`;
+const content = `<g class="cuyn6t"><rect class="oll5ml"/><rect class="br3lds"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:pause-fill-12" {...props}></Icon>

package/components/p/pause-fill-16.svelte

@@ -4,9 +4,10 @@ import '../../css/c/cuyn6t.css';
 import '../../css/p/pozmjb.css';
 import '../../css/v/vdcbkd.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="cuyn6t"><rect class="pozmjb" /><rect class="vdcbkd" /></g>`;
+const content = `<g class="cuyn6t"><rect class="pozmjb"/><rect class="vdcbkd"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:pause-fill-16" {...props}></Icon>

package/components/p/pause-stroke-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/p/pnuk51u.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="pnuk51u" />`;
+const content = `<path class="pnuk51u"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:pause-stroke-12" {...props}></Icon>

package/components/p/pause-stroke-16.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/j/j0hj1dx.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="j0hj1dx" />`;
+const content = `<path class="j0hj1dx"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:pause-stroke-16" {...props}></Icon>

package/components/p/pencil-fill-12.svelte

@@ -2,9 +2,10 @@
 import Icon from '@iconify/css-svelte';
 import '../../css/k/k4_9pbl.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="k4_9pbl" />`;
+const content = `<path class="k4_9pbl"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:pencil-fill-12" {...props}></Icon>