@neut/ui 0.0.9 → 0.0.11

package/dist/components/pagination/PaginationNext/PaginationNext.js

@@ -4,8 +4,8 @@ import { createComponent as n, insert as r, mergeProps as i, template as a } fro
 import { mergeProps as o, splitProps as s } from "solid-js";
 import { ChevronRight as c } from "lucide-solid";
 //#region src/components/pagination/PaginationNext/PaginationNext.tsx
-var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
-	let [u, d] = s(o({ text: "Next" }, a), [
+var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
+	let u = o({ text: "Next" }, a), [d, f] = s(u, [
 		"text",
 		"class",
 		"classList"
@@ -14,12 +14,12 @@ var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		"aria-label": "Go to next page",
 		size: "md",
 		get class() {
-			return e("pr-1.5!", u.class);
+			return e("pr-1.5!", d.class);
 		}
-	}, d, { get children() {
+	}, f, { get children() {
 		return [(() => {
 			var e = l();
-			return r(e, () => u.text), e;
+			return r(e, () => d.text), e;
 		})(), n(c, {
 			"data-icon": "inline-end",
 			class: "cn-rtl-flip"

package/dist/components/pagination/PaginationNext/PaginationNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;+DAMaM,KAAkBC,MAA+B;CAG5D,IAAM,CAACG,GAAOC,KAAUV,EAFTD,EAAW,EAAES,MAAM,QAAQ,EAAEF,EAAM,EAEP;EAAC;EAAQ;EAAS;EAAY,CAAC;AAE1E,QAAAK,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAA,QAAA;AAAA,UACGV,EAAK,WAAWM,EAAMK,MAAM;;EAAA,EAC/BJ,GAAM,EAAA,IAAAK,WAAA;AAAA,SAAA,QAAA;GAAA,IAAAC,IAAAC,GAAA;AAE+B,UAF/BC,EAAAF,SAEqBP,EAAMD,KAAI,EAAAQ;MAAA,EAAAL,EACxCP,GAAY;GAAA,aAAA;GAAA,OAAA;GAAA,CAAA,CAAA;IAAA,CAAA,CAAA"}
+{"version":3,"file":"PaginationNext.js","names":["mergeProps","splitProps","PaginationNextProps","PaginationLink","clsx","ChevronRight","PaginationNext","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert"],"sources":["../../../../src/components/pagination/PaginationNext/PaginationNext.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationNextProps } from \"./PaginationNext.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const PaginationNext = (props: PaginationNextProps) => {\n  const merged = mergeProps({ text: \"Next\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"md\"\n      class={clsx(\"pr-1.5!\", local.class)}\n      {...others}\n    >\n      <span class=\"hidden sm:block\">{local.text}</span>\n      <ChevronRight data-icon=\"inline-end\" class=\"cn-rtl-flip\" />\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAkBC,MAA+B;CAC5D,IAAMC,IAASR,EAAW,EAAES,MAAM,OAAO,GAAGF,CAAK,GAE3C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAA,QAAA;GAAA,OACGV,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,QAAA;GAAA,IAAAC,IAAAC,EAAA;GAE+B,OAF/BC,EAAAF,SAEqBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,GAAAL,EACxCP,GAAY;GAAA,aAAA;GAAA,OAAA;EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAGnB"}

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js

@@ -4,8 +4,8 @@ import { createComponent as n, insert as r, mergeProps as i, template as a } fro
 import { mergeProps as o, splitProps as s } from "solid-js";
 import { ChevronLeft as c } from "lucide-solid";
 //#region src/components/pagination/PaginationPrevious/PaginationPrevious.tsx
-var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
-	let [u, d] = s(o({ text: "Previous" }, a), [
+var l = /*#__PURE__*/ a("<span class=\"hidden sm:block\">"), u = (a) => {
+	let u = o({ text: "Previous" }, a), [d, f] = s(u, [
 		"text",
 		"class",
 		"classList"
@@ -14,15 +14,15 @@ var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
 		"aria-label": "Go to previous page",
 		size: "md",
 		get class() {
-			return e("pl-1.5!", u.class);
+			return e("pl-1.5!", d.class);
 		}
-	}, d, { get children() {
+	}, f, { get children() {
 		return [n(c, {
 			"data-icon": "inline-start",
 			class: "cn-rtl-flip"
 		}), (() => {
 			var e = l();
-			return r(e, () => u.text), e;
+			return r(e, () => d.text), e;
 		})()];
 	} }));
 };

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;+DAMaM,KAAsBC,MAAmC;CAGpE,IAAM,CAACG,GAAOC,KAAUV,EAFTD,EAAW,EAAES,MAAM,YAAY,EAAEF,EAAM,EAEX;EAAC;EAAQ;EAAS;EAAY,CAAC;AAE1E,QAAAK,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAA,QAAA;AAAA,UACGV,EAAK,WAAWM,EAAMK,MAAM;;EAAA,EAC/BJ,GAAM,EAAA,IAAAK,WAAA;AAAA,SAAA,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA,OAAA;GAAA,CAAA,SAAA;GAAA,IAAAY,IAAAC,GAAA;AAC6B,UAD7BC,EAAAF,SACmBP,EAAMD,KAAI,EAAAQ;MAAA,CAAA;IAAA,CAAA,CAAA"}
+{"version":3,"file":"PaginationPrevious.js","names":["mergeProps","splitProps","PaginationPreviousProps","PaginationLink","clsx","ChevronLeft","PaginationPrevious","props","merged","text","local","others","_$createComponent","_$mergeProps","size","class","children","_el$","_tmpl$","_$insert"],"sources":["../../../../src/components/pagination/PaginationPrevious/PaginationPrevious.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationPreviousProps } from \"./PaginationPrevious.types\";\nimport { PaginationLink } from \"../PaginationLink\";\nimport { clsx } from \"~/utils\";\nimport { ChevronLeft } from \"lucide-solid\";\n\nexport const PaginationPrevious = (props: PaginationPreviousProps) => {\n  const merged = mergeProps({ text: \"Previous\" }, props);\n\n  const [local, others] = splitProps(merged, [\"text\", \"class\", \"classList\"]);\n\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"md\"\n      class={clsx(\"pl-1.5!\", local.class)}\n      {...others}\n    >\n      <ChevronLeft data-icon=\"inline-start\" class=\"cn-rtl-flip\" />\n      <span class=\"hidden sm:block\">{local.text}</span>\n    </PaginationLink>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAsBC,MAAmC;CACpE,IAAMC,IAASR,EAAW,EAAES,MAAM,WAAW,GAAGF,CAAK,GAE/C,CAACG,GAAOC,KAAUV,EAAWO,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,OAAAI,EACGT,GAAcU,EAAA;EAAA,cAAA;EAEbC,MAAI;EAAA,IAAA,QAAA;GAAA,OACGV,EAAK,WAAWM,EAAMK,KAAK;EAAC;CAAA,GAC/BJ,GAAM,EAAA,IAAAK,WAAA;EAAA,OAAA,CAAAJ,EAETP,GAAW;GAAA,aAAA;GAAA,OAAA;EAAA,CAAA,UAAA;GAAA,IAAAY,IAAAC,EAAA;GAC6B,OAD7BC,EAAAF,SACmBP,EAAMD,IAAI,GAAAQ;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAG/C"}

package/dist/components/progress/Progress/Progress.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.context.js","names":[],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAa,IAAkB,GAAqC,EAEvD,UAA2B;CACtC,IAAM,IAAU,EAAW,EAAgB;AAC3C,KAAI,CAAC,EACH,OAAU,MACR,4DACD;AAEH,QAAO"}
+{"version":3,"file":"Progress.context.js","names":[],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAa,IAAkB,EAAoC,GAEtD,UAA2B;CACtC,IAAM,IAAU,EAAW,CAAe;CAC1C,IAAI,CAAC,GACH,MAAU,MACR,2DACF;CAEF,OAAO;AACT"}

package/dist/components/progress/Progress/Progress.js

@@ -6,7 +6,7 @@ import { ProgressContext as i } from "./Progress.context.js";
 import { createComponent as a, insert as o, memo as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
 import { splitProps as d } from "solid-js";
 //#region src/components/progress/Progress/Progress.tsx
-var f = /* @__PURE__ */ u("<div data-slot=progress aria-valuemax=100 aria-valuemin=0 role=progressbar><span role=presentation class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\">x"), p = (u) => {
+var f = /*#__PURE__*/ u("<div data-slot=progress aria-valuemax=100 aria-valuemin=0 role=progressbar><span role=presentation class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\">x"), p = (u) => {
 	let [p, m] = d(u, [
 		"value",
 		"class",

package/dist/components/progress/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;oPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACD,CAAC,EAEIG,UAAcF,EAAME;AAE1B,eAAA;EAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAmB0B,SAnB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;AAAA,WAKmBR,EAAME;;GAAK,IAAA,mBAAA;AAAA,WACV,GAAGF,EAAME,MAAK;;GAAG,IAAA,qBAAA;AAAA,WAEfU,QAAAZ,EAAME,QAAQ,EAAC,EAAA,IAAIF,EAAME,QAAQ;;GAAG,IAAA,QAAA;AAAA,WAC/CT,EAAKC,GAASM,EAAMa,MAAM;;GAAA,EAC7BZ,EAAM,EAAA,IAAA,GAAA,EAAAa,EAAAX,GAAAY,EAETlB,EAAgBmB,UAAQ;GACvBd,OAAO,EACLA,UACD;GAAA,IAAAe,WAAA;AAAA,WAAA,CAAAL,QAEAZ,EAAMiB,SAAQ,EAAAF,EACdpB,GAAa,EAAA,IAAAsB,WAAA;AAAA,YAAAF,EACXnB,GAAiB,EAAA,CAAA;OAAA,CAAA,CAAA;;GAAA,CAAA,EAAAS,EAAA,EAAAF;KAAA"}
+{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;kPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,UAAcF,EAAME;CAE1B,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmB0B,OAnB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;IAAA,OAKmBR,EAAME;GAAK;GAAA,IAAA,mBAAA;IAAA,OACV,GAAGF,EAAME,MAAK;GAAG;GAAA,IAAA,qBAAA;IAAA,OAEfU,QAAAZ,EAAME,QAAQ,CAAC,CAAA,CAAA,KAAIF,EAAME,QAAQ;GAAG;GAAA,IAAA,QAAA;IAAA,OAC/CT,EAAKC,GAASM,EAAMa,KAAK;GAAC;EAAA,GAC7BZ,CAAM,GAAA,IAAA,EAAA,GAAAa,EAAAX,GAAAY,EAETlB,EAAgBmB,UAAQ;GACvBd,OAAO,EACLA,SACF;GAAC,IAAAe,WAAA;IAAA,OAAA,CAAAL,QAEAZ,EAAMiB,QAAQ,GAAAF,EACdpB,GAAa,EAAA,IAAAsB,WAAA;KAAA,OAAAF,EACXnB,GAAiB,CAAA,CAAA;IAAA,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,GAAAS,CAAA,GAAAF;CAAA,EAAA,CAAA;AAW5B"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js

@@ -4,7 +4,7 @@ import { useProgressContext as n } from "../Progress/Progress.context.js";
 import { memo as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/progress/ProgressIndicator/ProgressIndicator.tsx
-var c = /* @__PURE__ */ o("<div data-slot=progress-indicator>"), l = (o) => {
+var c = /*#__PURE__*/ o("<div data-slot=progress-indicator>"), l = (o) => {
 	let { value: l } = n(), [u, d] = s(o, ["class", "classList"]);
 	return (() => {
 		var n = c();

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","data-progressing","_$memo","style","width"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;iEAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAMc,SANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;AAAA,WAGWX,EAAKC,GAAS,yBAAyBK,EAAMM,MAAM;;GAAA,IAAA,qBAAA;AAAA,WACxCE,QAAAT,GAAO,GAAG,EAAC,EAAA,IAAIA,GAAO,GAAG;;GAAG,IAC9CU,QAAK;AAAA,WAAE,EAAEC,OAAO,GAAGX,GAAO,CAAA,IAAK;;GAAA,EAC3BE,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","data-progressing","_$memo","style","width"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;IAAA,OAGWX,EAAKC,GAAS,yBAAyBK,EAAMM,KAAK;GAAC;GAAA,IAAA,qBAAA;IAAA,OACxCE,QAAAT,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAC9CU,QAAK;IAAA,OAAE,EAAEC,OAAO,GAAGX,EAAM,EAAC,GAAI;GAAC;EAAA,GAC3BE,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.d.ts

@@ -1 +1 @@
-export declare const classes = "h-full bg-neutral-900 dark:bg-neutral-200 transition-all";
+export declare const classes = "h-full bg-primary transition-all";

package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.js

@@ -1,5 +1,5 @@
 //#region src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts
-var e = "h-full bg-neutral-900 dark:bg-neutral-200 transition-all";
+var e = "h-full bg-primary transition-all";
 //#endregion
 export { e as classes };
 

package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts"],"sourcesContent":["export const classes =\n  \"h-full bg-neutral-900 dark:bg-neutral-200 transition-all\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"ProgressIndicator.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts"],"sourcesContent":["export const classes = \"h-full bg-primary transition-all\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/progress/ProgressLabel/ProgressLabel.js

@@ -3,7 +3,7 @@ import { classes as t } from "./ProgressLabel.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/progress/ProgressLabel/ProgressLabel.tsx
-var o = /* @__PURE__ */ i("<span data-slot=progress-label>"), s = (i) => {
+var o = /*#__PURE__*/ i("<span data-slot=progress-label>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

package/dist/components/progress/ProgressLabel/ProgressLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ProgressLabel.js","names":["splitProps","ProgressLabelProps","clsx","classes","ProgressLabel","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/progress/ProgressLabel/ProgressLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressLabelProps } from \"./ProgressLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressLabel.styles\";\n\nexport const ProgressLabel = (props: ProgressLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-label\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;4DAKaI,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressTrack/ProgressTrack.js

@@ -4,7 +4,7 @@ import { useProgressContext as n } from "../Progress/Progress.context.js";
 import { memo as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/progress/ProgressTrack/ProgressTrack.tsx
-var c = /* @__PURE__ */ o("<div data-slot=progress-track>"), l = (o) => {
+var c = /*#__PURE__*/ o("<div data-slot=progress-track>"), l = (o) => {
 	let { value: l } = n(), [u, d] = s(o, ["class", "classList"]);
 	return (() => {
 		var n = c();

package/dist/components/progress/ProgressTrack/ProgressTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressTrack.js","names":["splitProps","ProgressTrackProps","clsx","classes","useProgressContext","ProgressTrack","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-progressing","_$memo","class"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressTrackProps } from \"./ProgressTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressTrack.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      data-progressing={value() > 0 && value() < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBE,QAAAR,GAAO,GAAG,EAAC,EAAA,IAAIA,GAAO,GAAG;;GAAG,IAAA,QAAA;AAAA,WACvCL,EAAKC,GAASK,EAAMQ,MAAM;;GAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"ProgressTrack.js","names":["splitProps","ProgressTrackProps","clsx","classes","useProgressContext","ProgressTrack","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-progressing","_$memo","class"],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressTrackProps } from \"./ProgressTrack.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressTrack.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressTrack = (props: ProgressTrackProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-track\"\n      data-progressing={value() > 0 && value() < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;2DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBE,QAAAR,EAAM,IAAI,CAAC,CAAA,CAAA,KAAIA,EAAM,IAAI;GAAG;GAAA,IAAA,QAAA;IAAA,OACvCL,EAAKC,GAASK,EAAMQ,KAAK;GAAC;EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/progress/ProgressTrack/ProgressTrack.styles.d.ts

@@ -1 +1 @@
-export declare const classes = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800";
+export declare const classes = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted";

package/dist/components/progress/ProgressTrack/ProgressTrack.styles.js

@@ -1,5 +1,5 @@
 //#region src/components/progress/ProgressTrack/ProgressTrack.styles.ts
-var e = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800";
+var e = "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted";
 //#endregion
 export { e as classes };
 

package/dist/components/progress/ProgressTrack/ProgressTrack.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressTrack.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-neutral-100 dark:bg-neutral-800\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"ProgressTrack.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressTrack/ProgressTrack.styles.ts"],"sourcesContent":["export const classes =\n  \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/progress/ProgressValue/ProgressValue.js

@@ -4,7 +4,7 @@ import { classes as n } from "./ProgressValue.styles.js";
 import { insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/progress/ProgressValue/ProgressValue.tsx
-var c = /* @__PURE__ */ o("<span data-slot=progress-value>%"), l = (o) => {
+var c = /*#__PURE__*/ o("<span data-slot=progress-value>%"), l = (o) => {
 	let { value: l } = t(), [u, d] = s(o, ["class", "classList"]);
 	return (() => {
 		var t = c(), o = t.firstChild;

package/dist/components/progress/ProgressValue/ProgressValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressValue.js","names":["splitProps","ProgressValueProps","clsx","classes","useProgressContext","ProgressValue","props","value","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressValueProps } from \"./ProgressValue.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressValue.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressValue = (props: ProgressValueProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-value\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      {value()}%\n    </span>\n  );\n};\n"],"mappings":";;;;;;+DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAMU,SANVC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAETH,GAAKK,EAAA,EAAAF;KAAA"}
+{"version":3,"file":"ProgressValue.js","names":["splitProps","ProgressValueProps","clsx","classes","useProgressContext","ProgressValue","props","value","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert"],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressValueProps } from \"./ProgressValue.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressValue.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressValue = (props: ProgressValueProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"progress-value\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      {value()}%\n    </span>\n  );\n};\n"],"mappings":";;;;;;6DAMaK,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,aAAUH,EAAmB,GAE/B,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAI,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAMU,OANVC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWb,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAETH,GAAKK,CAAA,GAAAF;CAAA,EAAA,CAAA;AAGZ"}

package/dist/components/progress/ProgressValue/ProgressValue.styles.d.ts

@@ -1 +1 @@
-export declare const classes = "ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums";
+export declare const classes = "ml-auto text-sm text-muted-foreground tabular-nums";

package/dist/components/progress/ProgressValue/ProgressValue.styles.js

@@ -1,5 +1,5 @@
 //#region src/components/progress/ProgressValue/ProgressValue.styles.ts
-var e = "ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums";
+var e = "ml-auto text-sm text-muted-foreground tabular-nums";
 //#endregion
 export { e as classes };
 

package/dist/components/progress/ProgressValue/ProgressValue.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressValue.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.styles.ts"],"sourcesContent":["export const classes =\n  \"ml-auto text-sm text-neutral-500 dark:text-neutral-400 tabular-nums\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"ProgressValue.styles.js","names":[],"sources":["../../../../src/components/progress/ProgressValue/ProgressValue.styles.ts"],"sourcesContent":["export const classes = \"ml-auto text-sm text-muted-foreground tabular-nums\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.context.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n  hovering: Accessor<boolean>;\n  viewportRef: () => HTMLDivElement | undefined;\n  dragging: Accessor<\"vertical\" | \"horizontal\" | null>;\n  setDragging: Setter<\"vertical\" | \"horizontal\" | null>;\n  vertical: Accessor<ScrollMetrics>;\n  horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n  const context = useContext(ScrollAreaContext);\n  if (!context) {\n    throw new Error(\n      \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAiBA,IAAa,IAAoB,GAAuC,EAE3D,UAA6B;CACxC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EACH,OAAU,MACR,gEACD;AAEH,QAAO"}
+{"version":3,"file":"ScrollArea.context.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n  hovering: Accessor<boolean>;\n  viewportRef: () => HTMLDivElement | undefined;\n  dragging: Accessor<\"vertical\" | \"horizontal\" | null>;\n  setDragging: Setter<\"vertical\" | \"horizontal\" | null>;\n  vertical: Accessor<ScrollMetrics>;\n  horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n  const context = useContext(ScrollAreaContext);\n  if (!context) {\n    throw new Error(\n      \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAiBA,IAAa,IAAoB,EAAsC,GAE1D,UAA6B;CACxC,IAAM,IAAU,EAAW,CAAiB;CAC5C,IAAI,CAAC,GACH,MAAU,MACR,+DACF;CAEF,OAAO;AACT"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.js

@@ -5,7 +5,7 @@ import { computeMetrics as r } from "./ScrollArea.utils.js";
 import { className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d, use as f } from "solid-js/web";
 import { createSignal as p, onCleanup as m, splitProps as h } from "solid-js";
 //#region src/components/scroll-area/ScrollArea/ScrollArea.tsx
-var g = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), _ = /* @__PURE__ */ d("<div data-slot=scroll-area>"), v = (d) => {
+var g = /*#__PURE__*/ d("<div data-slot=scroll-area-viewport role=region>"), _ = /*#__PURE__*/ d("<div data-slot=scroll-area>"), v = (d) => {
 	let v, [y, b] = h(d, [
 		"orientation",
 		"class",
@@ -48,7 +48,7 @@ var g = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), _
 				return [(() => {
 					var t = g(), n = A;
 					return typeof n == "function" ? f(n, t) : A = t, s(t, () => y.children), o((n) => {
-						var r = y["aria-label"] ?? "Scrollable content", a = e("size-full rounded-[inherit] outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "focus-visible:ring-2 focus-visible:ring-offset-1", "focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", y.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : y.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
+						var r = y["aria-label"] ?? "Scrollable content", a = e("size-full rounded-[inherit] transition-[color,box-shadow] outline-none", "scrollbar-none [&::-webkit-scrollbar]:hidden", "focus-visible:ring-2 focus-visible:ring-offset-1", "focus-visible:ring-ring/50", y.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : y.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
 						return r !== n.e && l(t, "aria-label", n.e = r), a !== n.t && i(t, n.t = a), n;
 					}, {
 						e: void 0,

package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;qIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACK,GAAUC,KAAehB,EAAa,GAAM,EAC7C,CAACiB,GAAUC,KAAelB,EAE9B,KAAK,EAED,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EACb,CAAC,EACI,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EAEhB,CAAC;CAED,SAASG,EAAcC,GAAiB;AAItCF,EAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,aACnD,CAAC,EACDN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,YACnD,CAAC;;CAGH,SAASC,EAAMR,GAAoB;AAGjCD,EAFAf,IAAcgB,GAEdD,EAAcC,EAAG;EAEjB,IAAMS,UAAeV,EAAcC,EAAG,EAEhCU,IAAK,IAAIC,eAAeF,EAAO;AASrCnC,EARAoC,EAAGE,QAAQZ,EAAG,EAEVA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,kBAAkB,EAGlCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,IAAM,CAAC,EAExDzC,QAAgB;AAEd0B,GADAU,EAAGM,YAAY,EACfhB,EAAGiB,oBAAoB,UAAUR,EAAO;IACxC;;AAGJ,eAAA;EAAA,IAAAS,IAAAC,GAAA;AA2C+C,SA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,GAAM,CAAA,EAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,GAAK,CAAA,EAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAD9B3C,EAAK,YAAYQ,EAAMoC,MAAM;KAAA,EAGhCnC,EAAM,EAAA,IAAA,GAAA,EAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;IACb;GAAA,IAAAgC,WAAA;AAAA,WAAA,QAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAGMxB;AAoBJ,YApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,SAAQ,EAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,4CAEA,wDAEA,oDACA,4EAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,kBACP;AAAA,aAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,EAAA,EAAAF;QAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAb;QAAA,EAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;AAAA,YAAEpD,EAAMoD;OAAW,CAAA,CAAA;;GAAA,CAAA,CAAA,EAAApB;KAAA"}
+{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"scrollbar-none [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-ring/50\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;iIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAY,CACb,GAEK,CAACK,GAAUC,KAAehB,EAAa,EAAK,GAC5C,CAACiB,GAAUC,KAAelB,EAE9B,IAAI,GAEA,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CAAC,GACK,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CACF;CAEA,SAASG,EAAcC,GAAiB;EAItCF,AAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,YAAY,CAC/D,GACAN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,WAAW,CAC9D;CACF;CAEA,SAASC,EAAMR,GAAoB;EAGjCD,AAFAf,IAAcgB,GAEdD,EAAcC,CAAE;EAEhB,IAAMS,UAAeV,EAAcC,CAAE,GAE/BU,IAAK,IAAIC,eAAeF,CAAM;EASpCnC,AARAoC,EAAGE,QAAQZ,CAAE,GAETA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,iBAAiB,GAGjCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,GAAK,CAAC,GAEvDzC,QAAgB;GAEd0B,AADAU,EAAGM,WAAW,GACdhB,EAAGiB,oBAAoB,UAAUR,CAAM;EACzC,CAAC;CACH;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA;EA2C+C,OA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,EAAK,CAAC,GAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,EAAI,CAAC,GAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAD9B3C,EAAK,YAAYQ,EAAMoC,KAAK;EAAC,EAAA,GAGhCnC,CAAM,GAAA,IAAA,EAAA,GAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;GACd;GAAC,IAAAgC,WAAA;IAAA,OAAA,QAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAGMxB;KAoBJ,OApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,QAAQ,GAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,0EAEA,gDAEA,oDACA,8BAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,iBACR;MAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,CAAA,GAAAF;KAAA,GAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAb;IAAA,EAAA,CAAA,GAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;KAAA,OAAEpD,EAAMoD;IAAW,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIjD"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.utils.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n  client: number,\n  scroll: number,\n  scrollSize: number,\n): ScrollMetrics {\n  const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n  if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n  const thumbRatio = client / scrollSize;\n  const maxScroll = scrollSize - client;\n  const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n  return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,SAAgB,EACd,GACA,GACA,GACe;CACf,IAAM,IAAa,IAAa,IAAS;AACzC,KAAI,CAAC,EAAY,QAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;EAAO;CAC5E,IAAM,IAAa,IAAS,GACtB,IAAY,IAAa;AAE/B,QAAO;EAAE;EAAY,aADD,IAAY,IAAI,IAAS,IAAY;EACvB;EAAY"}
+{"version":3,"file":"ScrollArea.utils.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n  client: number,\n  scroll: number,\n  scrollSize: number,\n): ScrollMetrics {\n  const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n  if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n  const thumbRatio = client / scrollSize;\n  const maxScroll = scrollSize - client;\n  const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n  return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,SAAgB,EACd,GACA,GACA,GACe;CACf,IAAM,IAAa,IAAa,IAAS;CACzC,IAAI,CAAC,GAAY,OAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;CAAM;CAC3E,IAAM,IAAa,IAAS,GACtB,IAAY,IAAa;CAE/B,OAAO;EAAE;EAAY,aADD,IAAY,IAAI,IAAS,IAAY;EACvB;CAAW;AAC/C"}

package/dist/components/scroll-area/ScrollBar/ScrollBar.js

@@ -3,52 +3,52 @@ import { useScrollAreaContext as t } from "../ScrollArea/ScrollArea.context.js";
 import { className as n, delegateEvents as r, effect as i, mergeProps as a, setAttribute as o, spread as s, style as c, template as l, use as u } from "solid-js/web";
 import { createMemo as d, createSignal as f, mergeProps as p, onCleanup as m, splitProps as h } from "solid-js";
 //#region src/components/scroll-area/ScrollBar/ScrollBar.tsx
-var g = /* @__PURE__ */ l("<div data-slot=scroll-area-scrollbar role=scrollbar aria-controls=scroll-area-viewport aria-valuemin=0 aria-valuemax=100 tabindex=0><div data-slot=scroll-area-thumb>"), _ = 20, v = (r) => {
-	let l = t(), v, [y, b] = h(p({ orientation: "vertical" }, r), [
+var g = /*#__PURE__*/ l("<div data-slot=scroll-area-scrollbar role=scrollbar aria-controls=scroll-area-viewport aria-valuemin=0 aria-valuemax=100 tabindex=0><div data-slot=scroll-area-thumb>"), _ = 20, v = (r) => {
+	let l = t(), v, y = p({ orientation: "vertical" }, r), [b, x] = h(y, [
 		"orientation",
 		"class",
 		"classList"
-	]), [x, S] = f(!1), C = () => y.orientation === "vertical", w = d(() => C() ? l.vertical() : l.horizontal()), T = d(() => {
-		let e = w(), t = (C() ? v?.clientHeight ?? 0 : v?.clientWidth ?? 0) - 2, n = t * e.thumbRatio, r = Math.max(n, _), i = Math.max(0, t - r) * e.thumbOffset;
-		return C() ? {
+	]), [S, C] = f(!1), w = () => b.orientation === "vertical", T = d(() => w() ? l.vertical() : l.horizontal()), E = d(() => {
+		let e = T(), t = (w() ? v?.clientHeight ?? 0 : v?.clientWidth ?? 0) - 2, n = t * e.thumbRatio, r = Math.max(n, _), i = Math.max(0, t - r) * e.thumbOffset;
+		return w() ? {
 			height: `${r}px`,
 			transform: `translateY(${i}px)`
 		} : {
 			width: `${r}px`,
 			transform: `translateX(${i}px)`
 		};
-	}), E = d(() => Math.round(w().thumbOffset * 100));
-	function D(e) {
+	}), D = d(() => Math.round(T().thumbOffset * 100));
+	function O(e) {
 		e.preventDefault(), e.stopPropagation();
 		let t = l.viewportRef();
 		if (!t) return;
-		l.setDragging(y.orientation), S(!0);
-		let n = C() ? e.clientY : e.clientX, r = C() ? t.scrollTop : t.scrollLeft, i = C() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth, a = i / ((C() ? v.clientHeight : v.clientWidth) - 2 - (C() ? e.currentTarget.clientHeight : e.currentTarget.clientWidth));
+		l.setDragging(b.orientation), C(!0);
+		let n = w() ? e.clientY : e.clientX, r = w() ? t.scrollTop : t.scrollLeft, i = w() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth, a = i / ((w() ? v.clientHeight : v.clientWidth) - 2 - (w() ? e.currentTarget.clientHeight : e.currentTarget.clientWidth));
 		function o(e) {
-			let o = (C() ? e.clientY : e.clientX) - n, s = Math.max(0, Math.min(i, r + o * a));
-			C() ? t.scrollTop = s : t.scrollLeft = s;
+			let o = (w() ? e.clientY : e.clientX) - n, s = Math.max(0, Math.min(i, r + o * a));
+			w() ? t.scrollTop = s : t.scrollLeft = s;
 		}
 		function s() {
-			l.setDragging(null), S(!1), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
+			l.setDragging(null), C(!1), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		}
 		window.addEventListener("pointermove", o), window.addEventListener("pointerup", s), m(() => {
 			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
 		});
 	}
-	function O(e) {
+	function k(e) {
 		if (e.target.dataset.slot === "scroll-area-thumb") return;
 		let t = l.viewportRef();
 		if (!t) return;
-		let n = v.getBoundingClientRect(), r = (C() ? (e.clientY - n.top) / n.height : (e.clientX - n.left) / n.width) * (C() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth);
+		let n = v.getBoundingClientRect(), r = (w() ? (e.clientY - n.top) / n.height : (e.clientX - n.left) / n.width) * (w() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth);
 		t.scrollTo({
-			[C() ? "top" : "left"]: r,
+			[w() ? "top" : "left"]: r,
 			behavior: "smooth"
 		});
 	}
-	function k(e) {
+	function A(e) {
 		let t = l.viewportRef();
 		if (!t) return;
-		let n = C() ? t.clientHeight : t.clientWidth, r = {
+		let n = w() ? t.clientHeight : t.clientWidth, r = {
 			ArrowDown: 40,
 			ArrowRight: 40,
 			ArrowUp: -40,
@@ -58,31 +58,31 @@ var g = /* @__PURE__ */ l("<div data-slot=scroll-area-scrollbar role=scrollbar a
 			Home: -Infinity,
 			End: Infinity
 		}[e.key];
-		r !== void 0 && (e.preventDefault(), C() ? t.scrollTop = Math.max(0, Math.min(t.scrollHeight - t.clientHeight, r === Infinity ? t.scrollHeight : r === -Infinity ? 0 : t.scrollTop + r)) : t.scrollLeft = Math.max(0, Math.min(t.scrollWidth - t.clientWidth, r === Infinity ? t.scrollWidth : r === -Infinity ? 0 : t.scrollLeft + r)));
+		r !== void 0 && (e.preventDefault(), w() ? t.scrollTop = Math.max(0, Math.min(t.scrollHeight - t.clientHeight, r === Infinity ? t.scrollHeight : r === -Infinity ? 0 : t.scrollTop + r)) : t.scrollLeft = Math.max(0, Math.min(t.scrollWidth - t.clientWidth, r === Infinity ? t.scrollWidth : r === -Infinity ? 0 : t.scrollLeft + r)));
 	}
-	let A = d(() => l.hovering() || l.dragging() === r.orientation || x());
+	let j = d(() => l.hovering() || l.dragging() === r.orientation || S());
 	return (() => {
 		var t = g(), r = t.firstChild;
-		t.$$keydown = k, t.$$pointerdown = O;
+		t.$$keydown = A, t.$$pointerdown = k;
 		var d = v;
 		return typeof d == "function" ? u(d, t) : v = t, s(t, a({
 			get "aria-orientation"() {
-				return y.orientation;
+				return b.orientation;
 			},
 			get "aria-valuenow"() {
-				return E();
+				return D();
 			},
 			get "data-orientation"() {
-				return y.orientation;
+				return b.orientation;
 			},
 			get "data-hovering"() {
 				return l.hovering() ? "" : void 0;
 			},
 			get class() {
-				return e("absolute touch-none select-none transition-opacity duration-150", A() ? "opacity-100" : "opacity-0", C() ? "right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col" : "bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row", "outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", y.class);
+				return e("absolute touch-none select-none transition-opacity duration-150", j() ? "opacity-100" : "opacity-0", w() ? "right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col" : "bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row", "outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", b.class);
 			}
-		}, b), !1, !0), r.$$pointerdown = D, i((t) => {
-			var i = y.orientation, a = e("relative rounded-full", "bg-neutral-300 dark:bg-white/20", "hover:bg-neutral-400 dark:hover:bg-white/30", x() ? "bg-neutral-500 dark:bg-white/40" : "", "transition-colors duration-100", C() ? "min-h-5 w-full" : "min-w-5 h-full"), s = T();
+		}, x), !1, !0), r.$$pointerdown = O, i((t) => {
+			var i = b.orientation, a = e("relative rounded-full bg-border", "hover:bg-neutral-400 dark:hover:bg-white/30", S() ? "bg-neutral-500 dark:bg-white/40" : "", "transition-colors duration-100", w() ? "min-h-5 w-full" : "min-w-5 h-full"), s = E();
 			return i !== t.e && o(r, "data-orientation", t.e = i), a !== t.t && n(r, t.t = a), t.a = c(r, s, t.a), t;
 		}, {
 			e: void 0,

package/dist/components/scroll-area/ScrollBar/ScrollBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollBar.js","names":["createMemo","createSignal","mergeProps","onCleanup","splitProps","ScrollBarProps","clsx","useScrollAreaContext","MIN_THUMB_PX","ScrollBar","props","ctx","trackEl","HTMLDivElement","merged","orientation","const","local","others","active","setActive","isVertical","metrics","vertical","horizontal","thumbStyle","m","trackSize","clientHeight","clientWidth","trackInnerSize","rawThumbSize","thumbRatio","thumbSize","Math","max","maxOffset","offset","thumbOffset","height","transform","width","ariaValueNow","round","onThumbPointerDown","e","PointerEvent","preventDefault","stopPropagation","viewport","viewportRef","setDragging","startPointer","clientY","clientX","startScroll","scrollTop","scrollLeft","maxScroll","scrollHeight","scrollWidth","currentTarget","scrollRatio","onMove","me","delta","newScroll","min","onUp","window","removeEventListener","addEventListener","onTrackPointerDown","target","HTMLElement","dataset","slot","rect","getBoundingClientRect","clickPos","top","left","scrollTo","behavior","onKeyDown","KeyboardEvent","step","pageSize","keyMap","Record","ArrowDown","ArrowRight","ArrowUp","ArrowLeft","PageDown","PageUp","Home","Infinity","End","key","undefined","visible","hovering","dragging","_el$","_tmpl$","_el$2","firstChild","$$keydown","$$pointerdown","_ref$","_$use","_$spread","_$mergeProps","aria-orientation","aria-valuenow","data-orientation","data-hovering","class","_$effect","_p$","_v$","_v$2","_v$3","_$setAttribute","t","_$className","a","_$style","_$delegateEvents"],"sources":["../../../../src/components/scroll-area/ScrollBar/ScrollBar.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport type { ScrollBarProps } from \"./ScrollBar.types\";\nimport { clsx } from \"~/utils\";\nimport { useScrollAreaContext } from \"../ScrollArea\";\n\n// Minimum thumb length in px so it's always clickable\nconst MIN_THUMB_PX = 20;\n\nexport const ScrollBar = (props: ScrollBarProps) => {\n  const ctx = useScrollAreaContext();\n\n  let trackEl!: HTMLDivElement;\n\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [active, setActive] = createSignal(false);\n  const isVertical = () => local.orientation === \"vertical\";\n\n  const metrics = createMemo(() =>\n    isVertical() ? ctx.vertical() : ctx.horizontal(),\n  );\n\n  /**\n   * Compute thumb CSS: we clamp to MIN_THUMB_PX, then shift the offset so the\n   * thumb never overflows the track.\n   */\n  const thumbStyle = createMemo(() => {\n    const m = metrics();\n\n    const trackSize = isVertical()\n      ? (trackEl?.clientHeight ?? 0)\n      : (trackEl?.clientWidth ?? 0);\n\n    const trackInnerSize = trackSize - 2; // track有内边距\n\n    const rawThumbSize = trackInnerSize * m.thumbRatio;\n    const thumbSize = Math.max(rawThumbSize, MIN_THUMB_PX);\n\n    // Adjust offset to account for clamping\n    const maxOffset = Math.max(0, trackInnerSize - thumbSize);\n    const offset = maxOffset * m.thumbOffset;\n\n    if (isVertical()) {\n      return {\n        height: `${thumbSize}px`,\n        transform: `translateY(${offset}px)`,\n      };\n    }\n    return {\n      width: `${thumbSize}px`,\n      transform: `translateX(${offset}px)`,\n    };\n  });\n\n  // ARIA value: 0–100 integer representing scroll position\n  const ariaValueNow = createMemo(() =>\n    Math.round(metrics().thumbOffset * 100),\n  );\n\n  // ── Drag handling ─────────────────────────────────────────────────────────\n  function onThumbPointerDown(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    ctx.setDragging(local.orientation);\n    setActive(true);\n\n    const startPointer = isVertical() ? e.clientY : e.clientX;\n    const startScroll = isVertical() ? viewport.scrollTop : viewport.scrollLeft;\n    const maxScroll = isVertical()\n      ? viewport.scrollHeight - viewport.clientHeight\n      : viewport.scrollWidth - viewport.clientWidth;\n\n    const trackSize = isVertical() ? trackEl.clientHeight : trackEl.clientWidth;\n    const trackInnerSize = trackSize - 2; // track有内边距\n\n    const thumbSize = isVertical()\n      ? (e.currentTarget as HTMLDivElement).clientHeight\n      : (e.currentTarget as HTMLDivElement).clientWidth;\n    const scrollRatio = maxScroll / (trackInnerSize - thumbSize);\n\n    function onMove(me: PointerEvent) {\n      const delta = (isVertical() ? me.clientY : me.clientX) - startPointer;\n\n      const newScroll = Math.max(\n        0,\n        Math.min(maxScroll, startScroll + delta * scrollRatio),\n      );\n      if (isVertical()) {\n        viewport!.scrollTop = newScroll;\n      } else {\n        viewport!.scrollLeft = newScroll;\n      }\n    }\n\n    function onUp() {\n      ctx.setDragging(null);\n      setActive(false);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n    }\n\n    window.addEventListener(\"pointermove\", onMove);\n    window.addEventListener(\"pointerup\", onUp);\n\n    onCleanup(() => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n    });\n  }\n\n  // ── Track click: page-scroll (click above/below thumb) ───────────────────\n  function onTrackPointerDown(e: PointerEvent) {\n    // Ignore if the target is the thumb itself\n    if ((e.target as HTMLElement).dataset.slot === \"scroll-area-thumb\") return;\n\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    const rect = trackEl.getBoundingClientRect();\n    const clickPos = isVertical()\n      ? (e.clientY - rect.top) / rect.height\n      : (e.clientX - rect.left) / rect.width;\n\n    const maxScroll = isVertical()\n      ? viewport.scrollHeight - viewport.clientHeight\n      : viewport.scrollWidth - viewport.clientWidth;\n\n    const target = clickPos * maxScroll;\n\n    viewport.scrollTo({\n      [isVertical() ? \"top\" : \"left\"]: target,\n      behavior: \"smooth\",\n    });\n  }\n\n  // ── Keyboard scrolling on the scrollbar track ─────────────────────────────\n  function onKeyDown(e: KeyboardEvent) {\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    const step = 40; // px per keypress\n    const pageSize = isVertical()\n      ? viewport.clientHeight\n      : viewport.clientWidth;\n\n    const keyMap: Record<string, number> = {\n      ArrowDown: step,\n      ArrowRight: step,\n      ArrowUp: -step,\n      ArrowLeft: -step,\n      PageDown: pageSize,\n      PageUp: -pageSize,\n      Home: -Infinity,\n      End: Infinity,\n    };\n\n    const delta = keyMap[e.key];\n    if (delta === undefined) return;\n\n    e.preventDefault();\n\n    if (isVertical()) {\n      viewport.scrollTop = Math.max(\n        0,\n        Math.min(\n          viewport.scrollHeight - viewport.clientHeight,\n          delta === Infinity\n            ? viewport.scrollHeight\n            : delta === -Infinity\n              ? 0\n              : viewport.scrollTop + delta,\n        ),\n      );\n    } else {\n      viewport.scrollLeft = Math.max(\n        0,\n        Math.min(\n          viewport.scrollWidth - viewport.clientWidth,\n          delta === Infinity\n            ? viewport.scrollWidth\n            : delta === -Infinity\n              ? 0\n              : viewport.scrollLeft + delta,\n        ),\n      );\n    }\n  }\n\n  // ── Visibility: show while hovering or dragging ───────────────────────────\n  const visible = createMemo(\n    () => ctx.hovering() || ctx.dragging() === props.orientation || active(),\n  );\n\n  return (\n    <div\n      ref={trackEl}\n      data-slot=\"scroll-area-scrollbar\"\n      // WCAG 4.1.2: expose as scrollbar widget\n      role=\"scrollbar\"\n      aria-controls=\"scroll-area-viewport\"\n      aria-orientation={local.orientation}\n      aria-valuenow={ariaValueNow()}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      tabIndex={0}\n      onPointerDown={onTrackPointerDown}\n      onKeyDown={onKeyDown}\n      data-orientation={local.orientation}\n      data-hovering={ctx.hovering() ? \"\" : undefined}\n      class={clsx(\n        // Layout\n        \"absolute touch-none select-none transition-opacity duration-150\",\n        // Opacity — visible on hover/drag, hidden otherwise\n        visible() ? \"opacity-100\" : \"opacity-0\",\n        // Axis-specific positioning & size\n        isVertical()\n          ? \"right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col\"\n          : \"bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row\",\n        // Keyboard focus ring\n        \"outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n        local.class,\n      )}\n      {...others}\n    >\n      <div\n        data-slot=\"scroll-area-thumb\"\n        onPointerDown={onThumbPointerDown}\n        data-orientation={local.orientation}\n        class={clsx(\n          \"relative rounded-full\",\n          // Thumb colour\n          \"bg-neutral-300 dark:bg-white/20\",\n          // Hover / active state\n          \"hover:bg-neutral-400 dark:hover:bg-white/30\",\n          active() ? \"bg-neutral-500 dark:bg-white/40\" : \"\",\n          \"transition-colors duration-100\",\n          // Ensure thumb is always reachable\n          isVertical() ? \"min-h-5 w-full\" : \"min-w-5 h-full\",\n        )}\n        style={thumbStyle()}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ScrollBar.js","names":["createMemo","createSignal","mergeProps","onCleanup","splitProps","ScrollBarProps","clsx","useScrollAreaContext","MIN_THUMB_PX","ScrollBar","props","ctx","trackEl","HTMLDivElement","merged","orientation","const","local","others","active","setActive","isVertical","metrics","vertical","horizontal","thumbStyle","m","trackSize","clientHeight","clientWidth","trackInnerSize","rawThumbSize","thumbRatio","thumbSize","Math","max","maxOffset","offset","thumbOffset","height","transform","width","ariaValueNow","round","onThumbPointerDown","e","PointerEvent","preventDefault","stopPropagation","viewport","viewportRef","setDragging","startPointer","clientY","clientX","startScroll","scrollTop","scrollLeft","maxScroll","scrollHeight","scrollWidth","currentTarget","scrollRatio","onMove","me","delta","newScroll","min","onUp","window","removeEventListener","addEventListener","onTrackPointerDown","target","HTMLElement","dataset","slot","rect","getBoundingClientRect","clickPos","top","left","scrollTo","behavior","onKeyDown","KeyboardEvent","step","pageSize","keyMap","Record","ArrowDown","ArrowRight","ArrowUp","ArrowLeft","PageDown","PageUp","Home","Infinity","End","key","undefined","visible","hovering","dragging","_el$","_tmpl$","_el$2","firstChild","$$keydown","$$pointerdown","_ref$","_$use","_$spread","_$mergeProps","aria-orientation","aria-valuenow","data-orientation","data-hovering","class","_$effect","_p$","_v$","_v$2","_v$3","_$setAttribute","t","_$className","a","_$style","_$delegateEvents"],"sources":["../../../../src/components/scroll-area/ScrollBar/ScrollBar.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport type { ScrollBarProps } from \"./ScrollBar.types\";\nimport { clsx } from \"~/utils\";\nimport { useScrollAreaContext } from \"../ScrollArea\";\n\n// Minimum thumb length in px so it's always clickable\nconst MIN_THUMB_PX = 20;\n\nexport const ScrollBar = (props: ScrollBarProps) => {\n  const ctx = useScrollAreaContext();\n\n  let trackEl!: HTMLDivElement;\n\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [active, setActive] = createSignal(false);\n  const isVertical = () => local.orientation === \"vertical\";\n\n  const metrics = createMemo(() =>\n    isVertical() ? ctx.vertical() : ctx.horizontal(),\n  );\n\n  /**\n   * Compute thumb CSS: we clamp to MIN_THUMB_PX, then shift the offset so the\n   * thumb never overflows the track.\n   */\n  const thumbStyle = createMemo(() => {\n    const m = metrics();\n\n    const trackSize = isVertical()\n      ? (trackEl?.clientHeight ?? 0)\n      : (trackEl?.clientWidth ?? 0);\n\n    const trackInnerSize = trackSize - 2; // track有内边距\n\n    const rawThumbSize = trackInnerSize * m.thumbRatio;\n    const thumbSize = Math.max(rawThumbSize, MIN_THUMB_PX);\n\n    // Adjust offset to account for clamping\n    const maxOffset = Math.max(0, trackInnerSize - thumbSize);\n    const offset = maxOffset * m.thumbOffset;\n\n    if (isVertical()) {\n      return {\n        height: `${thumbSize}px`,\n        transform: `translateY(${offset}px)`,\n      };\n    }\n    return {\n      width: `${thumbSize}px`,\n      transform: `translateX(${offset}px)`,\n    };\n  });\n\n  // ARIA value: 0–100 integer representing scroll position\n  const ariaValueNow = createMemo(() =>\n    Math.round(metrics().thumbOffset * 100),\n  );\n\n  // ── Drag handling ─────────────────────────────────────────────────────────\n  function onThumbPointerDown(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    ctx.setDragging(local.orientation);\n    setActive(true);\n\n    const startPointer = isVertical() ? e.clientY : e.clientX;\n    const startScroll = isVertical() ? viewport.scrollTop : viewport.scrollLeft;\n    const maxScroll = isVertical()\n      ? viewport.scrollHeight - viewport.clientHeight\n      : viewport.scrollWidth - viewport.clientWidth;\n\n    const trackSize = isVertical() ? trackEl.clientHeight : trackEl.clientWidth;\n    const trackInnerSize = trackSize - 2; // track有内边距\n\n    const thumbSize = isVertical()\n      ? (e.currentTarget as HTMLDivElement).clientHeight\n      : (e.currentTarget as HTMLDivElement).clientWidth;\n    const scrollRatio = maxScroll / (trackInnerSize - thumbSize);\n\n    function onMove(me: PointerEvent) {\n      const delta = (isVertical() ? me.clientY : me.clientX) - startPointer;\n\n      const newScroll = Math.max(\n        0,\n        Math.min(maxScroll, startScroll + delta * scrollRatio),\n      );\n      if (isVertical()) {\n        viewport!.scrollTop = newScroll;\n      } else {\n        viewport!.scrollLeft = newScroll;\n      }\n    }\n\n    function onUp() {\n      ctx.setDragging(null);\n      setActive(false);\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n    }\n\n    window.addEventListener(\"pointermove\", onMove);\n    window.addEventListener(\"pointerup\", onUp);\n\n    onCleanup(() => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onUp);\n    });\n  }\n\n  // ── Track click: page-scroll (click above/below thumb) ───────────────────\n  function onTrackPointerDown(e: PointerEvent) {\n    // Ignore if the target is the thumb itself\n    if ((e.target as HTMLElement).dataset.slot === \"scroll-area-thumb\") return;\n\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    const rect = trackEl.getBoundingClientRect();\n    const clickPos = isVertical()\n      ? (e.clientY - rect.top) / rect.height\n      : (e.clientX - rect.left) / rect.width;\n\n    const maxScroll = isVertical()\n      ? viewport.scrollHeight - viewport.clientHeight\n      : viewport.scrollWidth - viewport.clientWidth;\n\n    const target = clickPos * maxScroll;\n\n    viewport.scrollTo({\n      [isVertical() ? \"top\" : \"left\"]: target,\n      behavior: \"smooth\",\n    });\n  }\n\n  // ── Keyboard scrolling on the scrollbar track ─────────────────────────────\n  function onKeyDown(e: KeyboardEvent) {\n    const viewport = ctx.viewportRef();\n    if (!viewport) return;\n\n    const step = 40; // px per keypress\n    const pageSize = isVertical()\n      ? viewport.clientHeight\n      : viewport.clientWidth;\n\n    const keyMap: Record<string, number> = {\n      ArrowDown: step,\n      ArrowRight: step,\n      ArrowUp: -step,\n      ArrowLeft: -step,\n      PageDown: pageSize,\n      PageUp: -pageSize,\n      Home: -Infinity,\n      End: Infinity,\n    };\n\n    const delta = keyMap[e.key];\n    if (delta === undefined) return;\n\n    e.preventDefault();\n\n    if (isVertical()) {\n      viewport.scrollTop = Math.max(\n        0,\n        Math.min(\n          viewport.scrollHeight - viewport.clientHeight,\n          delta === Infinity\n            ? viewport.scrollHeight\n            : delta === -Infinity\n              ? 0\n              : viewport.scrollTop + delta,\n        ),\n      );\n    } else {\n      viewport.scrollLeft = Math.max(\n        0,\n        Math.min(\n          viewport.scrollWidth - viewport.clientWidth,\n          delta === Infinity\n            ? viewport.scrollWidth\n            : delta === -Infinity\n              ? 0\n              : viewport.scrollLeft + delta,\n        ),\n      );\n    }\n  }\n\n  // ── Visibility: show while hovering or dragging ───────────────────────────\n  const visible = createMemo(\n    () => ctx.hovering() || ctx.dragging() === props.orientation || active(),\n  );\n\n  return (\n    <div\n      ref={trackEl}\n      data-slot=\"scroll-area-scrollbar\"\n      // WCAG 4.1.2: expose as scrollbar widget\n      role=\"scrollbar\"\n      aria-controls=\"scroll-area-viewport\"\n      aria-orientation={local.orientation}\n      aria-valuenow={ariaValueNow()}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      tabIndex={0}\n      onPointerDown={onTrackPointerDown}\n      onKeyDown={onKeyDown}\n      data-orientation={local.orientation}\n      data-hovering={ctx.hovering() ? \"\" : undefined}\n      class={clsx(\n        // Layout\n        \"absolute touch-none select-none transition-opacity duration-150\",\n        // Opacity — visible on hover/drag, hidden otherwise\n        visible() ? \"opacity-100\" : \"opacity-0\",\n        // Axis-specific positioning & size\n        isVertical()\n          ? \"right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col\"\n          : \"bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row\",\n        // Keyboard focus ring\n        \"outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n        local.class,\n      )}\n      {...others}\n    >\n      <div\n        data-slot=\"scroll-area-thumb\"\n        onPointerDown={onThumbPointerDown}\n        data-orientation={local.orientation}\n        class={clsx(\n          \"relative rounded-full bg-border\",\n          // Hover / active state\n          \"hover:bg-neutral-400 dark:hover:bg-white/30\",\n          active() ? \"bg-neutral-500 dark:bg-white/40\" : \"\",\n          \"transition-colors duration-100\",\n          // Ensure thumb is always reachable\n          isVertical() ? \"min-h-5 w-full\" : \"min-w-5 h-full\",\n        )}\n        style={thumbStyle()}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/separator/Separator.js

@@ -3,8 +3,8 @@ import { classes as t } from "./Separator.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/separator/Separator.tsx
-var s = /* @__PURE__ */ i("<div data-slot=separator>"), c = (i) => {
-	let [c, l] = o(a({ orientation: "horizontal" }, i), [
+var s = /*#__PURE__*/ i("<div data-slot=separator>"), c = (i) => {
+	let c = a({ orientation: "horizontal" }, i), [l, u] = o(c, [
 		"orientation",
 		"class",
 		"classList"
@@ -13,18 +13,18 @@ var s = /* @__PURE__ */ i("<div data-slot=separator>"), c = (i) => {
 		var i = s();
 		return r(i, n({
 			get "data-orientation"() {
-				return c.orientation;
+				return l.orientation;
 			},
 			get "data-horizontal"() {
-				return c.orientation === "horizontal" ? "" : void 0;
+				return l.orientation === "horizontal" ? "" : void 0;
 			},
 			get "data-vertical"() {
-				return c.orientation === "vertical" ? "" : void 0;
+				return l.orientation === "vertical" ? "" : void 0;
 			},
 			get class() {
-				return e(t, c.class);
+				return e(t, l.class);
 			}
-		}, l), !1, !1), i;
+		}, u), !1, !1), i;
 	})();
 };
 //#endregion