@neut/ui 0.0.8 → 0.0.10

package/dist/components/image/ImagePreload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreload.js","names":["Component","Portal","ImgProps","ImagePreloadProps","imgAttributes","Pick","ImagePreload","props","a","linkKey","src","srcSet","sizes","document","head","querySelector","_$createComponent","mount","children","_el$","_tmpl$","_$setAttribute","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","crossOrigin","_v$5","referrerPolicy","_v$6","fetchpriority","e","t","o","i","n"],"sources":["../../../src/components/image/ImagePreload.tsx"],"sourcesContent":["/**\n * ImagePreload.tsx\n * 单一职责：仅负责向 <head> 注入 <link rel=\"preload\"> 标签，\n * 以提升 LCP 图片的加载优先级。不包含任何 <img> 渲染逻辑。\n */\n\nimport type { Component } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport type { ImgProps } from \"./Image.types\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\nexport interface ImagePreloadProps {\n  imgAttributes: Pick<\n    ImgProps,\n    | \"src\"\n    | \"srcSet\"\n    | \"sizes\"\n    | \"crossOrigin\"\n    | \"referrerPolicy\"\n    | \"fetchpriority\"\n  >;\n}\n\n// ─── 组件 ─────────────────────────────────────────────────────────────────────\n\n/**\n * 通过 SolidJS <Portal> 将 <link> 插入 document.head。\n *\n * 注意：\n * - 故意省略 href（当 imagesrcset 存在时），以避免不支持 srcset 的浏览器\n *   加载错误尺寸的图片。详见 HTML spec §attr-link-imagesrcset。\n * - SolidJS SSR 环境可将此组件替换为 server-side head injection。\n */\nconst ImagePreload: Component<ImagePreloadProps> = (props) => {\n  const { imgAttributes: a } = props;\n\n  // 唯一 key 避免重复插入相同的 preload\n  const linkKey = `__img-preload-${a.src}-${a.srcSet ?? \"\"}-${a.sizes ?? \"\"}`;\n\n  // 若已存在相同 key 的 link，则跳过（SSR hydrate 场景）\n  if (typeof document !== \"undefined\") {\n    if (document.head.querySelector(`link[data-img-key=\"${linkKey}\"]`)) {\n      return null;\n    }\n  }\n\n  return (\n    <Portal mount={document.head}>\n      <link\n        rel=\"preload\"\n        as=\"image\"\n        data-img-key={linkKey}\n        // 当存在 srcset 时不设置 href，遵从 spec\n        href={a.srcSet ? undefined : a.src}\n        imagesrcset={a.srcSet}\n        imagesizes={a.sizes}\n        crossorigin={a.crossOrigin}\n        referrerpolicy={a.referrerPolicy}\n        fetchpriority={a.fetchpriority}\n      />\n    </Portal>\n  );\n};\n\nexport default ImagePreload;\n"],"mappings":";;0DAkCMM,KAA8CC,MAAU;CAC5D,IAAM,EAAEH,eAAeI,MAAMD,GAGvBE,IAAU,iBAAiBD,EAAEE,IAAG,GAAIF,EAAEG,UAAU,GAAE,GAAIH,EAAEI,SAAS;AASvE,QANI,OAAOC,WAAa,OAClBA,SAASC,KAAKC,cAAc,sBAAsBN,EAAO,IAAK,GACzD,OAIXO,EACGf,GAAM;EAAA,IAACgB,QAAK;AAAA,UAAEJ,SAASC;;EAAI,IAAAI,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAWM,UAXNC,EAAAF,GAAA,gBAIVV,EAAO,EAAAa,GAAAC,MAAA;IAAA,IAAAC,IAEfhB,EAAEG,SAASc,KAAAA,IAAYjB,EAAEE,KAAGgB,IACrBlB,EAAEG,QAAMgB,IACTnB,EAAEI,OAAKgB,IACNpB,EAAEqB,aAAWC,IACVtB,EAAEuB,gBAAcC,IACjBxB,EAAEyB;AAAa,WAAAT,MAAAD,EAAAW,KAAAb,EAAAF,GAAA,QAAAI,EAAAW,IAAAV,EAAA,EAAAE,MAAAH,EAAAY,KAAAd,EAAAF,GAAA,eAAAI,EAAAY,IAAAT,EAAA,EAAAC,MAAAJ,EAAAf,KAAAa,EAAAF,GAAA,cAAAI,EAAAf,IAAAmB,EAAA,EAAAC,MAAAL,EAAAa,KAAAf,EAAAF,GAAA,eAAAI,EAAAa,IAAAR,EAAA,EAAAE,MAAAP,EAAAc,KAAAhB,EAAAF,GAAA,kBAAAI,EAAAc,IAAAP,EAAA,EAAAE,MAAAT,EAAAe,KAAAjB,EAAAF,GAAA,iBAAAI,EAAAe,IAAAN,EAAA,EAAAT;MAAA;IAAAW,GAAAT,KAAAA;IAAAU,GAAAV,KAAAA;IAAAjB,GAAAiB,KAAAA;IAAAW,GAAAX,KAAAA;IAAAY,GAAAZ,KAAAA;IAAAa,GAAAb,KAAAA;IAAA,CAAA,EAAAN;;EAAA,CAAA"}
+{"version":3,"file":"ImagePreload.js","names":["Component","Portal","ImgProps","ImagePreloadProps","imgAttributes","Pick","ImagePreload","props","a","linkKey","src","srcSet","sizes","document","head","querySelector","_$createComponent","mount","children","_el$","_tmpl$","_$setAttribute","_$effect","_p$","_v$","undefined","_v$2","_v$3","_v$4","crossOrigin","_v$5","referrerPolicy","_v$6","fetchpriority","e","t","o","i","n"],"sources":["../../../src/components/image/ImagePreload.tsx"],"sourcesContent":["/**\n * ImagePreload.tsx\n * 单一职责：仅负责向 <head> 注入 <link rel=\"preload\"> 标签，\n * 以提升 LCP 图片的加载优先级。不包含任何 <img> 渲染逻辑。\n */\n\nimport type { Component } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport type { ImgProps } from \"./Image.types\";\n\n// ─── Props ────────────────────────────────────────────────────────────────────\n\nexport interface ImagePreloadProps {\n  imgAttributes: Pick<\n    ImgProps,\n    | \"src\"\n    | \"srcSet\"\n    | \"sizes\"\n    | \"crossOrigin\"\n    | \"referrerPolicy\"\n    | \"fetchpriority\"\n  >;\n}\n\n// ─── 组件 ─────────────────────────────────────────────────────────────────────\n\n/**\n * 通过 SolidJS <Portal> 将 <link> 插入 document.head。\n *\n * 注意：\n * - 故意省略 href（当 imagesrcset 存在时），以避免不支持 srcset 的浏览器\n *   加载错误尺寸的图片。详见 HTML spec §attr-link-imagesrcset。\n * - SolidJS SSR 环境可将此组件替换为 server-side head injection。\n */\nconst ImagePreload: Component<ImagePreloadProps> = (props) => {\n  const { imgAttributes: a } = props;\n\n  // 唯一 key 避免重复插入相同的 preload\n  const linkKey = `__img-preload-${a.src}-${a.srcSet ?? \"\"}-${a.sizes ?? \"\"}`;\n\n  // 若已存在相同 key 的 link，则跳过（SSR hydrate 场景）\n  if (typeof document !== \"undefined\") {\n    if (document.head.querySelector(`link[data-img-key=\"${linkKey}\"]`)) {\n      return null;\n    }\n  }\n\n  return (\n    <Portal mount={document.head}>\n      <link\n        rel=\"preload\"\n        as=\"image\"\n        data-img-key={linkKey}\n        // 当存在 srcset 时不设置 href，遵从 spec\n        href={a.srcSet ? undefined : a.src}\n        imagesrcset={a.srcSet}\n        imagesizes={a.sizes}\n        crossorigin={a.crossOrigin}\n        referrerpolicy={a.referrerPolicy}\n        fetchpriority={a.fetchpriority}\n      />\n    </Portal>\n  );\n};\n\nexport default ImagePreload;\n"],"mappings":";;wDAkCMM,KAA8CC,MAAU;CAC5D,IAAM,EAAEH,eAAeI,MAAMD,GAGvBE,IAAU,iBAAiBD,EAAEE,IAAG,GAAIF,EAAEG,UAAU,GAAE,GAAIH,EAAEI,SAAS;CASvE,OANI,OAAOC,WAAa,OAClBA,SAASC,KAAKC,cAAc,sBAAsBN,EAAO,GAAI,IACxD,OAIXO,EACGf,GAAM;EAAA,IAACgB,QAAK;GAAA,OAAEJ,SAASC;EAAI;EAAA,IAAAI,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAWM,OAXNC,EAAAF,GAAA,gBAIVV,CAAO,GAAAa,GAAAC,MAAA;IAAA,IAAAC,IAEfhB,EAAEG,SAASc,KAAAA,IAAYjB,EAAEE,KAAGgB,IACrBlB,EAAEG,QAAMgB,IACTnB,EAAEI,OAAKgB,IACNpB,EAAEqB,aAAWC,IACVtB,EAAEuB,gBAAcC,IACjBxB,EAAEyB;IAAa,OAAAT,MAAAD,EAAAW,KAAAb,EAAAF,GAAA,QAAAI,EAAAW,IAAAV,CAAA,GAAAE,MAAAH,EAAAY,KAAAd,EAAAF,GAAA,eAAAI,EAAAY,IAAAT,CAAA,GAAAC,MAAAJ,EAAAf,KAAAa,EAAAF,GAAA,cAAAI,EAAAf,IAAAmB,CAAA,GAAAC,MAAAL,EAAAa,KAAAf,EAAAF,GAAA,eAAAI,EAAAa,IAAAR,CAAA,GAAAE,MAAAP,EAAAc,KAAAhB,EAAAF,GAAA,kBAAAI,EAAAc,IAAAP,CAAA,GAAAE,MAAAT,EAAAe,KAAAjB,EAAAF,GAAA,iBAAAI,EAAAe,IAAAN,CAAA,GAAAT;GAAA,GAAA;IAAAW,GAAAT,KAAAA;IAAAU,GAAAV,KAAAA;IAAAjB,GAAAiB,KAAAA;IAAAW,GAAAX,KAAAA;IAAAY,GAAAZ,KAAAA;IAAAa,GAAAb,KAAAA;GAAA,CAAA,GAAAN;EAAA;CAAA,CAAA;AAItC"}

package/dist/components/input/Input.js

@@ -2,37 +2,37 @@ import { clsx as e } from "../../utils/clsx.js";
 import { delegateEvents as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { createMemo as a, createUniqueId as o, mergeProps as s, splitProps as c } from "solid-js";
 //#region src/components/input/Input.tsx
-var l = /* @__PURE__ */ i("<input data-slot=input>"), u = (t) => {
-	let [i, u] = c(s({
+var l = /*#__PURE__*/ i("<input data-slot=input>"), u = (t) => {
+	let i = s({
 		id: o(),
 		type: "text"
-	}, t), [
+	}, t), [u, d] = c(i, [
 		"value",
 		"defaultValue",
 		"type",
 		"onInput",
 		"onChange",
 		"class"
-	]), d = (e) => {
+	]), f = (e) => {
 		let t = e.target.value;
-		i.type === "number" && (t = Number(e.target.value)), i.onInput?.(t);
-	}, f = (e) => {
+		u.type === "number" && (t = Number(e.target.value)), u.onInput?.(t);
+	}, p = (e) => {
 		let t = e.target.value;
-		i.type === "number" && (t = Number(e.target.value)), i.onChange?.(t);
-	}, p = a(() => i.value === void 0 ? i.defaultValue : i.value);
+		u.type === "number" && (t = Number(e.target.value)), u.onChange?.(t);
+	}, m = a(() => u.value === void 0 ? u.defaultValue : u.value);
 	return (() => {
 		var t = l();
-		return t.addEventListener("change", f), t.$$input = d, r(t, n({
+		return t.addEventListener("change", p), t.$$input = f, r(t, n({
 			get type() {
-				return i.type;
+				return u.type;
 			},
 			get value() {
-				return p();
+				return m();
 			},
 			get class() {
-				return e("h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40", i.class);
+				return e("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", u.class);
 			}
-		}, u), !1, !1), t;
+		}, d), !1, !1), t;
 	})();
 };
 t(["input"]);

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["createMemo","createUniqueId","JSX","mergeProps","splitProps","InputProps","clsx","Input","props","merged","id","type","const","local","others","handleInput","IntrinsicElements","e","value","target","Number","onInput","handleChange","onChange","undefined","defaultValue","_el$","_tmpl$","addEventListener","$$input","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import {\n  createMemo,\n  createUniqueId,\n  type JSX,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { InputProps } from \"./Input.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Input = (props: InputProps) => {\n  const merged = mergeProps(\n    { id: createUniqueId(), type: \"text\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"type\",\n    \"onInput\",\n    \"onChange\",\n    \"class\",\n  ]);\n\n  const handleInput: JSX.IntrinsicElements[\"input\"][\"onInput\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onInput?.(value);\n  };\n\n  const handleChange: JSX.IntrinsicElements[\"input\"][\"onChange\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onChange?.(value);\n  };\n\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : local.defaultValue,\n  );\n\n  return (\n    <input\n      type={local.type}\n      value={value()}\n      data-slot=\"input\"\n      class={clsx(\n        \"h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40\",\n        local.class,\n      )}\n      onInput={handleInput}\n      onChange={handleChange}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAUaO,KAASC,MAAsB;CAM1C,IAAM,CAACK,GAAOC,KAAUV,EALTD,EACb;EAAEO,IAAIT,GAAgB;EAAEU,MAAM;EAAQ,EACtCH,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIO,KAA0DE,MAAM;EACpE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMQ,UAAUH,EAAM;IAGlBI,KAA4DL,MAAM;EACtE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMU,WAAWL,EAAM;IAGnBA,IAAQlB,QACZa,EAAMK,UAAUM,KAAAA,IAA0BX,EAAMY,eAApBZ,EAAMK,MACnC;AAED,eAAA;EAAA,IAAAQ,IAAAC,GAAA;AAWc,SAXdD,EAAAE,iBAAA,UAUcN,EAAY,EAAAI,EAAAG,UADbd,GAAWe,EAAAJ,GAAAK,EAAA;GAAA,IAPpBpB,OAAI;AAAA,WAAEE,EAAMF;;GAAI,IAChBO,QAAK;AAAA,WAAEA,GAAO;;GAAA,IAAA,QAAA;AAAA,WAEPZ,EACL,y0BACAO,EAAMmB,MACP;;GAAA,EAGGlB,EAAM,EAAA,IAAA,GAAA,EAAAY;KAAA;;AAGdO,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"Input.js","names":["createMemo","createUniqueId","JSX","mergeProps","splitProps","InputProps","clsx","Input","props","merged","id","type","const","local","others","handleInput","IntrinsicElements","e","value","target","Number","onInput","handleChange","onChange","undefined","defaultValue","_el$","_tmpl$","addEventListener","$$input","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import {\n  createMemo,\n  createUniqueId,\n  type JSX,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { InputProps } from \"./Input.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Input = (props: InputProps) => {\n  const merged = mergeProps(\n    { id: createUniqueId(), type: \"text\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"type\",\n    \"onInput\",\n    \"onChange\",\n    \"class\",\n  ]);\n\n  const handleInput: JSX.IntrinsicElements[\"input\"][\"onInput\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onInput?.(value);\n  };\n\n  const handleChange: JSX.IntrinsicElements[\"input\"][\"onChange\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onChange?.(value);\n  };\n\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : local.defaultValue,\n  );\n\n  return (\n    <input\n      type={local.type}\n      value={value()}\n      data-slot=\"input\"\n      class={clsx(\n        \"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        local.class,\n      )}\n      onInput={handleInput}\n      onChange={handleChange}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;oDAUaO,KAASC,MAAsB;CAC1C,IAAMC,IAASN,EACb;EAAEO,IAAIT,EAAe;EAAGU,MAAM;CAAO,GACrCH,CACF,GAEM,CAACK,GAAOC,KAAUV,EAAWK,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAO,CACR,GAEKM,KAA0DE,MAAM;EACpE,IAAIC,IAAyBD,EAAEE,OAAOD;EAKtCL,AAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,KAAK,IAG/BL,EAAMQ,UAAUH,CAAK;CACvB,GAEMI,KAA4DL,MAAM;EACtE,IAAIC,IAAyBD,EAAEE,OAAOD;EAKtCL,AAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,KAAK,IAG/BL,EAAMU,WAAWL,CAAK;CACxB,GAEMA,IAAQlB,QACZa,EAAMK,UAAUM,KAAAA,IAA0BX,EAAMY,eAApBZ,EAAMK,KACpC;CAEA,cAAA;EAAA,IAAAQ,IAAAC,EAAA;EAWc,OAXdD,EAAAE,iBAAA,UAUcN,CAAY,GAAAI,EAAAG,UADbd,GAAWe,EAAAJ,GAAAK,EAAA;GAAA,IAPpBpB,OAAI;IAAA,OAAEE,EAAMF;GAAI;GAAA,IAChBO,QAAK;IAAA,OAAEA,EAAM;GAAC;GAAA,IAAA,QAAA;IAAA,OAEPZ,EACL,+oBACAO,EAAMmB,KACR;GAAC;EAAA,GAGGlB,CAAM,GAAA,IAAA,EAAA,GAAAY;CAAA,EAAA,CAAA;AAGhB;AAAEO,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/input-group/InputGroup/InputGroup.js

@@ -2,12 +2,12 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/input-group/InputGroup/InputGroup.tsx
-var a = /* @__PURE__ */ r("<div data-slot=input-group role=group>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=input-group role=group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
 		return n(r, t({ get class() {
-			return e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", "border-neutral-200 has-disabled:bg-neutral-200/50 has-[[data-slot=input-group-control]:focus-visible]:border-neutral-400 has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-400/50 has-[[data-slot][aria-invalid=true]]:border-red-600 has-[[data-slot][aria-invalid=true]]:ring-red-600/20", "dark:border-white/15 dark:bg-white/4.5 dark:has-disabled:bg-white/12 dark:has-[[data-slot=input-group-control]:focus-visible]:border-neutral-500 dark:has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-500/50 dark:has-[[data-slot][aria-invalid=true]]:border-red-400 dark:has-[[data-slot][aria-invalid=true]]:ring-red-400/40", o.class);
+			return e("group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

package/dist/components/input-group/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","names":["splitProps","InputGroupProps","clsx","InputGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroup/InputGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupProps } from \"./InputGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroup = (props: InputGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      class={clsx(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        \"border-neutral-200 has-disabled:bg-neutral-200/50 has-[[data-slot=input-group-control]:focus-visible]:border-neutral-400 has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-400/50 has-[[data-slot][aria-invalid=true]]:border-red-600 has-[[data-slot][aria-invalid=true]]:ring-red-600/20\",\n        \"dark:border-white/15 dark:bg-white/4.5 dark:has-disabled:bg-white/12 dark:has-[[data-slot=input-group-control]:focus-visible]:border-neutral-500 dark:has-[[data-slot=input-group-control]:focus-visible]:ring-neutral-500/50 dark:has-[[data-slot][aria-invalid=true]]:border-red-400 dark:has-[[data-slot][aria-invalid=true]]:ring-red-400/40\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;qEAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AACjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAUc,SAVdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EACL,otBACA,6SACA,oVACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"InputGroup.js","names":["splitProps","InputGroupProps","clsx","InputGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroup/InputGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupProps } from \"./InputGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroup = (props: InputGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      class={clsx(\n        \"group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;mEAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAChE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EACL,ylCACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js

@@ -3,8 +3,8 @@ import { inputGroupAddonVariants as t } from "./InputGroupAddon.styles.js";
 import { delegateEvents as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
 import { mergeProps as o, splitProps as s } from "solid-js";
 //#region src/components/input-group/InputGroupAddon/InputGroupAddon.tsx
-var c = /* @__PURE__ */ a("<div role=group data-slot=input-group-addon>"), l = (n) => {
-	let [a, l] = s(o({ align: "inline-start" }, n), [
+var c = /*#__PURE__*/ a("<div role=group data-slot=input-group-addon>"), l = (n) => {
+	let a = o({ align: "inline-start" }, n), [l, u] = s(a, [
 		"align",
 		"class",
 		"classList"
@@ -15,12 +15,12 @@ var c = /* @__PURE__ */ a("<div role=group data-slot=input-group-addon>"), l = (
 			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
 		}, i(n, r({
 			get "data-align"() {
-				return a.align;
+				return l.align;
 			},
 			get class() {
-				return e(t({ align: a.align }), a.class);
+				return e(t({ align: l.align }), l.class);
 			}
-		}, l), !1, !1), n;
+		}, u), !1, !1), n;
 	})();
 };
 n(["click"]);

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupAddon.js","names":["InputGroupAddonProps","inputGroupAddonVariants","mergeProps","splitProps","clsx","InputGroupAddon","props","merged","align","const","local","others","_el$","_tmpl$","$$click","e","target","HTMLElement","closest","currentTarget","parentElement","querySelector","focus","_$spread","_$mergeProps","data-align","class","_$delegateEvents"],"sources":["../../../../src/components/input-group/InputGroupAddon/InputGroupAddon.tsx"],"sourcesContent":["import type { InputGroupAddonProps } from \"./InputGroupAddon.types\";\nimport { inputGroupAddonVariants } from \"./InputGroupAddon.styles\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupAddon = (props: InputGroupAddonProps) => {\n  const merged = mergeProps({ align: \"inline-start\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"align\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={local.align}\n      class={clsx(inputGroupAddonVariants({ align: local.align }), local.class)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2EAKaK,KAAmBC,MAAgC;CAG9D,IAAM,CAACI,GAAOC,KAAUR,EAFTD,EAAW,EAAEM,OAAO,gBAAgB,EAAWF,EAAM,EAEzB;EAAC;EAAS;EAAS;EAAY,CAAC;AAE3E,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAYc,SAZdD,EAAAE,WAMcC,MAAM;AACTA,KAAEC,OAAuBE,QAAQ,SAAS,IAG/CH,EAAEI,cAAcC,eAAeC,cAAc,QAAQ,EAAEC,OAAO;KAC/DC,EAAAX,GAAAY,EAAA;GAAA,IAAA,eAAA;AAAA,WAPWd,EAAMF;;GAAK,IAAA,QAAA;AAAA,WAChBJ,EAAKH,EAAwB,EAAEO,OAAOE,EAAMF,OAAO,CAAC,EAAEE,EAAMgB,MAAM;;GAAA,EAOrEf,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;;AAGde,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"InputGroupAddon.js","names":["InputGroupAddonProps","inputGroupAddonVariants","mergeProps","splitProps","clsx","InputGroupAddon","props","merged","align","const","local","others","_el$","_tmpl$","$$click","e","target","HTMLElement","closest","currentTarget","parentElement","querySelector","focus","_$spread","_$mergeProps","data-align","class","_$delegateEvents"],"sources":["../../../../src/components/input-group/InputGroupAddon/InputGroupAddon.tsx"],"sourcesContent":["import type { InputGroupAddonProps } from \"./InputGroupAddon.types\";\nimport { inputGroupAddonVariants } from \"./InputGroupAddon.styles\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupAddon = (props: InputGroupAddonProps) => {\n  const merged = mergeProps({ align: \"inline-start\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"align\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={local.align}\n      class={clsx(inputGroupAddonVariants({ align: local.align }), local.class)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;yEAKaK,KAAmBC,MAAgC;CAC9D,IAAMC,IAASL,EAAW,EAAEM,OAAO,eAAe,GAAYF,CAAK,GAE7D,CAACI,GAAOC,KAAUR,EAAWI,GAAQ;EAAC;EAAS;EAAS;CAAW,CAAC;CAE1E,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAYc,OAZdD,EAAAE,WAMcC,MAAM;GACTA,EAAEC,OAAuBE,QAAQ,QAAQ,KAG9CH,EAAEI,cAAcC,eAAeC,cAAc,OAAO,CAAC,EAAEC,MAAM;EAC/D,GAACC,EAAAX,GAAAY,EAAA;GAAA,IAAA,eAAA;IAAA,OAPWd,EAAMF;GAAK;GAAA,IAAA,QAAA;IAAA,OAChBJ,EAAKH,EAAwB,EAAEO,OAAOE,EAAMF,MAAM,CAAC,GAAGE,EAAMgB,KAAK;GAAC;EAAA,GAOrEf,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB;AAAEe,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js

@@ -1,6 +1,6 @@
 import { cva as e } from "class-variance-authority";
 //#region src/components/input-group/InputGroupAddon/InputGroupAddon.styles.ts
-var t = e("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
+var t = e("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
 	variants: { align: {
 		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
 		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupAddon.styles.js","names":[],"sources":["../../../../src/components/input-group/InputGroupAddon/InputGroupAddon.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA0B,EACrC,4QACA;CACE,UAAU,EACR,OAAO;EACL,gBACE;EACF,cACE;EACF,eACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,OAAO,gBACR;CACF,CACF"}
+{"version":3,"file":"InputGroupAddon.styles.js","names":[],"sources":["../../../../src/components/input-group/InputGroupAddon/InputGroupAddon.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const inputGroupAddonVariants = cva(\n  \"flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]\",\n        \"inline-end\":\n          \"order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n        \"block-end\":\n          \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA0B,EACrC,2PACA;CACE,UAAU,EACR,OAAO;EACL,gBACE;EACF,cACE;EACF,eACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,OAAO,eACT;AACF,CACF"}

package/dist/components/input-group/InputGroupButton/InputGroupButton.js

@@ -5,28 +5,28 @@ import { createComponent as r, mergeProps as i } from "solid-js/web";
 import { createMemo as a, mergeProps as o, splitProps as s } from "solid-js";
 //#region src/components/input-group/InputGroupButton/InputGroupButton.tsx
 var c = (c) => {
-	let [l, u] = s(o({
+	let l = o({
 		type: "button",
 		variant: "ghost",
 		size: "xs"
-	}, c), [
+	}, c), [u, d] = s(l, [
 		"size",
 		"variant",
 		"class",
 		"classList"
-	]), d = a(() => u.icon && typeof u.icon == "object" && "ariaLabel" in u.icon && "icon" in u.icon || !!u.icon && !u.children);
-	return r(t, i(u, {
+	]), f = a(() => !!d.icon && !d.children);
+	return r(t, i(d, {
 		get "data-size"() {
-			return l.size;
+			return u.size;
 		},
 		get variant() {
-			return l.variant;
+			return u.variant;
 		},
 		get class() {
 			return e(n({
-				size: d() ? void 0 : l.size,
-				iconSize: d() ? l.size : void 0
-			}), l.class);
+				size: f() ? void 0 : u.size,
+				iconSize: f() ? u.size : void 0
+			}), u.class);
 		}
 	}));
 };

package/dist/components/input-group/InputGroupButton/InputGroupButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupButton.js","names":["Button","InputGroupButtonProps","createMemo","mergeProps","splitProps","clsx","inputGroupButtonVariants","InputGroupButton","props","merged","type","variant","size","const","local","others","iconOnly","icon","children","_$createComponent","_$mergeProps","data-size","class","undefined","iconSize"],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.tsx"],"sourcesContent":["import { Button } from \"~/components/button/Button\";\nimport type { InputGroupButtonProps } from \"./InputGroupButton.types\";\nimport { createMemo, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { inputGroupButtonVariants } from \"./InputGroupButton.styles\";\n\nexport const InputGroupButton = (props: InputGroupButtonProps) => {\n  const merged = mergeProps(\n    { type: \"button\", variant: \"ghost\", size: \"xs\" } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"variant\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const iconOnly = createMemo(\n    () =>\n      (others.icon &&\n        typeof others.icon === \"object\" &&\n        \"ariaLabel\" in others.icon &&\n        \"icon\" in others.icon) ||\n      // @ts-expect-error\n      (!!others.icon && !others.children),\n  );\n\n  return (\n    // @ts-expect-error\n    <Button\n      {...others}\n      data-size={local.size}\n      variant={local.variant}\n      class={clsx(\n        inputGroupButtonVariants({\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaO,KAAoBC,MAAiC;CAKhE,IAAM,CAACM,GAAOC,KAAUX,EAJTD,EACb;EAAEO,MAAM;EAAUC,SAAS;EAASC,MAAM;EAAM,EAChDJ,EACD,EAC0C;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEIQ,IAAWd,QAEZa,EAAOE,QACN,OAAOF,EAAOE,QAAS,YACvB,eAAeF,EAAOE,QACtB,UAAUF,EAAOE,QAElB,CAAC,CAACF,EAAOE,QAAQ,CAACF,EAAOG,SAC7B;AAED,QACEC,EACCnB,GAAMoB,EACDL,GAAM;EAAA,IAAA,cAAA;AAAA,UACCD,EAAMF;;EAAI,IACrBD,UAAO;AAAA,UAAEG,EAAMH;;EAAO,IAAA,QAAA;AAAA,UACfN,EACLC,EAAyB;IACvBM,MAAMI,GAAU,GAAGO,KAAAA,IAAYT,EAAMF;IACrCY,UAAUR,GAAU,GAAGF,EAAMF,OAAOW,KAAAA;IACrC,CAAC,EACFT,EAAMQ,MACP;;EAAA,CAAA,CAAA"}
+{"version":3,"file":"InputGroupButton.js","names":["Button","InputGroupButtonProps","createMemo","mergeProps","splitProps","clsx","inputGroupButtonVariants","InputGroupButton","props","merged","type","variant","size","const","local","others","iconOnly","icon","children","_$createComponent","_$mergeProps","data-size","class","undefined","iconSize"],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.tsx"],"sourcesContent":["import { Button } from \"~/components/button/Button\";\nimport type { InputGroupButtonProps } from \"./InputGroupButton.types\";\nimport { createMemo, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { inputGroupButtonVariants } from \"./InputGroupButton.styles\";\n\nexport const InputGroupButton = (props: InputGroupButtonProps) => {\n  const merged = mergeProps(\n    { type: \"button\", variant: \"ghost\", size: \"xs\" } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"variant\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const iconOnly = createMemo(() => !!others.icon && !others.children);\n\n  return (\n    <Button\n      {...others}\n      data-size={local.size}\n      variant={local.variant}\n      class={clsx(\n        inputGroupButtonVariants({\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaO,KAAoBC,MAAiC;CAChE,IAAMC,IAASN,EACb;EAAEO,MAAM;EAAUC,SAAS;EAASC,MAAM;CAAK,GAC/CJ,CACF,GACM,CAACM,GAAOC,KAAUX,EAAWK,GAAQ;EACzC;EACA;EACA;EACA;CAAW,CACZ,GAEKO,IAAWd,QAAiB,CAAC,CAACa,EAAOE,QAAQ,CAACF,EAAOG,QAAQ;CAEnE,OAAAC,EACGnB,GAAMoB,EACDL,GAAM;EAAA,IAAA,cAAA;GAAA,OACCD,EAAMF;EAAI;EAAA,IACrBD,UAAO;GAAA,OAAEG,EAAMH;EAAO;EAAA,IAAA,QAAA;GAAA,OACfN,EACLC,EAAyB;IACvBM,MAAMI,EAAS,IAAIO,KAAAA,IAAYT,EAAMF;IACrCY,UAAUR,EAAS,IAAIF,EAAMF,OAAOW,KAAAA;GACtC,CAAC,GACDT,EAAMQ,KACR;EAAC;CAAA,CAAA,CAAA;AAGP"}

package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupButton.styles.js","names":[],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n      },\n      iconSize: {\n        xs: \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        sm: \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA2B,EACtC,+CACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,UAAU;GACR,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF"}
+{"version":3,"file":"InputGroupButton.styles.js","names":[],"sources":["../../../../src/components/input-group/InputGroupButton/InputGroupButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const inputGroupButtonVariants = cva(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n        sm: \"\",\n      },\n      iconSize: {\n        xs: \"size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0\",\n        sm: \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA2B,EACtC,+CACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,UAAU;GACR,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF"}

package/dist/components/input-group/InputGroupButton/InputGroupButton.types.d.ts

@@ -1,5 +1,4 @@
 import { VariantProps } from 'class-variance-authority';
-import { PolymorphicProps } from '../../../types';
 import { inputGroupButtonVariants } from './InputGroupButton.styles';
-import { Button } from '../../button/Button';
-export type InputGroupButtonProps = PolymorphicProps<typeof Button, VariantProps<typeof inputGroupButtonVariants>, false>;
+import { ButtonProps } from '../../button';
+export type InputGroupButtonProps = Omit<ButtonProps<"button">, "size"> & Pick<VariantProps<typeof inputGroupButtonVariants>, "size">;

package/dist/components/input-group/InputGroupInput/InputGroupInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupInput.js","names":["Input","InputGroupInputProps","splitProps","clsx","InputGroupInput","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupInput/InputGroupInput.tsx"],"sourcesContent":["import { Input } from \"~/components/input/Input\";\nimport type { InputGroupInputProps } from \"./InputGroupInput.types\";\nimport { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupInput = (props: InputGroupInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      class={clsx(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGR,GAAKS,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGN,EACL,oLACAG,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"InputGroupInput.js","names":["Input","InputGroupInputProps","splitProps","clsx","InputGroupInput","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupInput/InputGroupInput.tsx"],"sourcesContent":["import { Input } from \"~/components/input/Input\";\nimport type { InputGroupInputProps } from \"./InputGroupInput.types\";\nimport { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupInput = (props: InputGroupInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      class={clsx(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUL,EAAWG,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGR,GAAKS,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEGN,EACL,oLACAG,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/input-group/InputGroupText/InputGroupText.js

@@ -2,12 +2,12 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/input-group/InputGroupText/InputGroupText.tsx
-var a = /* @__PURE__ */ r("<span>"), o = (r) => {
+var a = /*#__PURE__*/ r("<span>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
 		return n(r, t({ get class() {
-			return e("flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o.class);
+			return e("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

package/dist/components/input-group/InputGroupText/InputGroupText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupText.js","names":["splitProps","InputGroupTextProps","clsx","InputGroupText","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupText/InputGroupText.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupTextProps } from \"./InputGroupText.types\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupText = (props: InputGroupTextProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      class={clsx(\n        \"flex items-center gap-2 text-sm text-neutral-500 dark:text-neutral-400 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;qCAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAMc,SANdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAEWR,EACL,2IACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"InputGroupText.js","names":["splitProps","InputGroupTextProps","clsx","InputGroupText","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupText/InputGroupText.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupTextProps } from \"./InputGroupText.types\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupText = (props: InputGroupTextProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      class={clsx(\n        \"flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;mCAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAEWR,EACL,0HACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/input-group/InputGroupTextarea/InputGroupTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroupTextarea.js","names":["splitProps","InputGroupTextareaProps","Textarea","clsx","InputGroupTextarea","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupTextarea/InputGroupTextarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupTextareaProps } from \"./InputGroupTextarea.types\";\nimport { Textarea } from \"~/components/textarea\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupTextarea = (props: InputGroupTextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      class={clsx(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGN,GAAQO,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEAN,EACL,qMACAG,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"InputGroupTextarea.js","names":["splitProps","InputGroupTextareaProps","Textarea","clsx","InputGroupTextarea","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/input-group/InputGroupTextarea/InputGroupTextarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { InputGroupTextareaProps } from \"./InputGroupTextarea.types\";\nimport { Textarea } from \"~/components/textarea\";\nimport { clsx } from \"~/utils\";\n\nexport const InputGroupTextarea = (props: InputGroupTextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      class={clsx(\n        \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGN,GAAQO,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEAN,EACL,qMACAG,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/item/Item/Item.js

@@ -4,12 +4,12 @@ import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/we
 import { mergeProps as a, splitProps as o } from "solid-js";
 //#region src/components/item/Item/Item.tsx
 var s = (s) => {
-	let [c, l] = o(a({
+	let c = a({
 		variant: "ghost",
 		size: "sm",
-		as: "div"
-	}, s), [
-		"as",
+		component: "div"
+	}, s), [l, u] = o(c, [
+		"component",
 		"variant",
 		"size",
 		"class",
@@ -17,16 +17,16 @@ var s = (s) => {
 	]);
 	return r(n, i({
 		get component() {
-			return c.as;
+			return l.component;
 		},
 		"data-slot": "item",
 		get class() {
 			return e(t({
-				variant: c.variant,
-				size: c.size
-			}), c.class);
+				variant: l.variant,
+				size: l.size
+			}), l.class);
 		}
-	}, l));
+	}, u));
 };
 //#endregion
 export { s as Item };

package/dist/components/item/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["mergeProps","splitProps","ValidComponent","clsx","ItemProps","itemVariants","Dynamic","Item","props","T","merged","variant","size","as","const","local","others","_$createComponent","_$mergeProps","component","class"],"sources":["../../../../src/components/item/Item/Item.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemProps } from \"./Item.types\";\nimport { itemVariants } from \"./Item.styles\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const Item = <T extends ValidComponent = \"div\">(props: ItemProps<T>) => {\n  const merged = mergeProps(\n    { variant: \"ghost\", size: \"sm\", as: \"div\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      component={local.as}\n      data-slot=\"item\"\n      class={clsx(\n        itemVariants({ variant: local.variant, size: local.size }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAMA,IAAaO,KAA0CC,MAAwB;CAM7E,IAAM,CAACO,GAAOC,KAAUf,EALTD,EACb;EAAEW,SAAS;EAASC,MAAM;EAAMC,IAAI;EAAO,EAC3CL,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACES,EACCX,GAAOY,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEJ,EAAMF;;EAAE,aAAA;EAAA,IAAA,QAAA;AAAA,UAEZV,EACLE,EAAa;IAAEM,SAASI,EAAMJ;IAASC,MAAMG,EAAMH;IAAM,CAAC,EAC1DG,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA"}
+{"version":3,"file":"Item.js","names":["mergeProps","splitProps","ValidComponent","clsx","ItemProps","itemVariants","Dynamic","Item","props","T","merged","variant","size","component","const","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/item/Item/Item.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemProps } from \"./Item.types\";\nimport { itemVariants } from \"./Item.styles\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const Item = <T extends ValidComponent = \"div\">(props: ItemProps<T>) => {\n  const merged = mergeProps(\n    { variant: \"ghost\", size: \"sm\", component: \"div\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"item\"\n      class={clsx(\n        itemVariants({ variant: local.variant, size: local.size }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAMA,IAAaO,KAA0CC,MAAwB;CAC7E,IAAME,IAASV,EACb;EAAEW,SAAS;EAASC,MAAM;EAAMC,WAAW;CAAM,GACjDL,CACF,GAEM,CAACO,GAAOC,KAAUf,EAAWS,GAAQ;EACzC;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAO,EACGX,GAAOY,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAErCV,EACLE,EAAa;IAAEM,SAASI,EAAMJ;IAASC,MAAMG,EAAMH;GAAK,CAAC,GACzDG,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/item/Item/Item.styles.js

@@ -1,11 +1,11 @@
 import { cva as e } from "class-variance-authority";
 //#region src/components/item/Item/Item.styles.ts
-var t = e("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 [a]:transition-colors [a]:hover:bg-neutral-100 dark:[a]:hover:bg-neutral-800", {
+var t = e("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
 	variants: {
 		variant: {
 			ghost: "border-transparent",
-			outline: "border-neutral-200 dark:border-white/10",
-			muted: "border-transparent bg-neutral-100/50 dark:bg-neutral-800/50"
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
 		},
 		size: {
 			sm: "gap-2.5 px-3 py-2.5",

package/dist/components/item/Item/Item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.styles.js","names":[],"sources":["../../../../src/components/item/Item/Item.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 [a]:transition-colors [a]:hover:bg-neutral-100 dark:[a]:hover:bg-neutral-800\",\n  {\n    variants: {\n      variant: {\n        ghost: \"border-transparent\",\n        outline: \"border-neutral-200 dark:border-white/10\",\n        muted: \"border-transparent bg-neutral-100/50 dark:bg-neutral-800/50\",\n      },\n      size: {\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"sm\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAe,EAC1B,6WACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF"}
+{"version":3,"file":"Item.styles.js","names":[],"sources":["../../../../src/components/item/Item/Item.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        ghost: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"sm\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAe,EAC1B,8OACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}

package/dist/components/item/ItemActions/ItemActions.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemActions/ItemActions.tsx
-var a = /* @__PURE__ */ r("<p data-slot=item-actions>"), o = (r) => {
+var a = /*#__PURE__*/ r("<p data-slot=item-actions>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

package/dist/components/item/ItemActions/ItemActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActions.js","names":["splitProps","clsx","ItemActionsProps","ItemActions","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemActions/ItemActions.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemActionsProps } from \"./ItemActions.types\";\n\nexport const ItemActions = (props: ItemActionsProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"item-actions\"\n      class={clsx(\"flex items-center gap-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;yDAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAK,2BAA2BI,EAAMM,MAAM;KAAA,EAC/CL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemActions.js","names":["splitProps","clsx","ItemActionsProps","ItemActions","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemActions/ItemActions.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemActionsProps } from \"./ItemActions.types\";\n\nexport const ItemActions = (props: ItemActionsProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"item-actions\"\n      class={clsx(\"flex items-center gap-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uDAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EAAK,2BAA2BI,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemContent/ItemContent.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemContent/ItemContent.tsx
-var a = /* @__PURE__ */ r("<div data-slot=item-content>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=item-content>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

package/dist/components/item/ItemContent/ItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemContent.js","names":["splitProps","clsx","ItemContentProps","ItemContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemContent/ItemContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemContentProps } from \"./ItemContent.types\";\n\nexport const ItemContent = (props: ItemContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-content\"\n      class={clsx(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,qGACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemContent.js","names":["splitProps","clsx","ItemContentProps","ItemContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemContent/ItemContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemContentProps } from \"./ItemContent.types\";\n\nexport const ItemContent = (props: ItemContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-content\"\n      class={clsx(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;yDAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,qGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemDescription/ItemDescription.js

@@ -2,12 +2,12 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemDescription/ItemDescription.tsx
-var a = /* @__PURE__ */ r("<p data-slot=item-description>"), o = (r) => {
+var a = /*#__PURE__*/ r("<p data-slot=item-description>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
 		return n(r, t({ get class() {
-			return e("line-clamp-2 text-left text-sm leading-normal font-normal text-neutral-500 dark:text-neutral-400 group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-200", o.class);
+			return e("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", o.class);
 		} }, s), !1, !1), r;
 	})();
 };

package/dist/components/item/ItemDescription/ItemDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDescription.js","names":["splitProps","clsx","ItemDescriptionProps","ItemDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemDescription/ItemDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemDescriptionProps } from \"./ItemDescription.types\";\n\nexport const ItemDescription = (props: ItemDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"item-description\"\n      class={clsx(\n        \"line-clamp-2 text-left text-sm leading-normal font-normal text-neutral-500 dark:text-neutral-400 group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-neutral-900 dark:[&>a:hover]:text-neutral-200\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6DAIaG,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,8OACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemDescription.js","names":["splitProps","clsx","ItemDescriptionProps","ItemDescription","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemDescription/ItemDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemDescriptionProps } from \"./ItemDescription.types\";\n\nexport const ItemDescription = (props: ItemDescriptionProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <p\n      data-slot=\"item-description\"\n      class={clsx(\n        \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,uLACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemFooter/ItemFooter.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemFooter/ItemFooter.tsx
-var a = /* @__PURE__ */ r("<div data-slot=item-footer>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=item-footer>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

package/dist/components/item/ItemFooter/ItemFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemFooter.js","names":["splitProps","clsx","ItemFooterProps","ItemFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemFooter/ItemFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemFooterProps } from \"./ItemFooter.types\";\n\nexport const ItemFooter = (props: ItemFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-footer\"\n      class={clsx(\n        \"flex basis-full items-center justify-between gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,sDACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemFooter.js","names":["splitProps","clsx","ItemFooterProps","ItemFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemFooter/ItemFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemFooterProps } from \"./ItemFooter.types\";\n\nexport const ItemFooter = (props: ItemFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-footer\"\n      class={clsx(\n        \"flex basis-full items-center justify-between gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,sDACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemGroup/ItemGroup.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemGroup/ItemGroup.tsx
-var a = /* @__PURE__ */ r("<div role=list data-slot=item-group>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div role=list data-slot=item-group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

package/dist/components/item/ItemGroup/ItemGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemGroup.js","names":["splitProps","clsx","ItemGroupProps","ItemGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemGroup/ItemGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemGroupProps } from \"./ItemGroup.types\";\n\nexport const ItemGroup = (props: ItemGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      class={clsx(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;mEAIaG,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWT,EACL,mGACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemGroup.js","names":["splitProps","clsx","ItemGroupProps","ItemGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemGroup/ItemGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemGroupProps } from \"./ItemGroup.types\";\n\nexport const ItemGroup = (props: ItemGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      class={clsx(\n        \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iEAIaG,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWT,EACL,mGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemHeader/ItemHeader.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/item/ItemHeader/ItemHeader.tsx
-var a = /* @__PURE__ */ r("<div data-slot=item-header>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=item-header>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

package/dist/components/item/ItemHeader/ItemHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemHeader.js","names":["splitProps","clsx","ItemHeaderProps","ItemHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemHeader/ItemHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemHeaderProps } from \"./ItemHeader.types\";\n\nexport const ItemHeader = (props: ItemHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-header\"\n      class={clsx(\n        \"flex basis-full items-center justify-between gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,sDACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ItemHeader.js","names":["splitProps","clsx","ItemHeaderProps","ItemHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/item/ItemHeader/ItemHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { ItemHeaderProps } from \"./ItemHeader.types\";\n\nexport const ItemHeader = (props: ItemHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"item-header\"\n      class={clsx(\n        \"flex basis-full items-center justify-between gap-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,sDACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/item/ItemMedia/ItemMedia.js

@@ -3,8 +3,8 @@ import { itemMediaVariants as t } from "./ItemMedia.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { mergeProps as a, splitProps as o } from "solid-js";
 //#region src/components/item/ItemMedia/ItemMedia.tsx
-var s = /* @__PURE__ */ i("<div data-slot=item-media>"), c = (i) => {
-	let [c, l] = o(a({ variant: "ghost" }, i), [
+var s = /*#__PURE__*/ i("<div data-slot=item-media>"), c = (i) => {
+	let c = a({ variant: "ghost" }, i), [l, u] = o(c, [
 		"variant",
 		"class",
 		"classList"
@@ -13,12 +13,12 @@ var s = /* @__PURE__ */ i("<div data-slot=item-media>"), c = (i) => {
 		var i = s();
 		return r(i, n({
 			get "data-variant"() {
-				return c.variant;
+				return l.variant;
 			},
 			get class() {
-				return e(t({ variant: c.variant }), c.class);
+				return e(t({ variant: l.variant }), l.class);
 			}
-		}, l), !1, !1), i;
+		}, u), !1, !1), i;
 	})();
 };
 //#endregion