@neut/ui 0.0.1 → 0.0.3

package/dist/components/item/index.js

@@ -0,0 +1,11 @@
+import { ItemGroup as e } from "./ItemGroup/ItemGroup.js";
+import { ItemSeparator as t } from "./ItemSeparator/ItemSeparator.js";
+import { Item as n } from "./Item/Item.js";
+import { ItemMedia as r } from "./ItemMedia/ItemMedia.js";
+import { ItemContent as i } from "./ItemContent/ItemContent.js";
+import { ItemTitle as a } from "./ItemTitle/ItemTitle.js";
+import { ItemDescription as o } from "./ItemDescription/ItemDescription.js";
+import { ItemActions as s } from "./ItemActions/ItemActions.js";
+import { ItemHeader as c } from "./ItemHeader/ItemHeader.js";
+import { ItemFooter as l } from "./ItemFooter/ItemFooter.js";
+export { n as Item, s as ItemActions, i as ItemContent, o as ItemDescription, l as ItemFooter, e as ItemGroup, c as ItemHeader, r as ItemMedia, t as ItemSeparator, a as ItemTitle };

package/dist/components/kbd/Kbd.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+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/kbd/Kbd.tsx
@@ -21,3 +21,5 @@ var a = /* @__PURE__ */ r("<kbd data-slot=kbd>"), o = /* @__PURE__ */ r("<kbd da
 };
 //#endregion
 export { s as Kbd, c as KbdGroup };
+
+//# sourceMappingURL=Kbd.js.map

package/dist/components/kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","names":["splitProps","KbdGroupProps","KbdProps","clsx","Kbd","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","KbdGroup","_el$2","_tmpl$2"],"sources":["../../../src/components/kbd/Kbd.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { KbdGroupProps, KbdProps } from \"./Kbd.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Kbd = (props: KbdProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  //         \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      class={clsx(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-neutral-100 dark:bg-neutral-800 px-1 font-sans text-xs font-medium text-neutral-500 dark:text-neutral-400 select-none in-data-[slot=tooltip-content]:bg-white/20 in-data-[slot=tooltip-content]:text-white dark:in-data-[slot=tooltip-content]:text-neutral-950 dark:in-data-[slot=tooltip-content]:bg-neutral-950/10 [&_svg:not([class*='size-'])]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const KbdGroup = (props: KbdGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      class={clsx(\"inline-flex items-center gap-1\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sGAIaI,KAAOC,MAAoB;CACtC,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAGjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWR,EACL,gcACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;GAKHK,KAAYR,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAS,IAAAC,GAAA;AAIc,SAJdL,EAAAI,GAAAH,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWR,EAAK,kCAAkCG,EAAMM,MAAM;KAAA,EACtDL,EAAM,EAAA,IAAA,GAAA,EAAAO;KAAA"}

package/dist/components/kbd/index.js

@@ -0,0 +1,2 @@
+import { Kbd as e, KbdGroup as t } from "./Kbd.js";
+export { e as Kbd, t as KbdGroup };

package/dist/components/label/Label.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+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/label/Label.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<label data-slot=label>"), o = (r) => {
 };
 //#endregion
 export { o as Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":["splitProps","LabelProps","clsx","Label","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { LabelProps } from \"./Label.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Label = (props: LabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: ignore\n    <label\n      data-slot=\"label\"\n      class={clsx(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAIaG,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eACE;EAAA,IAAAG,IAAAC,GAAA;AAOY,SAPZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGSR,EACL,uNACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/label/index.js

@@ -0,0 +1,2 @@
+import { Label as e } from "./Label.js";
+export { e as Label };

package/dist/components/pagination/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/pagination/Pagination/Pagination.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<nav aria-label=pagination data-slot=pagination>"), o
 };
 //#endregion
 export { o as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["splitProps","PaginationProps","clsx","Pagination","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/pagination/Pagination/Pagination.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Pagination = (props: PaginationProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      class={clsx(\"mx-auto flex w-full justify-center\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,sCAAsCG,EAAMM,MAAM;KAAA,EAC1DL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/pagination/PaginationContent/PaginationContent.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/pagination/PaginationContent/PaginationContent.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<ul data-slot=pagination-content>"), o = (r) => {
 };
 //#endregion
 export { o as PaginationContent };
+
+//# sourceMappingURL=PaginationContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationContent.js","names":["splitProps","PaginationContentProps","clsx","PaginationContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/pagination/PaginationContent/PaginationContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationContentProps } from \"./PaginationContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const PaginationContent = (props: PaginationContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      class={clsx(\"flex items-center gap-0.5\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;gEAIaG,KAAqBC,MAAkC;CAClE,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,UAGWR,EAAK,6BAA6BG,EAAMM,MAAM;KAAA,EACjDL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { createComponent as t, insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
 import { splitProps as o } from "solid-js";
 import { Ellipsis as s } from "lucide-solid";
@@ -14,3 +14,5 @@ var c = /* @__PURE__ */ a("<span aria-hidden data-slot=pagination-ellipsis><span
 };
 //#endregion
 export { l as PaginationEllipsis };
+
+//# sourceMappingURL=PaginationEllipsis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationEllipsis.js","names":["splitProps","PaginationEllipsisProps","clsx","Ellipsis","PaginationEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$createComponent"],"sources":["../../../../src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { PaginationEllipsisProps } from \"./PaginationEllipsis.types\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const PaginationEllipsis = (props: PaginationEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      class={clsx(\n        \"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More pages</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;6GAKaI,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAUa,SAVbC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWX,EACL,gFACAI,EAAMQ,MACP;KAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAAAQ,EAETb,GAAQ,EAAA,CAAA,EAAAO,EAAA,EAAAF;KAAA"}

package/dist/components/pagination/PaginationItem/PaginationItem.js

@@ -6,3 +6,5 @@ var n = /* @__PURE__ */ t("<li data-slot=pagination-item>"), r = (t) => (() => {
 })();
 //#endregion
 export { r as PaginationItem };
+
+//# sourceMappingURL=PaginationItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.js","names":["PaginationItemProps","PaginationItem","props","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import type { PaginationItemProps } from \"./PaginationItem.types\";\n\nexport const PaginationItem = (props: PaginationItemProps) => {\n  return <li data-slot=\"pagination-item\" {...props} />;\n};\n"],"mappings":";;6DAEaC,KAAkBC,aAC7B;CAAA,IAAAC,IAAAC,GAAA;AAAgD,QAAhDC,EAAAF,GAA2CD,GAAK,IAAA,GAAA,EAAAC;IAAA"}

package/dist/components/pagination/PaginationLink/PaginationLink.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { Button as t } from "../../button/Button.js";
 import { createComponent as n, memo as r, mergeProps as i } from "solid-js/web";
 import { mergeProps as a, splitProps as o } from "solid-js";
@@ -39,3 +39,5 @@ var s = (s) => {
 };
 //#endregion
 export { s as PaginationLink };
+
+//# sourceMappingURL=PaginationLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationLink.js","names":["mergeProps","splitProps","PaginationLinkProps","clsx","Button","PaginationLink","props","merged","size","const","local","others","_$createComponent","_$mergeProps","as","variant","isActive","aria-current","undefined","data-active","class","icon","_$memo","page","children"],"sources":["../../../../src/components/pagination/PaginationLink/PaginationLink.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { PaginationLinkProps } from \"./PaginationLink.types\";\nimport { clsx } from \"~/utils\";\nimport { Button } from \"~/components/button\";\n\nexport const PaginationLink = (props: PaginationLinkProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"isActive\",\n    \"class\",\n    \"classList\",\n    \"page\",\n    \"children\",\n  ]);\n\n  return (\n    <Button<\"a\">\n      as=\"a\"\n      variant={local.isActive ? \"outline\" : \"ghost\"}\n      size={local.size}\n      aria-current={local.isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={local.isActive}\n      class={clsx(local.class)}\n      icon={\"page\" in local ? (local.page as number) : undefined}\n      {...others}\n    >\n      {local.children}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaK,KAAkBC,MAA+B;CAG5D,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAM,EACGR,GAAMS,EAAA;EACLC,IAAE;EAAA,IACFC,UAAO;AAAA,UAAEL,EAAMM,WAAW,YAAY;;EAAO,IAC7CR,OAAI;AAAA,UAAEE,EAAMF;;EAAI,IAAA,iBAAA;AAAA,UACFE,EAAMM,WAAW,SAASE,KAAAA;;EAAS,aAAA;EAAA,IAAA,gBAAA;AAAA,UAEpCR,EAAMM;;EAAQ,IAAA,QAAA;AAAA,UACpBb,EAAKO,EAAMU,MAAM;;EAAA,IACxBC,OAAI;AAAA,UAAEC,QAAA,UAAUZ,EAAK,EAAA,GAAIA,EAAMa,OAAkBL,KAAAA;;EAAS,EACtDP,GAAM,EAAA,IAAAa,WAAA;AAAA,SAETd,EAAMc;IAAQ,CAAA,CAAA"}

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

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { PaginationLink as t } from "../PaginationLink/PaginationLink.js";
 import { createComponent as n, insert as r, mergeProps as i, template as a } from "solid-js/web";
 import { mergeProps as o, splitProps as s } from "solid-js";
@@ -28,3 +28,5 @@ var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
 };
 //#endregion
 export { u as PaginationNext };
+
+//# sourceMappingURL=PaginationNext.js.map

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

@@ -0,0 +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"}

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

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { PaginationLink as t } from "../PaginationLink/PaginationLink.js";
 import { createComponent as n, insert as r, mergeProps as i, template as a } from "solid-js/web";
 import { mergeProps as o, splitProps as s } from "solid-js";
@@ -28,3 +28,5 @@ var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
 };
 //#endregion
 export { u as PaginationPrevious };
+
+//# sourceMappingURL=PaginationPrevious.js.map

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

@@ -0,0 +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"}

package/dist/components/pagination/index.js

@@ -0,0 +1,8 @@
+import { Pagination as e } from "./Pagination/Pagination.js";
+import { PaginationContent as t } from "./PaginationContent/PaginationContent.js";
+import { PaginationItem as n } from "./PaginationItem/PaginationItem.js";
+import { PaginationLink as r } from "./PaginationLink/PaginationLink.js";
+import { PaginationPrevious as i } from "./PaginationPrevious/PaginationPrevious.js";
+import { PaginationNext as a } from "./PaginationNext/PaginationNext.js";
+import { PaginationEllipsis as o } from "./PaginationEllipsis/PaginationEllipsis.js";
+export { e as Pagination, t as PaginationContent, o as PaginationEllipsis, n as PaginationItem, r as PaginationLink, a as PaginationNext, i as PaginationPrevious };

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.d.ts

@@ -2,7 +2,7 @@ import { Accessor, Setter } from 'solid-js';
 import { ScrollMetrics } from './ScrollArea.types';
 interface ScrollAreaContextValue {
     hovering: Accessor<boolean>;
-    viewportRef: () => HTMLDivElement;
+    viewportRef: () => HTMLDivElement | undefined;
     dragging: Accessor<"vertical" | "horizontal" | null>;
     setDragging: Setter<"vertical" | "horizontal" | null>;
     vertical: Accessor<ScrollMetrics>;

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

@@ -7,3 +7,5 @@ var n = e(), r = () => {
 };
 //#endregion
 export { n as ScrollAreaContext, r as useScrollAreaContext };
+
+//# sourceMappingURL=ScrollArea.context.js.map

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

@@ -0,0 +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"}

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

@@ -1,65 +1,67 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { ScrollBar as t } from "../ScrollBar/ScrollBar.js";
 import { ScrollAreaContext as n } from "./ScrollArea.context.js";
 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, onMount as h, splitProps as g } from "solid-js";
+import { createSignal as p, onCleanup as m, splitProps as h } from "solid-js";
 //#region src/components/scroll-area/ScrollArea/ScrollArea.tsx
-var _ = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), v = /* @__PURE__ */ d("<div data-slot=scroll-area>"), y = (d) => {
-	let y, [b, x] = g(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",
 		"classList",
 		"children",
 		"aria-label"
-	]), [S, C] = p(!1), [w, T] = p(null), [E, D] = p({
+	]), [x, S] = p(!1), [C, w] = p(null), [T, E] = p({
 		thumbRatio: 1,
 		thumbOffset: 0,
 		scrollable: !1
-	}), [O, k] = p({
+	}), [D, O] = p({
 		thumbRatio: 1,
 		thumbOffset: 0,
 		scrollable: !1
 	});
-	function A() {
-		let e = y;
-		e && (D(r(e.clientHeight, e.scrollTop, e.scrollHeight)), k(r(e.clientWidth, e.scrollLeft, e.scrollWidth)));
+	function k(e) {
+		E(r(e.clientHeight, e.scrollTop, e.scrollHeight)), O(r(e.clientWidth, e.scrollLeft, e.scrollWidth));
 	}
-	return h(() => {
-		A();
-		let e = new ResizeObserver(A);
-		e.observe(y), y.firstElementChild && e.observe(y.firstElementChild), y.addEventListener("scroll", A, { passive: !0 }), m(() => {
-			e.disconnect(), y.removeEventListener("scroll", A);
+	function A(e) {
+		v = e, k(e);
+		let t = () => k(e), n = new ResizeObserver(t);
+		n.observe(e), e.firstElementChild && n.observe(e.firstElementChild), e.addEventListener("scroll", t, { passive: !0 }), m(() => {
+			n.disconnect(), e.removeEventListener("scroll", t);
 		});
-	}), (() => {
-		var r = v();
-		return r.addEventListener("mouseleave", () => C(!1)), r.addEventListener("mouseenter", () => C(!0)), u(r, c({ get class() {
-			return e("relative", b.class);
-		} }, x), !1, !0), s(r, a(n.Provider, {
+	}
+	return (() => {
+		var r = _();
+		return r.addEventListener("mouseleave", () => S(!1)), r.addEventListener("mouseenter", () => S(!0)), u(r, c({ get class() {
+			return e("relative", y.class);
+		} }, b), !1, !0), s(r, a(n.Provider, {
 			value: {
-				hovering: S,
-				viewportRef: () => y,
-				dragging: w,
-				setDragging: T,
-				vertical: E,
-				horizontal: O
+				hovering: x,
+				viewportRef: () => v,
+				dragging: C,
+				setDragging: w,
+				vertical: T,
+				horizontal: D
 			},
 			get children() {
 				return [(() => {
-					var t = _(), n = y;
-					return typeof n == "function" ? f(n, t) : y = t, s(t, () => b.children), o((n) => {
-						var r = b["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", b.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : b.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
+					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");
 						return r !== n.e && l(t, "aria-label", n.e = r), a !== n.t && i(t, n.t = a), n;
 					}, {
 						e: void 0,
 						t: void 0
 					}), t;
 				})(), a(t, { get orientation() {
-					return b.orientation;
+					return y.orientation;
 				} })];
 			}
 		})), r;
 	})();
 };
 //#endregion
-export { y as ScrollArea };
+export { v as ScrollArea };
+
+//# sourceMappingURL=ScrollArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":["createEffect","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 { createEffect, 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":";;;;;;;qIAOaU,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"}

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

@@ -15,3 +15,5 @@ function e(e, t, n) {
 }
 //#endregion
 export { e as computeMetrics };
+
+//# sourceMappingURL=ScrollArea.utils.js.map

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

@@ -0,0 +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"}

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

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 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";
@@ -94,3 +94,5 @@ var g = /* @__PURE__ */ l("<div data-slot=scroll-area-scrollbar role=scrollbar a
 r(["pointerdown", "keydown"]);
 //#endregion
 export { v as ScrollBar };
+
+//# sourceMappingURL=ScrollBar.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,3 @@
+import { ScrollBar as e } from "./ScrollBar/ScrollBar.js";
+import { ScrollArea as t } from "./ScrollArea/ScrollArea.js";
+export { t as ScrollArea, e as ScrollBar };

package/dist/components/separator/Separator.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 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";
@@ -29,3 +29,5 @@ var s = /* @__PURE__ */ i("<div data-slot=separator>"), c = (i) => {
 };
 //#endregion
 export { c as Separator };
+
+//# sourceMappingURL=Separator.js.map

package/dist/components/separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;wDAKaK,KAAaC,MAA0B;CAElD,IAAM,CAACI,GAAOC,KAAUV,EADTD,EAAW,EAAEQ,aAAa,cAAc,EAAWF,EAAM,EAC7B;EACzC;EACA;EACA;EACD,CAAC;AAEF,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBL,EAAMF;;GAAW,IAAA,oBAAA;AAAA,WAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;;GAAS,IAAA,kBAAA;AAAA,WACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;;GAAS,IAAA,QAAA;AAAA,WACzDhB,EAAKC,GAASO,EAAMU,MAAM;;GAAA,EAC7BT,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/separator/Separator.styles.js

@@ -1,5 +1,7 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 //#region src/components/separator/Separator.styles.ts
 var t = e("shrink-0 bg-neutral-200 dark:bg-white/10 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch");
 //#endregion
 export { t as classes };
+
+//# sourceMappingURL=Separator.styles.js.map

package/dist/components/separator/Separator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styles.js","names":[],"sources":["../../../src/components/separator/Separator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"shrink-0 bg-neutral-200 dark:bg-white/10 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,qIACD"}

package/dist/components/separator/index.js

@@ -0,0 +1,2 @@
+import { Separator as e } from "./Separator.js";
+export { e as Separator };

package/dist/components/sidebar/Sidebar/Sidebar.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
 import { className as n, createComponent as r, effect as i, insert as a, mergeProps as o, setAttribute as s, spread as c, template as l } from "solid-js/web";
 import { Show as u, mergeProps as d, splitProps as f } from "solid-js";
@@ -58,3 +58,5 @@ var p = /* @__PURE__ */ l("<div class=\"group peer hidden text-neutral-950 dark:
 };
 //#endregion
 export { h as Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/sidebar/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-neutral-50 text-neutral-950\",\n            \"dark:bg-neutral-900 dark:text-neutral-50\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-neutral-950 dark:text-neutral-50 md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              // \"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n              class=\"flex size-full flex-col bg-neutral-50 dark:bg-neutral-900 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-neutral-200 dark:group-data-[variant=floating]:ring-white/10\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;gkBAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,GAAY,EAOlC,CAACU,GAAOC,KAAUd,EALTF,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;EAAa,EAC9DN,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAU,EACGhB,GAAI;EAAA,IACHiB,OAAI;AAAA,UAAEH,EAAMF,gBAAgB;;EAAM,IAClCM,WAAQ;AAAA,iBAAA;IAAA,IAAAC,IAAAC,GAAA;AAWW,WAXXC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,YAGGnB,EACL,4CACA,kCACA,4CACAW,EAAMS,MACP;OAAA,EACGR,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAL,SAETL,EAAMW,SAAQ,EAAAN;OAAA;;EAAA,IAAAM,WAAA;AAAA,UAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;AAmB9B,YAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;AAAA,cAuBpBR,EAAMJ;;MAAI,IAAA,QAAA;AAAA,cACdP,EACL,8VAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,MACP;;MAAA,EACGjB,EAAK,EAAA,IAAA,GAAA,EAAAkB,EAAAQ,SAQNlB,EAAMW,SAAQ,EAAAS,GAAAC,MAAA;MAAA,IAAAC,IArCP5B,GAAO,EAAA6B,IACD7B,GAAO,KAAK,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,yDACL;AAAA,aAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,EAAA,EAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,EAAA,EAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,EAAA,EAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,EAAA,EAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,EAAA,EAAAL;QAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAtB;;IAAA,CAAA;;EAAA,CAAA"}

package/dist/components/sidebar/SidebarContent/SidebarContent.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/sidebar/SidebarContent/SidebarContent.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=sidebar-content data-sidebar=content>"
 };
 //#endregion
 export { o as SidebarContent };
+
+//# sourceMappingURL=SidebarContent.js.map

package/dist/components/sidebar/SidebarContent/SidebarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;mFAIaG,KAAkBC,MAA+B;CAC5D,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,UAIWR,EACL,+GACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/sidebar/SidebarFooter/SidebarFooter.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/sidebar/SidebarFooter/SidebarFooter.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=sidebar-footer data-sidebar=footer>"),
 };
 //#endregion
 export { o as SidebarFooter };
+
+//# sourceMappingURL=SidebarFooter.js.map

package/dist/components/sidebar/SidebarFooter/SidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,2BAA2BG,EAAMM,MAAM;KAAA,EAC/CL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/sidebar/SidebarGroup/SidebarGroup.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/sidebar/SidebarGroup/SidebarGroup.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=sidebar-group data-sidebar=group>"), o
 };
 //#endregion
 export { o as SidebarGroup };
+
+//# sourceMappingURL=SidebarGroup.js.map

package/dist/components/sidebar/SidebarGroup/SidebarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,6CAA6CG,EAAMM,MAAM;KAAA,EACjEL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/web";
 import { mergeProps as i, splitProps as a } from "solid-js";
 //#region src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx
@@ -21,3 +21,5 @@ var o = (o) => {
 };
 //#endregion
 export { o as SidebarGroupAction };
+
+//# sourceMappingURL=SidebarGroupAction.js.map

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","as","const","local","others","_$createComponent","_$mergeProps","component","class"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ as: \"button\" as T } as const, props);\n\n  const [local, others] = splitProps(merged, [\"as\", \"class\", \"classList\"]);\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      component={local.as}\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CAGH,IAAM,CAACK,GAAOC,KAAUZ,EAFTD,EAAW,EAAEU,IAAI,UAAe,EAAWH,EAAM,EAErB;EAAC;EAAM;EAAS;EAAY,CAAC;AAExE,QACEO,EACCT,GAAOU,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEJ,EAAMF;;EAAE,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;AAAA,UAGZN,EACL,wbACAQ,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA"}

package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+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/sidebar/SidebarGroupContent/SidebarGroupContent.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=sidebar-group-content data-sidebar=gro
 };
 //#endregion
 export { o as SidebarGroupContent };
+
+//# sourceMappingURL=SidebarGroupContent.js.map

package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+FAIaG,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAIWR,EAAK,kBAAkBG,EAAMM,MAAM;KAAA,EACtCL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/web";
 import { mergeProps as i, splitProps as a } from "solid-js";
 //#region src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx
@@ -21,3 +21,5 @@ var o = (o) => {
 };
 //#endregion
 export { o as SidebarGroupLabel };
+
+//# sourceMappingURL=SidebarGroupLabel.js.map