@iconify-svelte/garden 1.0.1 → 1.0.3

package/components/1/123-fill-12.svelte

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

package/components/1/123-fill-16.svelte

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

package/components/1/123-stroke-12.svelte

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

package/components/1/123-stroke-16.svelte

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

package/components/a/adjust-fill-12.svelte

@@ -5,9 +5,10 @@ import '../../css/c/cuyn6t.css';
 import '../../css/a/ae87yy.css';
 import '../../css/g/gh288v.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<path class="oc-hatk" /><g class="cuyn6t"><circle class="ae87yy" /><circle class="gh288v" /></g>`;
+const content = `<path class="oc-hatk"/><g class="cuyn6t"><circle class="ae87yy"/><circle class="gh288v"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:adjust-fill-12" {...props}></Icon>

package/components/a/adjust-fill-16.svelte

@@ -5,9 +5,10 @@ import '../../css/c/cuyn6t.css';
 import '../../css/n/n-fdfl.css';
 import '../../css/o/opnvlj.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<path class="jzy9h7p" /><g class="cuyn6t"><circle class="n-fdfl" /><circle class="opnvlj" /></g>`;
+const content = `<path class="jzy9h7p"/><g class="cuyn6t"><circle class="n-fdfl"/><circle class="opnvlj"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:adjust-fill-16" {...props}></Icon>

package/components/a/adjust-stroke-12.svelte

@@ -5,9 +5,10 @@ import '../../css/u/ulnk4k.css';
 import '../../css/w/w2-6cq.css';
 import '../../css/t/t2l5vj.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="h01tyl"><circle class="ulnk4k" /><circle class="w2-6cq" /><path class="t2l5vj" /></g>`;
+const content = `<g class="h01tyl"><circle class="ulnk4k"/><circle class="w2-6cq"/><path class="t2l5vj"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:adjust-stroke-12" {...props}></Icon>

package/components/a/adjust-stroke-16.svelte

@@ -5,9 +5,10 @@ import '../../css/z/z4wa8q.css';
 import '../../css/r/r1dzel.css';
 import '../../css/w/w9lxmj.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="h01tyl"><circle class="z4wa8q" /><circle class="r1dzel" /><path class="w9lxmj" /></g>`;
+const content = `<g class="h01tyl"><circle class="z4wa8q"/><circle class="r1dzel"/><path class="w9lxmj"/></g>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:adjust-stroke-16" {...props}></Icon>

package/components/a/alert-error-fill-12.svelte

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

package/components/a/alert-error-fill-16.svelte

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

package/components/a/alert-error-stroke-12.svelte

@@ -5,9 +5,10 @@ import '../../css/o/ohlpaj.css';
 import '../../css/i/i6lvci.css';
 import '../../css/e/ejq2wy.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":12,"height":12};
-const content = `<g class="h01tyl"><circle class="ohlpaj" /><path class="i6lvci" /></g><circle class="ejq2wy" />`;
+const content = `<g class="h01tyl"><circle class="ohlpaj"/><path class="i6lvci"/></g><circle class="ejq2wy"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:alert-error-stroke-12" {...props}></Icon>

package/components/a/alert-error-stroke-16.svelte

@@ -5,9 +5,10 @@ import '../../css/h/hde0fj.css';
 import '../../css/j/jkfvpr.css';
 import '../../css/p/p9hlqd.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":16,"height":16};
-const content = `<g class="h01tyl"><circle class="hde0fj" /><path class="jkfvpr" /></g><circle class="p9hlqd" />`;
+const content = `<g class="h01tyl"><circle class="hde0fj"/><path class="jkfvpr"/></g><circle class="p9hlqd"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:alert-error-stroke-16" {...props}></Icon>

package/components/a/alert-warning-fill-12.svelte

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

package/components/a/alert-warning-fill-16.svelte

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

package/components/a/alert-warning-stroke-12.svelte

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

package/components/a/alert-warning-stroke-16.svelte

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

package/components/a/align-center-fill-12.svelte

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

package/components/a/align-center-fill-16.svelte

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

package/components/a/align-center-stroke-12.svelte

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

package/components/a/align-center-stroke-16.svelte

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

package/components/a/align-justify-fill-12.svelte

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

package/components/a/align-justify-fill-16.svelte

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

package/components/a/align-justify-stroke-12.svelte

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

package/components/a/align-justify-stroke-16.svelte

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

package/components/a/align-left-fill-12.svelte

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

package/components/a/align-left-fill-16.svelte

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

package/components/a/align-left-stroke-12.svelte

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

package/components/a/align-left-stroke-16.svelte

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

package/components/a/align-right-fill-12.svelte

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

package/components/a/align-right-fill-16.svelte

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

package/components/a/align-right-stroke-12.svelte

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

package/components/a/align-right-stroke-16.svelte

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

package/components/a/alt-text-fill-12.svelte

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

package/components/a/alt-text-fill-16.svelte

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

package/components/a/alt-text-stroke-12.svelte

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

package/components/a/alt-text-stroke-16.svelte

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

package/components/a/answer-bot-26.svelte

@@ -3,9 +3,10 @@ import Icon from '@iconify/css-svelte';
 import '../../css/c/cvng2h.css';
 import '../../css/u/utmbef.css';
 
+/** @type {{width?: string; height?: string;}} */
 let {width, height, ...props} = $props();
 
 const viewBox = {"width":26,"height":26};
-const content = `<rect class="cvng2h" /><rect class="utmbef" />`;
+const content = `<rect class="cvng2h"/><rect class="utmbef"/>`;
 </script>
 <Icon width={width} height={height} viewBox={viewBox} content={content} fallback="garden:answer-bot-26" {...props}></Icon>

package/components/a/app-26.svelte

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

package/components/a/arrange-content-26.svelte

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

package/components/a/arrow-left-fill-12.svelte

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

package/components/a/arrow-left-fill-16.svelte

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

package/components/a/arrow-left-sm-fill-12.svelte

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

package/components/a/arrow-left-sm-fill-16.svelte

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

package/components/a/arrow-left-sm-stroke-12.svelte

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

package/components/a/arrow-left-sm-stroke-16.svelte

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

package/components/a/arrow-left-stroke-12.svelte

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

package/components/a/arrow-left-stroke-16.svelte

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