@neut/ui 0.0.9 → 0.0.11

package/dist/components/card/CardFooter/CardFooter.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardFooter.styles.js";
+import t from "./CardFooter.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/card/CardFooter/CardFooter.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-footer>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-footer>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

package/dist/components/card/CardFooter/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-footer\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAC0E,SAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UACsCV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAAML,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-footer\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACsCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}

package/dist/components/card/CardFooter/CardFooter.styles.d.ts

@@ -1 +1,2 @@
-export declare const classes = "flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3";
+declare const classes = "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)";
+export default classes;

package/dist/components/card/CardFooter/CardFooter.styles.js

@@ -1,6 +1,6 @@
 //#region src/components/card/CardFooter/CardFooter.styles.ts
-var e = "flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3";
+var e = "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardFooter.styles.js.map

package/dist/components/card/CardFooter/CardFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.styles.js","names":[],"sources":["../../../../src/components/card/CardFooter/CardFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardFooter.styles.js","names":[],"sources":["../../../../src/components/card/CardFooter/CardFooter.styles.ts"],"sourcesContent":["const classes =\n  \"flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

package/dist/components/card/CardHeader/CardHeader.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardHeader.styles.js";
+import t from "./CardHeader.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/card/CardHeader/CardHeader.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-header>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-header>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

package/dist/components/card/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-header\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAC0E,SAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UACsCV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAAML,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-header\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACsCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}

package/dist/components/card/CardHeader/CardHeader.styles.d.ts

@@ -1 +1,2 @@
-export declare const classes = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3";
+declare const classes = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)";
+export default classes;

package/dist/components/card/CardHeader/CardHeader.styles.js

@@ -1,6 +1,6 @@
 //#region src/components/card/CardHeader/CardHeader.styles.ts
-var e = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3";
+var e = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardHeader.styles.js.map

package/dist/components/card/CardHeader/CardHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.styles.js","names":[],"sources":["../../../../src/components/card/CardHeader/CardHeader.styles.ts"],"sourcesContent":["export const classes =\n  \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardHeader.styles.js","names":[],"sources":["../../../../src/components/card/CardHeader/CardHeader.styles.ts"],"sourcesContent":["const classes =\n  \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

package/dist/components/card/CardTitle/CardTitle.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardTitle.styles.js";
+import t from "./CardTitle.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/card/CardTitle/CardTitle.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-title>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-title>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

package/dist/components/card/CardTitle/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-title\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AACyE,SADzEC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UACqCV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAAML,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-title\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;uDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EACyE,OADzEC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACqCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE3E"}

package/dist/components/card/CardTitle/CardTitle.styles.d.ts

@@ -1 +1,2 @@
-export declare const classes = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
+declare const classes = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
+export default classes;

package/dist/components/card/CardTitle/CardTitle.styles.js

@@ -1,6 +1,6 @@
 //#region src/components/card/CardTitle/CardTitle.styles.ts
 var e = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardTitle.styles.js.map

package/dist/components/card/CardTitle/CardTitle.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.styles.js","names":[],"sources":["../../../../src/components/card/CardTitle/CardTitle.styles.ts"],"sourcesContent":["export const classes =\n  \"cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardTitle.styles.js","names":[],"sources":["../../../../src/components/card/CardTitle/CardTitle.styles.ts"],"sourcesContent":["const classes =\n  \"cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

package/dist/components/carousel/Carousel/Carousel.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext must be used within a <Carousel />\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,GAAqC;AAEpE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,EAAgB;AAC3C,KAAI,CAACE,EACH,OAAUC,MAAM,wDAAwD;AAE1E,QAAOD"}
+{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext must be used within a <Carousel />\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,EAAoC;AAEnE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,CAAe;CAC1C,IAAI,CAACE,GACH,MAAUC,MAAM,uDAAuD;CAEzE,OAAOD;AACT"}

package/dist/components/carousel/Carousel/Carousel.js

@@ -3,32 +3,33 @@ import { CarouselContext as t } from "./Carousel.context.js";
 import { useAutoPlay as n } from "./useAutoPlay.js";
 import { useCarousel as r } from "./useCarousel.js";
 import { useKeyboardNavigation as i } from "./useKeyboardNavigation.js";
-import { createComponent as a, mergeProps as o, spread as s, template as c, use as l } from "solid-js/web";
-import { splitProps as u } from "solid-js";
+import a from "./Carousel.styles.js";
+import { createComponent as o, mergeProps as s, spread as c, template as l, use as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
 //#region src/components/carousel/Carousel/Carousel.tsx
-var d = /* @__PURE__ */ c("<section data-slot=carousel aria-roledescription=carousel>"), f = (c) => {
-	let [f, p, m] = u(c, ["class", "aria-label"], [
+var f = /*#__PURE__*/ l("<section data-slot=carousel aria-roledescription=carousel>"), p = (l) => {
+	let [p, m, h] = d(l, ["class", "aria-label"], [
 		"loop",
 		"orientation",
 		"autoPlay",
 		"autoPlayInterval"
-	]), h = r(p), g;
-	return n(p.autoPlay ?? !1, p.autoPlayInterval ?? 3e3, h.scrollNext), i(g, h.orientation, h.scrollPrev, h.scrollNext), a(t.Provider, {
-		value: h,
+	]), g = r(m), _;
+	return n(m.autoPlay ?? !1, m.autoPlayInterval ?? 3e3, g.scrollNext), i(_, g.orientation, g.scrollPrev, g.scrollNext), o(t.Provider, {
+		value: g,
 		get children() {
-			var t = d(), n = g;
-			return typeof n == "function" ? l(n, t) : g = t, s(t, o({
+			var t = f(), n = _;
+			return typeof n == "function" ? u(n, t) : _ = t, c(t, s({
 				get "aria-label"() {
-					return f["aria-label"] ?? "Carousel";
+					return p["aria-label"] ?? "Carousel";
 				},
 				get class() {
-					return e("relative", f.class);
+					return e(a, p.class);
 				}
-			}, m), !1, !1), t;
+			}, h), !1, !1), t;
 		}
 	});
 };
 //#endregion
-export { f as Carousel };
+export { p as Carousel };
 
 //# sourceMappingURL=Carousel.js.map

package/dist/components/carousel/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","Carousel","props","local","options","rest","state","rootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","orientation","scrollPrev","_$createComponent","Provider","value","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","aria-label","class"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  let rootRef: HTMLElement | undefined;\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation(\n    rootRef,\n    state.orientation,\n    state.scrollPrev,\n    state.scrollNext,\n  );\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={rootRef}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(\"relative\", local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;yFAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQX,EAC7BQ,GACA,CAAC,SAAS,aAAa,EACvB;EAAC;EAAQ;EAAe;EAAY;EACtC,CAAC,EAEKI,IAAQP,EAAYK,EAAQ,EAC9BG;AAeJ,QAbAT,EACEM,EAAQK,YAAY,IACpBL,EAAQM,oBAAoB,KAC5BJ,EAAMK,WACP,EAEDX,EACEO,GACAD,EAAMM,aACNN,EAAMO,YACNP,EAAMK,WACP,EAEDG,EACGlB,EAAgBmB,UAAQ;EAACC,OAAOV;EAAK,IAAAW,WAAA;GAAA,IAAAC,IAAAC,GAAA,EAAAC,IAE7Bb;AAKG,UALI,OAAAa,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAAPX,IAAOW,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;AAAA,YAEApB,EAAM,iBAAiB;;IAAU,IAAA,QAAA;AAAA,YAEtCR,EAAK,YAAYQ,EAAMsB,MAAM;;IAAA,EAChCpB,EAAI,EAAA,IAAA,GAAA,EAAAa;;EAAA,CAAA"}
+{"version":3,"file":"Carousel.js","names":["splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","classes","Carousel","props","local","options","rest","state","rootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","orientation","scrollPrev","_$createComponent","Provider","value","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","aria-label","class"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport classes from \"./Carousel.styles\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  let rootRef: HTMLElement | undefined;\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation(\n    rootRef,\n    state.orientation,\n    state.scrollPrev,\n    state.scrollNext,\n  );\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={rootRef}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(classes, local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;uFASaQ,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQZ,EAC7BS,GACA,CAAC,SAAS,YAAY,GACtB;EAAC;EAAQ;EAAe;EAAY;CAAkB,CACxD,GAEMI,IAAQR,EAAYM,CAAO,GAC7BG;CAeJ,OAbAV,EACEO,EAAQK,YAAY,IACpBL,EAAQM,oBAAoB,KAC5BJ,EAAMK,UACR,GAEAZ,EACEQ,GACAD,EAAMM,aACNN,EAAMO,YACNP,EAAMK,UACR,GAEAG,EACGnB,EAAgBoB,UAAQ;EAACC,OAAOV;EAAK,IAAAW,WAAA;GAAA,IAAAC,IAAAC,EAAA,GAAAC,IAE7Bb;GAKG,OALI,OAAAa,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAAPX,IAAOW,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;KAAA,OAEApB,EAAM,iBAAiB;IAAU;IAAA,IAAA,QAAA;KAAA,OAEtCT,EAAKM,GAASG,EAAMsB,KAAK;IAAC;GAAA,GAC7BpB,CAAI,GAAA,IAAA,EAAA,GAAAa;EAAA;CAAA,CAAA;AAIhB"}

package/dist/components/carousel/Carousel/Carousel.styles.d.ts

@@ -0,0 +1,2 @@
+declare const classes = "relative";
+export default classes;

package/dist/components/carousel/Carousel/Carousel.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/carousel/Carousel/Carousel.styles.ts
+var e = "relative";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Carousel.styles.js.map

package/dist/components/carousel/Carousel/Carousel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.js","names":[],"sources":["../../../../src/components/carousel/Carousel/Carousel.styles.ts"],"sourcesContent":["const classes = \"relative\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IAAU"}

package/dist/components/carousel/Carousel/useAutoPlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoPlay.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useAutoPlay.ts"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\n\nexport const useAutoPlay = (\n  enabled: boolean,\n  interval: number,\n  scrollNext: () => void,\n) => {\n  if (!enabled) return;\n\n  let timer: ReturnType<typeof setInterval>;\n\n  const start = () => {\n    timer = setInterval(scrollNext, interval);\n  };\n  const stop = () => clearInterval(timer);\n\n  onMount(start);\n  onCleanup(stop);\n\n  return { start, stop };\n};\n"],"mappings":";;AAEA,IAAa,KACX,GACA,GACA,MACG;AACH,KAAI,CAAC,EAAS;CAEd,IAAI,GAEE,UAAc;AAClB,MAAQ,YAAY,GAAY,EAAS;IAErC,UAAa,cAAc,EAAM;AAKvC,QAHA,EAAQ,EAAM,EACd,EAAU,EAAK,EAER;EAAE;EAAO;EAAM"}
+{"version":3,"file":"useAutoPlay.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useAutoPlay.ts"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\n\nexport const useAutoPlay = (\n  enabled: boolean,\n  interval: number,\n  scrollNext: () => void,\n) => {\n  if (!enabled) return;\n\n  let timer: ReturnType<typeof setInterval>;\n\n  const start = () => {\n    timer = setInterval(scrollNext, interval);\n  };\n  const stop = () => clearInterval(timer);\n\n  onMount(start);\n  onCleanup(stop);\n\n  return { start, stop };\n};\n"],"mappings":";;AAEA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAI,CAAC,GAAS;CAEd,IAAI,GAEE,UAAc;EAClB,IAAQ,YAAY,GAAY,CAAQ;CAC1C,GACM,UAAa,cAAc,CAAK;CAKtC,OAHA,EAAQ,CAAK,GACb,EAAU,CAAI,GAEP;EAAE;EAAO;CAAK;AACvB"}

package/dist/components/carousel/Carousel/useCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCarousel.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useCarousel.ts"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport type { CarouselOptions } from \"./Carousel.types\";\n\nexport function useCarousel(opts: CarouselOptions) {\n  const [currentIndex, setCurrentIndex] = createSignal(0);\n  const [itemCount, setItemCount] = createSignal(0);\n  const [itemSize, setItemSize] = createSignal(0);\n  const [viewportSize, setViewportSize] = createSignal(0);\n\n  const loop = () => opts.loop ?? false;\n  const orientation = () => opts.orientation ?? \"horizontal\";\n\n  /**\n   * 视口内能完整显示的 item 数量。\n   * itemSize > 0 时才能计算，否则回退到 1（保守估计）。\n   * 使用 Math.round 而非 Math.floor：\n   *   浮点测量误差（如 333.33px × 3 ≠ 1000px）可能导致\n   *   floor 少算一个，round 能消除亚像素误差。\n   */\n  const visibleCount = () => {\n    const iSize = itemSize();\n    if (iSize <= 0) return 1;\n    return Math.round(viewportSize() / iSize);\n  };\n\n  const canScrollPrev = () => loop() || currentIndex() > 0;\n\n  const canScrollNext = () =>\n    loop() || currentIndex() + visibleCount() < itemCount();\n\n  const scrollTo = (index: number) => {\n    const count = itemCount();\n    if (count === 0) return;\n    if (loop()) {\n      setCurrentIndex(((index % count) + count) % count);\n    } else {\n      setCurrentIndex(Math.max(0, Math.min(index, count - 1)));\n    }\n  };\n\n  const scrollPrev = () => scrollTo(currentIndex() - 1);\n  const scrollNext = () => scrollTo(currentIndex() + 1);\n\n  const registerItem = () => {\n    setItemCount((n) => n + 1);\n    return () => setItemCount((n) => n - 1);\n  };\n\n  return {\n    currentIndex,\n    itemCount,\n    itemSize,\n    setItemSize,\n    viewportSize,\n    setViewportSize,\n    orientation,\n    loop,\n    canScrollPrev,\n    canScrollNext,\n    scrollPrev,\n    scrollNext,\n    scrollTo,\n    registerItem,\n  };\n}\n"],"mappings":";;AAGA,SAAgB,EAAY,GAAuB;CACjD,IAAM,CAAC,GAAc,KAAmB,EAAa,EAAE,EACjD,CAAC,GAAW,KAAgB,EAAa,EAAE,EAC3C,CAAC,GAAU,KAAe,EAAa,EAAE,EACzC,CAAC,GAAc,KAAmB,EAAa,EAAE,EAEjD,UAAa,EAAK,QAAQ,IAC1B,UAAoB,EAAK,eAAe,cASxC,UAAqB;EACzB,IAAM,IAAQ,GAAU;AAExB,SADI,KAAS,IAAU,IAChB,KAAK,MAAM,GAAc,GAAG,EAAM;IAGrC,UAAsB,GAAM,IAAI,GAAc,GAAG,GAEjD,UACJ,GAAM,IAAI,GAAc,GAAG,GAAc,GAAG,GAAW,EAEnD,KAAY,MAAkB;EAClC,IAAM,IAAQ,GAAW;AACrB,QAAU,MACV,GAAM,GACR,GAAkB,IAAQ,IAAS,KAAS,EAAM,GAElD,EAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAO,IAAQ,EAAE,CAAC,CAAC;;AAY5D,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAnBuB,EAAS,GAAc,GAAG,EAAE;EAoBnD,kBAnBuB,EAAS,GAAc,GAAG,EAAE;EAoBnD;EACA,qBAlBA,GAAc,MAAM,IAAI,EAAE,QACb,GAAc,MAAM,IAAI,EAAE;EAkBxC"}
+{"version":3,"file":"useCarousel.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useCarousel.ts"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport type { CarouselOptions } from \"./Carousel.types\";\n\nexport function useCarousel(opts: CarouselOptions) {\n  const [currentIndex, setCurrentIndex] = createSignal(0);\n  const [itemCount, setItemCount] = createSignal(0);\n  const [itemSize, setItemSize] = createSignal(0);\n  const [viewportSize, setViewportSize] = createSignal(0);\n\n  const loop = () => opts.loop ?? false;\n  const orientation = () => opts.orientation ?? \"horizontal\";\n\n  /**\n   * 视口内能完整显示的 item 数量。\n   * itemSize > 0 时才能计算，否则回退到 1（保守估计）。\n   * 使用 Math.round 而非 Math.floor：\n   *   浮点测量误差（如 333.33px × 3 ≠ 1000px）可能导致\n   *   floor 少算一个，round 能消除亚像素误差。\n   */\n  const visibleCount = () => {\n    const iSize = itemSize();\n    if (iSize <= 0) return 1;\n    return Math.round(viewportSize() / iSize);\n  };\n\n  const canScrollPrev = () => loop() || currentIndex() > 0;\n\n  const canScrollNext = () =>\n    loop() || currentIndex() + visibleCount() < itemCount();\n\n  const scrollTo = (index: number) => {\n    const count = itemCount();\n    if (count === 0) return;\n    if (loop()) {\n      setCurrentIndex(((index % count) + count) % count);\n    } else {\n      setCurrentIndex(Math.max(0, Math.min(index, count - 1)));\n    }\n  };\n\n  const scrollPrev = () => scrollTo(currentIndex() - 1);\n  const scrollNext = () => scrollTo(currentIndex() + 1);\n\n  const registerItem = () => {\n    setItemCount((n) => n + 1);\n    return () => setItemCount((n) => n - 1);\n  };\n\n  return {\n    currentIndex,\n    itemCount,\n    itemSize,\n    setItemSize,\n    viewportSize,\n    setViewportSize,\n    orientation,\n    loop,\n    canScrollPrev,\n    canScrollNext,\n    scrollPrev,\n    scrollNext,\n    scrollTo,\n    registerItem,\n  };\n}\n"],"mappings":";;AAGA,SAAgB,EAAY,GAAuB;CACjD,IAAM,CAAC,GAAc,KAAmB,EAAa,CAAC,GAChD,CAAC,GAAW,KAAgB,EAAa,CAAC,GAC1C,CAAC,GAAU,KAAe,EAAa,CAAC,GACxC,CAAC,GAAc,KAAmB,EAAa,CAAC,GAEhD,UAAa,EAAK,QAAQ,IAC1B,UAAoB,EAAK,eAAe,cASxC,UAAqB;EACzB,IAAM,IAAQ,EAAS;EAEvB,OADI,KAAS,IAAU,IAChB,KAAK,MAAM,EAAa,IAAI,CAAK;CAC1C,GAEM,UAAsB,EAAK,KAAK,EAAa,IAAI,GAEjD,UACJ,EAAK,KAAK,EAAa,IAAI,EAAa,IAAI,EAAU,GAElD,KAAY,MAAkB;EAClC,IAAM,IAAQ,EAAU;EACpB,MAAU,MACV,EAAK,IACP,GAAkB,IAAQ,IAAS,KAAS,CAAK,IAEjD,EAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAO,IAAQ,CAAC,CAAC,CAAC;CAE3D;CAUA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAnBuB,EAAS,EAAa,IAAI,CAAC;EAoBlD,kBAnBuB,EAAS,EAAa,IAAI,CAAC;EAoBlD;EACA,qBAlBA,GAAc,MAAM,IAAI,CAAC,SACZ,GAAc,MAAM,IAAI,CAAC;CAkBxC;AACF"}

package/dist/components/carousel/Carousel/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useKeyboardNavigation.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\nexport function useKeyboardNavigation(\n  ref: HTMLElement | undefined,\n  orientation: Accessor<Orientation>,\n  scrollPrev: () => void,\n  scrollNext: () => void,\n) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    const isH = orientation() === \"horizontal\";\n    if ((isH && e.key === \"ArrowLeft\") || (!isH && e.key === \"ArrowUp\")) {\n      e.preventDefault();\n      scrollPrev();\n    } else if (\n      (isH && e.key === \"ArrowRight\") ||\n      (!isH && e.key === \"ArrowDown\")\n    ) {\n      e.preventDefault();\n      scrollNext();\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      // handled externally via scrollTo(0)\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      // handled externally\n    }\n  };\n\n  createEffect(() => {\n    ref?.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => ref?.removeEventListener(\"keydown\", handleKeyDown));\n  });\n}\n"],"mappings":";;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,KAAiB,MAAqB;EAC1C,IAAM,IAAM,GAAa,KAAK;AAC9B,EAAK,KAAO,EAAE,QAAQ,eAAiB,CAAC,KAAO,EAAE,QAAQ,aACvD,EAAE,gBAAgB,EAClB,GAAY,IAEX,KAAO,EAAE,QAAQ,gBACjB,CAAC,KAAO,EAAE,QAAQ,eAEnB,EAAE,gBAAgB,EAClB,GAAY,KACH,EAAE,QAAQ,UAGV,EAAE,QAAQ,UAFnB,EAAE,gBAAgB;;AAQtB,SAAmB;AAEjB,EADA,GAAK,iBAAiB,WAAW,EAAc,EAC/C,QAAgB,GAAK,oBAAoB,WAAW,EAAc,CAAC;GACnE"}
+{"version":3,"file":"useKeyboardNavigation.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useKeyboardNavigation.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\nexport function useKeyboardNavigation(\n  ref: HTMLElement | undefined,\n  orientation: Accessor<Orientation>,\n  scrollPrev: () => void,\n  scrollNext: () => void,\n) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    const isH = orientation() === \"horizontal\";\n    if ((isH && e.key === \"ArrowLeft\") || (!isH && e.key === \"ArrowUp\")) {\n      e.preventDefault();\n      scrollPrev();\n    } else if (\n      (isH && e.key === \"ArrowRight\") ||\n      (!isH && e.key === \"ArrowDown\")\n    ) {\n      e.preventDefault();\n      scrollNext();\n    } else if (e.key === \"Home\") {\n      e.preventDefault();\n      // handled externally via scrollTo(0)\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      // handled externally\n    }\n  };\n\n  createEffect(() => {\n    ref?.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => ref?.removeEventListener(\"keydown\", handleKeyDown));\n  });\n}\n"],"mappings":";;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,KAAiB,MAAqB;EAC1C,IAAM,IAAM,EAAY,MAAM;EAC9B,AAAK,KAAO,EAAE,QAAQ,eAAiB,CAAC,KAAO,EAAE,QAAQ,aACvD,EAAE,eAAe,GACjB,EAAW,KAEV,KAAO,EAAE,QAAQ,gBACjB,CAAC,KAAO,EAAE,QAAQ,eAEnB,EAAE,eAAe,GACjB,EAAW,MACF,EAAE,QAAQ,UAGV,EAAE,QAAQ,UAFnB,EAAE,eAAe;CAMrB;CAEA,QAAmB;EAEjB,AADA,GAAK,iBAAiB,WAAW,CAAa,GAC9C,QAAgB,GAAK,oBAAoB,WAAW,CAAa,CAAC;CACpE,CAAC;AACH"}

package/dist/components/carousel/CarouselContent/CarouselContent.js

@@ -4,7 +4,7 @@ import { useItemSizeMeasure as n } from "./useItemSizeMeasure.js";
 import { mergeProps as r, spread as i, template as a, use as o } from "solid-js/web";
 import { splitProps as s } from "solid-js";
 //#region src/components/carousel/CarouselContent/CarouselContent.tsx
-var c = /* @__PURE__ */ a("<div class=overflow-hidden aria-live=polite aria-atomic=true data-slot=carousel-content><div>"), l = (a) => {
+var c = /*#__PURE__*/ a("<div class=overflow-hidden aria-live=polite aria-atomic=true data-slot=carousel-content><div>"), l = (a) => {
 	let l, u, { currentIndex: d, orientation: f, itemSize: p, setItemSize: m, setViewportSize: h } = t(), [g, _] = s(a, ["class", "classList"]);
 	n(() => l, () => u, f, m, h);
 	let v = () => {

package/dist/components/carousel/CarouselContent/CarouselContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContent.js","names":["splitProps","clsx","useCarouselContext","CarouselContentProps","useItemSizeMeasure","CarouselContent","props","viewportRef","HTMLDivElement","trackRef","currentIndex","orientation","itemSize","setItemSize","setViewportSize","local","rest","translate","offset","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_ref$2","_$spread","_$mergeProps","class","style","transform"],"sources":["../../../../src/components/carousel/CarouselContent/CarouselContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselContentProps } from \"./CarouselContent.types\";\nimport { useItemSizeMeasure } from \"./useItemSizeMeasure\";\n\nexport const CarouselContent = (props: CarouselContentProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n  let trackRef: HTMLDivElement | undefined;\n\n  const { currentIndex, orientation, itemSize, setItemSize, setViewportSize } =\n    useCarouselContext();\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  useItemSizeMeasure(\n    () => viewportRef,\n    () => trackRef,\n    orientation,\n    setItemSize,\n    setViewportSize,\n  );\n\n  const translate = () => {\n    const offset = currentIndex() * itemSize();\n    return orientation() === \"horizontal\"\n      ? `translate3d(-${offset}px, 0, 0)`\n      : `translate3d(0, -${offset}px, 0)`;\n  };\n\n  return (\n    <div\n      ref={viewportRef}\n      class=\"overflow-hidden\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={trackRef}\n        class={clsx(\n          \"flex transition-transform duration-500 ease-out\",\n          orientation() === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          local.class,\n        )}\n        style={{ transform: translate() }}\n        {...rest}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;4HAMaK,KAAmBC,MAAgC;CAC9D,IAAIC,GACAE,GAEE,EAAEC,iBAAcC,gBAAaC,aAAUC,gBAAaC,uBACxDZ,GAAoB,EAChB,CAACa,GAAOC,KAAQhB,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/DF,SACQG,SACAE,GACNE,GACAE,GACAC,EACD;CAED,IAAMG,UAAkB;EACtB,IAAMC,IAASR,GAAc,GAAGE,GAAU;AAC1C,SAAOD,GAAa,KAAK,eACrB,gBAAgBO,EAAM,aACtB,mBAAmBA,EAAM;;AAG/B,eAAA;EAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG,YAAAC,IAEShB;AAAW,SAAAgB,KAAA,aAAAC,EAAAD,GAAAJ,EAAA,GAAXZ,IAAWY;EAAA,IAAAM,IAOThB;AAOG,SAPK,OAAAgB,KAAA,aAAAD,EAAAC,GAAAJ,EAAA,GAARZ,IAAQY,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,QAAA;AAAA,WACN1B,EACL,mDACAU,GAAa,KAAK,eAAe,UAAU,kBAC3CI,EAAMa,MACP;;GAAA,IACDC,QAAK;AAAA,WAAE,EAAEC,WAAWb,GAAU,EAAG;;GAAA,EAC7BD,EAAI,EAAA,IAAA,GAAA,EAAAG;KAAA"}
+{"version":3,"file":"CarouselContent.js","names":["splitProps","clsx","useCarouselContext","CarouselContentProps","useItemSizeMeasure","CarouselContent","props","viewportRef","HTMLDivElement","trackRef","currentIndex","orientation","itemSize","setItemSize","setViewportSize","local","rest","translate","offset","_el$","_tmpl$","_el$2","firstChild","_ref$","_$use","_ref$2","_$spread","_$mergeProps","class","style","transform"],"sources":["../../../../src/components/carousel/CarouselContent/CarouselContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselContentProps } from \"./CarouselContent.types\";\nimport { useItemSizeMeasure } from \"./useItemSizeMeasure\";\n\nexport const CarouselContent = (props: CarouselContentProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n  let trackRef: HTMLDivElement | undefined;\n\n  const { currentIndex, orientation, itemSize, setItemSize, setViewportSize } =\n    useCarouselContext();\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  useItemSizeMeasure(\n    () => viewportRef,\n    () => trackRef,\n    orientation,\n    setItemSize,\n    setViewportSize,\n  );\n\n  const translate = () => {\n    const offset = currentIndex() * itemSize();\n    return orientation() === \"horizontal\"\n      ? `translate3d(-${offset}px, 0, 0)`\n      : `translate3d(0, -${offset}px, 0)`;\n  };\n\n  return (\n    <div\n      ref={viewportRef}\n      class=\"overflow-hidden\"\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      data-slot=\"carousel-content\"\n    >\n      <div\n        ref={trackRef}\n        class={clsx(\n          \"flex transition-transform duration-500 ease-out\",\n          orientation() === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          local.class,\n        )}\n        style={{ transform: translate() }}\n        {...rest}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;0HAMaK,KAAmBC,MAAgC;CAC9D,IAAIC,GACAE,GAEE,EAAEC,iBAAcC,gBAAaC,aAAUC,gBAAaC,uBACxDZ,EAAmB,GACf,CAACa,GAAOC,KAAQhB,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9DF,QACQG,SACAE,GACNE,GACAE,GACAC,CACF;CAEA,IAAMG,UAAkB;EACtB,IAAMC,IAASR,EAAa,IAAIE,EAAS;EACzC,OAAOD,EAAY,MAAM,eACrB,gBAAgBO,EAAM,aACtB,mBAAmBA,EAAM;CAC/B;CAEA,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAEShB;EAAW,OAAAgB,KAAA,aAAAC,EAAAD,GAAAJ,CAAA,IAAXZ,IAAWY;EAAA,IAAAM,IAOThB;EAOG,OAPK,OAAAgB,KAAA,aAAAD,EAAAC,GAAAJ,CAAA,IAARZ,IAAQY,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,QAAA;IAAA,OACN1B,EACL,mDACAU,EAAY,MAAM,eAAe,UAAU,kBAC3CI,EAAMa,KACR;GAAC;GAAA,IACDC,QAAK;IAAA,OAAE,EAAEC,WAAWb,EAAU,EAAE;GAAC;EAAA,GAC7BD,CAAI,GAAA,IAAA,EAAA,GAAAG;CAAA,EAAA,CAAA;AAIhB"}

package/dist/components/carousel/CarouselContent/useItemSizeMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSizeMeasure.js","names":[],"sources":["../../../../src/components/carousel/CarouselContent/useItemSizeMeasure.ts"],"sourcesContent":["import { type Accessor, onCleanup, onMount } from \"solid-js\";\nimport type { Orientation } from \"../Carousel/Carousel.types\";\n\nexport function useItemSizeMeasure(\n  getViewport: () => HTMLElement | undefined,\n  getTrack: () => HTMLElement | undefined,\n  orientation: Accessor<Orientation>,\n  setItemSize: (size: number) => void,\n  setViewportSize: (size: number) => void,\n) {\n  onMount(() => {\n    const viewport = getViewport();\n    const track = getTrack();\n    if (!viewport || !track) return;\n\n    const measure = () => {\n      // item 尺寸：track 的第一个子元素\n      const firstItem = track.firstElementChild as HTMLElement | null;\n      if (firstItem) {\n        setItemSize(\n          orientation() === \"horizontal\"\n            ? firstItem.offsetWidth\n            : firstItem.offsetHeight,\n        );\n      }\n      // viewport 尺寸：overflow:hidden 容器\n      setViewportSize(\n        orientation() === \"horizontal\"\n          ? viewport.offsetWidth\n          : viewport.offsetHeight,\n      );\n    };\n\n    measure();\n\n    // 同一个 observer 同时监听两个元素，回调合并触发\n    const ro = new ResizeObserver(measure);\n    ro.observe(viewport);\n    ro.observe(track);\n    onCleanup(() => ro.disconnect());\n  });\n}\n"],"mappings":";;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;AACA,SAAc;EACZ,IAAM,IAAW,GAAa,EACxB,IAAQ,GAAU;AACxB,MAAI,CAAC,KAAY,CAAC,EAAO;EAEzB,IAAM,UAAgB;GAEpB,IAAM,IAAY,EAAM;AASxB,GARI,KACF,EACE,GAAa,KAAK,eACd,EAAU,cACV,EAAU,aACf,EAGH,EACE,GAAa,KAAK,eACd,EAAS,cACT,EAAS,aACd;;AAGH,KAAS;EAGT,IAAM,IAAK,IAAI,eAAe,EAAQ;AAGtC,EAFA,EAAG,QAAQ,EAAS,EACpB,EAAG,QAAQ,EAAM,EACjB,QAAgB,EAAG,YAAY,CAAC;GAChC"}
+{"version":3,"file":"useItemSizeMeasure.js","names":[],"sources":["../../../../src/components/carousel/CarouselContent/useItemSizeMeasure.ts"],"sourcesContent":["import { type Accessor, onCleanup, onMount } from \"solid-js\";\nimport type { Orientation } from \"../Carousel/Carousel.types\";\n\nexport function useItemSizeMeasure(\n  getViewport: () => HTMLElement | undefined,\n  getTrack: () => HTMLElement | undefined,\n  orientation: Accessor<Orientation>,\n  setItemSize: (size: number) => void,\n  setViewportSize: (size: number) => void,\n) {\n  onMount(() => {\n    const viewport = getViewport();\n    const track = getTrack();\n    if (!viewport || !track) return;\n\n    const measure = () => {\n      // item 尺寸：track 的第一个子元素\n      const firstItem = track.firstElementChild as HTMLElement | null;\n      if (firstItem) {\n        setItemSize(\n          orientation() === \"horizontal\"\n            ? firstItem.offsetWidth\n            : firstItem.offsetHeight,\n        );\n      }\n      // viewport 尺寸：overflow:hidden 容器\n      setViewportSize(\n        orientation() === \"horizontal\"\n          ? viewport.offsetWidth\n          : viewport.offsetHeight,\n      );\n    };\n\n    measure();\n\n    // 同一个 observer 同时监听两个元素，回调合并触发\n    const ro = new ResizeObserver(measure);\n    ro.observe(viewport);\n    ro.observe(track);\n    onCleanup(() => ro.disconnect());\n  });\n}\n"],"mappings":";;AAGA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,QAAc;EACZ,IAAM,IAAW,EAAY,GACvB,IAAQ,EAAS;EACvB,IAAI,CAAC,KAAY,CAAC,GAAO;EAEzB,IAAM,UAAgB;GAEpB,IAAM,IAAY,EAAM;GASxB,AARI,KACF,EACE,EAAY,MAAM,eACd,EAAU,cACV,EAAU,YAChB,GAGF,EACE,EAAY,MAAM,eACd,EAAS,cACT,EAAS,YACf;EACF;EAEA,EAAQ;EAGR,IAAM,IAAK,IAAI,eAAe,CAAO;EAGrC,AAFA,EAAG,QAAQ,CAAQ,GACnB,EAAG,QAAQ,CAAK,GAChB,QAAgB,EAAG,WAAW,CAAC;CACjC,CAAC;AACH"}

package/dist/components/carousel/CarouselDots/CarouselDots.js

@@ -1,7 +1,7 @@
 import { useCarouselContext as e } from "../Carousel/Carousel.context.js";
 import { className as t, delegateEvents as n, effect as r, insert as i, setAttribute as a, template as o } from "solid-js/web";
 //#region src/components/carousel/CarouselDots/CarouselDots.tsx
-var s = /* @__PURE__ */ o("<div role=tablist aria-label=\"Slide navigation\">"), c = /* @__PURE__ */ o("<button type=button role=tab>"), l = (n) => {
+var s = /*#__PURE__*/ o("<div role=tablist aria-label=\"Slide navigation\">"), c = /*#__PURE__*/ o("<button type=button role=tab>"), l = (n) => {
 	let { currentIndex: o, itemCount: l, scrollTo: u } = e();
 	return (() => {
 		var e = s();

package/dist/components/carousel/CarouselDots/CarouselDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselDots.js","names":["useCarouselContext","CarouselDotsProps","CarouselDots","props","currentIndex","itemCount","scrollTo","_el$","_tmpl$","_$insert","Array","from","length","map","_","i","_el$2","_tmpl$2","$$click","_$setAttribute","_$effect","_p$","_v$","_v$2","join","e","t","_$className","undefined","class","_$delegateEvents"],"sources":["../../../../src/components/carousel/CarouselDots/CarouselDots.tsx"],"sourcesContent":["import { useCarouselContext } from \"../Carousel\";\nimport type { CarouselDotsProps } from \"./CarouselDots.types\";\n\nexport const CarouselDots = (props: CarouselDotsProps) => {\n  const { currentIndex, itemCount, scrollTo } = useCarouselContext();\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-label=\"Slide navigation\"\n      class={[\n        \"flex items-center justify-center gap-1.5 pt-3\",\n        props.class ?? \"\",\n      ].join(\" \")}\n    >\n      {Array.from({ length: itemCount() }).map((_, i) => (\n        <button\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentIndex()}\n          aria-label={`Go to slide ${i + 1}`}\n          onClick={() => scrollTo(i)}\n          class={[\n            \"h-2 rounded-full transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2\",\n            i === currentIndex()\n              ? \"w-6 bg-neutral-900\"\n              : \"w-2 bg-neutral-300 hover:bg-neutral-400\",\n          ].join(\" \")}\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;yIAGaE,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,iBAAcC,cAAWC,gBAAaN,GAAoB;AAElE,eAAA;EAAA,IAAAO,IAAAC,GAAA;AAOe,SAPfC,EAAAF,SASKG,MAAMC,KAAK,EAAEC,QAAQP,GAAU,EAAG,CAAC,CAACQ,KAAKC,GAAGC,aAAC;GAAA,IAAAC,IAAAC,GAAA;AAY/B,UAZ+BD,EAAAE,gBAM3BZ,EAASS,EAAE,EAAAI,EAAAH,GAAA,cADd,eAAeD,IAAI,IAAG,EAAAK,GAAAC,MAAA;IAAA,IAAAC,IADnBP,MAAMX,GAAc,EAAAmB,IAG5B,CACL,2JACAR,MAAMX,GAAc,GAChB,uBACA,0CACL,CAACoB,KAAK,IAAI;AAAA,WAAAF,MAAAD,EAAAI,KAAAN,EAAAH,GAAA,iBAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAK,KAAAC,EAAAX,GAAAK,EAAAK,IAAAH,EAAA,EAAAF;MAAA;IAAAI,GAAAG,KAAAA;IAAAF,GAAAE,KAAAA;IAAA,CAAA,EAAAZ;MAEd,CAAC,CAAA,EAAAI,QAAAO,EAAApB,GAnBK,CACL,iDACAJ,EAAM0B,SAAS,GAChB,CAACL,KAAK,IAAI,CAAA,CAAA,EAAAjB;KAAA;;AAmBfuB,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"CarouselDots.js","names":["useCarouselContext","CarouselDotsProps","CarouselDots","props","currentIndex","itemCount","scrollTo","_el$","_tmpl$","_$insert","Array","from","length","map","_","i","_el$2","_tmpl$2","$$click","_$setAttribute","_$effect","_p$","_v$","_v$2","join","e","t","_$className","undefined","class","_$delegateEvents"],"sources":["../../../../src/components/carousel/CarouselDots/CarouselDots.tsx"],"sourcesContent":["import { useCarouselContext } from \"../Carousel\";\nimport type { CarouselDotsProps } from \"./CarouselDots.types\";\n\nexport const CarouselDots = (props: CarouselDotsProps) => {\n  const { currentIndex, itemCount, scrollTo } = useCarouselContext();\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-label=\"Slide navigation\"\n      class={[\n        \"flex items-center justify-center gap-1.5 pt-3\",\n        props.class ?? \"\",\n      ].join(\" \")}\n    >\n      {Array.from({ length: itemCount() }).map((_, i) => (\n        <button\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentIndex()}\n          aria-label={`Go to slide ${i + 1}`}\n          onClick={() => scrollTo(i)}\n          class={[\n            \"h-2 rounded-full transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2\",\n            i === currentIndex()\n              ? \"w-6 bg-neutral-900\"\n              : \"w-2 bg-neutral-300 hover:bg-neutral-400\",\n          ].join(\" \")}\n        />\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;qIAGaE,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,iBAAcC,cAAWC,gBAAaN,EAAmB;CAEjE,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAOe,OAPfC,EAAAF,SASKG,MAAMC,KAAK,EAAEC,QAAQP,EAAU,EAAE,CAAC,CAAC,CAACQ,KAAKC,GAAGC,aAAC;GAAA,IAAAC,IAAAC,EAAA;GAY/B,OAZ+BD,EAAAE,gBAM3BZ,EAASS,CAAC,GAACI,EAAAH,GAAA,cADd,eAAeD,IAAI,GAAG,GAAAK,GAAAC,MAAA;IAAA,IAAAC,IADnBP,MAAMX,EAAa,GAACmB,IAG5B,CACL,2JACAR,MAAMX,EAAa,IACf,uBACA,yCAAyC,CAC9C,CAACoB,KAAK,GAAG;IAAC,OAAAF,MAAAD,EAAAI,KAAAN,EAAAH,GAAA,iBAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAK,KAAAC,EAAAX,GAAAK,EAAAK,IAAAH,CAAA,GAAAF;GAAA,GAAA;IAAAI,GAAAG,KAAAA;IAAAF,GAAAE,KAAAA;GAAA,CAAA,GAAAZ;EAAA,EAAA,CAAA,CAEd,CAAC,GAAAI,QAAAO,EAAApB,GAnBK,CACL,iDACAJ,EAAM0B,SAAS,EAAE,CAClB,CAACL,KAAK,GAAG,CAAC,CAAA,GAAAjB;CAAA,EAAA,CAAA;AAmBjB;AAAEuB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/carousel/CarouselItem/CarouselItem.js

@@ -3,12 +3,13 @@ import { useCarouselContext as t } from "../Carousel/Carousel.context.js";
 import { className as n, effect as r, insert as i, setAttribute as a, template as o } from "solid-js/web";
 import { onCleanup as s, onMount as c } from "solid-js";
 //#region src/components/carousel/CarouselItem/CarouselItem.tsx
-var l = /* @__PURE__ */ o("<fieldset aria-roledescription=slide data-slot=carousel-item>"), u = (o) => {
+var l = /*#__PURE__*/ o("<fieldset aria-roledescription=slide data-slot=carousel-item>"), u = (o) => {
 	let { currentIndex: u, registerItem: d, orientation: f } = t();
 	c(() => {
-		s(d());
+		let e = d();
+		s(e);
 	});
-	let p = () => o.index === void 0 ? !1 : o.index === u();
+	let p = () => o.index !== void 0 && o.index === u();
 	return (() => {
 		var t = l();
 		return i(t, () => o.children), r((r) => {

package/dist/components/carousel/CarouselItem/CarouselItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.js","names":["onCleanup","onMount","clsx","useCarouselContext","CarouselItemProps","CarouselItem","props","currentIndex","registerItem","orientation","unregister","isActive","index","undefined","_el$","_tmpl$","_$insert","children","_$effect","_p$","_v$","_v$2","_v$3","class","e","_$setAttribute","t","a","_$className"],"sources":["../../../../src/components/carousel/CarouselItem/CarouselItem.tsx"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselItemProps } from \"./CarouselItem.types\";\n\nexport const CarouselItem = (props: CarouselItemProps) => {\n  const { currentIndex, registerItem, orientation } = useCarouselContext();\n\n  onMount(() => {\n    const unregister = registerItem();\n    // 记录注册顺序（简化：由父层传入 index）\n    onCleanup(unregister);\n  });\n\n  const isActive = () =>\n    props.index !== undefined ? props.index === currentIndex() : false;\n\n  return (\n    <fieldset\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      aria-label={\n        props.index !== undefined ? `Slide ${props.index + 1}` : \"Slide\"\n      }\n      aria-hidden={!isActive()}\n      class={clsx(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation() === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;;4FAKaK,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,iBAAcC,iBAAcC,mBAAgBN,GAAoB;AAExEF,SAAc;AAGZD,IAFmBQ,GAAc,CAEZ;GACrB;CAEF,IAAMG,UACJL,EAAMM,UAAUC,KAAAA,IAA6C,KAAjCP,EAAMM,UAAUL,GAAc;AAE5D,eAAA;EAAA,IAAAO,IAAAC,GAAA;AAYK,SAZLC,EAAAF,SAcKR,EAAMW,SAAQ,EAAAC,GAAAC,MAAA;GAAA,IAAAC,IATbd,EAAMM,UAAUC,KAAAA,IAAyC,UAA7B,SAASP,EAAMM,QAAQ,KAAaS,IAErD,CAACV,GAAU,EAAAW,IACjBpB,EACL,sCACAO,GAAa,KAAK,eAAe,SAAS,QAC1CH,EAAMiB,MACP;AAAA,UAAAH,MAAAD,EAAAK,KAAAC,EAAAX,GAAA,cAAAK,EAAAK,IAAAJ,EAAA,EAAAC,MAAAF,EAAAO,KAAAD,EAAAX,GAAA,eAAAK,EAAAO,IAAAL,EAAA,EAAAC,MAAAH,EAAAQ,KAAAC,EAAAd,GAAAK,EAAAQ,IAAAL,EAAA,EAAAH;KAAA;GAAAK,GAAAX,KAAAA;GAAAa,GAAAb,KAAAA;GAAAc,GAAAd,KAAAA;GAAA,CAAA,EAAAC;KAAA"}
+{"version":3,"file":"CarouselItem.js","names":["onCleanup","onMount","clsx","useCarouselContext","CarouselItemProps","CarouselItem","props","currentIndex","registerItem","orientation","unregister","isActive","index","undefined","_el$","_tmpl$","_$insert","children","_$effect","_p$","_v$","_v$2","_v$3","class","e","_$setAttribute","t","a","_$className"],"sources":["../../../../src/components/carousel/CarouselItem/CarouselItem.tsx"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselItemProps } from \"./CarouselItem.types\";\n\nexport const CarouselItem = (props: CarouselItemProps) => {\n  const { currentIndex, registerItem, orientation } = useCarouselContext();\n\n  onMount(() => {\n    const unregister = registerItem();\n    // 记录注册顺序（简化：由父层传入 index）\n    onCleanup(unregister);\n  });\n\n  const isActive = () =>\n    props.index !== undefined ? props.index === currentIndex() : false;\n\n  return (\n    <fieldset\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\n      aria-label={\n        props.index !== undefined ? `Slide ${props.index + 1}` : \"Slide\"\n      }\n      aria-hidden={!isActive()}\n      class={clsx(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation() === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;;0FAKaK,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,iBAAcC,iBAAcC,mBAAgBN,EAAmB;CAEvEF,QAAc;EACZ,IAAMS,IAAaF,EAAa;EAEhCR,EAAUU,CAAU;CACtB,CAAC;CAED,IAAMC,UACJL,EAAMM,UAAUC,KAAAA,KAAYP,EAAMM,UAAUL,EAAa;CAE3D,cAAA;EAAA,IAAAO,IAAAC,EAAA;EAYK,OAZLC,EAAAF,SAcKR,EAAMW,QAAQ,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IATbd,EAAMM,UAAUC,KAAAA,IAAyC,UAA7B,SAASP,EAAMM,QAAQ,KAAaS,IAErD,CAACV,EAAS,GAACW,IACjBpB,EACL,sCACAO,EAAY,MAAM,eAAe,SAAS,QAC1CH,EAAMiB,KACR;GAAC,OAAAH,MAAAD,EAAAK,KAAAC,EAAAX,GAAA,cAAAK,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAX,GAAA,eAAAK,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAC,EAAAd,GAAAK,EAAAQ,IAAAL,CAAA,GAAAH;EAAA,GAAA;GAAAK,GAAAX,KAAAA;GAAAa,GAAAb,KAAAA;GAAAc,GAAAd,KAAAA;EAAA,CAAA,GAAAC;CAAA,EAAA,CAAA;AAKP"}

package/dist/components/carousel/CarouselNext/CarouselNext.js

@@ -6,14 +6,14 @@ import { mergeProps as a, splitProps as o } from "solid-js";
 import { ChevronRight as s } from "lucide-solid";
 //#region src/components/carousel/CarouselNext/CarouselNext.tsx
 var c = (c) => {
-	let { scrollNext: l, canScrollNext: u, orientation: d } = n(), [f, p] = o(a({
+	let { scrollNext: l, canScrollNext: u, orientation: d } = n(), f = a({
 		variant: "outline",
 		size: "sm"
-	}, c), ["class", "classList"]);
+	}, c), [p, m] = o(f, ["class", "classList"]);
 	return r(t, i({
 		"data-slot": "carousel-next",
 		get class() {
-			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", f.class);
+			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", p.class);
 		},
 		"aria-label": "Next slide",
 		get disabled() {
@@ -23,7 +23,7 @@ var c = (c) => {
 		get icon() {
 			return r(s, { class: "cn-rtl-flip" });
 		}
-	}, p));
+	}, m));
 };
 //#endregion
 export { c as CarouselNext };

package/dist/components/carousel/CarouselNext/CarouselNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNext.js","names":["ChevronRight","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselNextProps","CarouselNext","props","scrollNext","canScrollNext","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon"],"sources":["../../../../src/components/carousel/CarouselNext/CarouselNext.tsx"],"sourcesContent":["import { ChevronRight } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselNextProps } from \"./CarouselNext.types\";\n\nexport const CarouselNext = (props: CarouselNextProps) => {\n  const { scrollNext, canScrollNext, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      aria-label=\"Next slide\"\n      disabled={!canScrollNext()}\n      onClick={scrollNext}\n      icon={<ChevronRight class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,GAAoB,EAEjE,CAACW,GAAOC,KAAUf,EADTD,EAAW;EAAEY,SAAS;EAAWC,MAAM;EAAM,EAAWN,EAAM,EAClC,CAAC,SAAS,YAAY,CAAC;AAElE,QAAAU,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEEf,EACL,4CACAO,GAAa,KAAK,gBAChB,iEACFA,GAAa,KAAK,eACd,uCACA,kDACJK,EAAMI,MACP;;EAAA,cAAA;EAAA,IAEDC,WAAQ;AAAA,UAAE,CAACX,GAAe;;EAC1BY,SAASb;EAAU,IACnBc,OAAI;AAAA,UAAAL,EAAGlB,GAAY,EAAA,OAAA,eAAA,CAAA;;EAAA,EACfiB,EAAM,CAAA"}
+{"version":3,"file":"CarouselNext.js","names":["ChevronRight","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselNextProps","CarouselNext","props","scrollNext","canScrollNext","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon"],"sources":["../../../../src/components/carousel/CarouselNext/CarouselNext.tsx"],"sourcesContent":["import { ChevronRight } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselNextProps } from \"./CarouselNext.types\";\n\nexport const CarouselNext = (props: CarouselNextProps) => {\n  const { scrollNext, canScrollNext, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-next]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      aria-label=\"Next slide\"\n      disabled={!canScrollNext()}\n      onClick={scrollNext}\n      icon={<ChevronRight class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAgBC,MAA6B;CACxD,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEEf,EACL,4CACAO,EAAY,MAAM,gBAChB,iEACFA,EAAY,MAAM,eACd,uCACA,kDACJK,EAAMI,KACR;EAAC;EAAA,cAAA;EAAA,IAEDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,IACnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAY,EAAA,OAAA,cAAA,CAAA;EAAA;CAAA,GACfiB,CAAM,CAAA;AAGhB"}

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js

@@ -6,14 +6,14 @@ import { mergeProps as a, splitProps as o } from "solid-js";
 import { ChevronLeft as s } from "lucide-solid";
 //#region src/components/carousel/CarouselPrevious/CarouselPrevious.tsx
 var c = (c) => {
-	let { scrollPrev: l, canScrollPrev: u, orientation: d } = n(), [f, p] = o(a({
+	let { scrollPrev: l, canScrollPrev: u, orientation: d } = n(), f = a({
 		variant: "outline",
 		size: "sm"
-	}, c), ["class", "classList"]);
+	}, c), [p, m] = o(f, ["class", "classList"]);
 	return r(t, i({
 		"data-slot": "carousel-previous",
 		get class() {
-			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", f.class);
+			return e("absolute touch-manipulation rounded-full", d() === "horizontal" && "active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]", d() === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", p.class);
 		},
 		get disabled() {
 			return !u();
@@ -23,7 +23,7 @@ var c = (c) => {
 		get icon() {
 			return r(s, { class: "cn-rtl-flip" });
 		}
-	}, p));
+	}, m));
 };
 //#endregion
 export { c as CarouselPrevious };

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      disabled={!canScrollPrev()}\n      onClick={scrollPrev}\n      aria-label=\"Previous slide\"\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,GAAoB,EAEjE,CAACW,GAAOC,KAAUf,EADTD,EAAW;EAAEY,SAAS;EAAWC,MAAM;EAAM,EAAWN,EAAM,EAClC,CAAC,SAAS,YAAY,CAAC;AAElE,QAAAU,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEEf,EACL,4CACAO,GAAa,KAAK,gBAChB,qEACFA,GAAa,KAAK,eACd,sCACA,+CACJK,EAAMI,MACP;;EAAA,IACDC,WAAQ;AAAA,UAAE,CAACX,GAAe;;EAC1BY,SAASb;EAAU,cAAA;EAAA,IAEnBc,OAAI;AAAA,UAAAL,EAAGlB,GAAW,EAAA,OAAA,eAAA,CAAA;;EAAA,EACdiB,EAAM,CAAA"}
+{"version":3,"file":"CarouselPrevious.js","names":["ChevronLeft","mergeProps","splitProps","Button","clsx","useCarouselContext","CarouselPreviousProps","CarouselPrevious","props","scrollPrev","canScrollPrev","orientation","merged","variant","size","const","local","others","_$createComponent","_$mergeProps","class","disabled","onClick","icon"],"sources":["../../../../src/components/carousel/CarouselPrevious/CarouselPrevious.tsx"],"sourcesContent":["import { ChevronLeft } from \"lucide-solid\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { useCarouselContext } from \"../Carousel\";\nimport type { CarouselPreviousProps } from \"./CarouselPrevious.types\";\n\nexport const CarouselPrevious = (props: CarouselPreviousProps) => {\n  const { scrollPrev, canScrollPrev, orientation } = useCarouselContext();\n  const merged = mergeProps({ variant: \"outline\", size: \"sm\" } as const, props);\n  const [local, others] = splitProps(merged, [\"class\", \"classList\"]);\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      class={clsx(\n        \"absolute touch-manipulation rounded-full\",\n        orientation() === \"horizontal\" &&\n          \"active:data-[slot=carousel-previous]:translate-y-[calc(-50%+1px)]\", // 修复shadcn中存在的bug，active状态会出现异常位移\n        orientation() === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        local.class,\n      )}\n      disabled={!canScrollPrev()}\n      onClick={scrollPrev}\n      aria-label=\"Previous slide\"\n      icon={<ChevronLeft class=\"cn-rtl-flip\" />}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,eAAYC,kBAAeC,mBAAgBN,EAAmB,GAChEO,IAASX,EAAW;EAAEY,SAAS;EAAWC,MAAM;CAAK,GAAYN,CAAK,GACtE,CAACQ,GAAOC,KAAUf,EAAWU,GAAQ,CAAC,SAAS,WAAW,CAAC;CAEjE,OAAAM,EACGf,GAAMgB,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEEf,EACL,4CACAO,EAAY,MAAM,gBAChB,qEACFA,EAAY,MAAM,eACd,sCACA,+CACJK,EAAMI,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAE,CAACX,EAAc;EAAC;EAC1BY,SAASb;EAAU,cAAA;EAAA,IAEnBc,OAAI;GAAA,OAAAL,EAAGlB,GAAW,EAAA,OAAA,cAAA,CAAA;EAAA;CAAA,GACdiB,CAAM,CAAA;AAGhB"}

package/dist/components/checkbox/Checkbox/Checkbox.js

@@ -4,12 +4,12 @@ import { CheckboxIndicator as n } from "../CheckboxIndicator/CheckboxIndicator.j
 import { createComponent as r, delegateEvents as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u } from "solid-js/web";
 import { createMemo as d, createSignal as f, createUniqueId as p, mergeProps as m, splitProps as h } from "solid-js";
 //#region src/components/checkbox/Checkbox/Checkbox.tsx
-var g = /* @__PURE__ */ u("<span data-slot=checkbox role=checkbox tabindex=0>"), _ = /* @__PURE__ */ u("<input type=checkbox tabindex=-1 aria-hidden=true class=sr-only>"), v = (i) => {
-	let u = p(), [v, y] = h(m({
+var g = /*#__PURE__*/ u("<span data-slot=checkbox role=checkbox tabindex=0>"), _ = /*#__PURE__*/ u("<input type=checkbox tabindex=-1 aria-hidden=true class=sr-only>"), v = (i) => {
+	let u = p(), v = m({
 		id: u,
 		name: u,
 		defaultChecked: !1
-	}, i), [
+	}, i), [y, b] = h(v, [
 		"name",
 		"id",
 		"checked",
@@ -18,45 +18,45 @@ var g = /* @__PURE__ */ u("<span data-slot=checkbox role=checkbox tabindex=0>"),
 		"disabled",
 		"class",
 		"classList"
-	]), [b, x] = f(v.defaultChecked), S = d(() => v.checked ?? b()), C = () => {
-		if (v.disabled) return;
-		let e = !S();
-		x(e), v.onChange?.(e);
+	]), [x, S] = f(y.defaultChecked), C = d(() => y.checked ?? x()), w = () => {
+		if (y.disabled) return;
+		let e = !C();
+		S(e), y.onChange?.(e);
 	};
 	return [(() => {
 		var i = g();
-		return i.$$click = C, l(i, s({
+		return i.$$click = w, l(i, s({
 			get "aria-checked"() {
-				return S();
+				return C();
 			},
 			get "aria-disabled"() {
-				return v.disabled;
+				return y.disabled;
 			},
 			get "data-disabled"() {
-				return v.disabled;
+				return y.disabled;
 			},
 			get "data-checked"() {
-				return S();
+				return C();
 			},
 			get "aria-labelledby"() {
-				return v.id;
+				return y.id;
 			},
 			get class() {
-				return e(t, v.class);
+				return e(t, y.class);
 			}
-		}, y), !1, !0), o(i, r(n, { get checked() {
-			return S();
+		}, b), !1, !0), o(i, r(n, { get checked() {
+			return C();
 		} })), i;
 	})(), (() => {
 		var e = _();
 		return a((t) => {
-			var n = v.id, r = v.name, i = v.disabled;
+			var n = y.id, r = y.name, i = y.disabled;
 			return n !== t.e && c(e, "id", t.e = n), r !== t.t && c(e, "name", t.t = r), i !== t.a && (e.disabled = t.a = i), t;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0
-		}), a(() => e.checked = S()), e;
+		}), a(() => e.checked = C()), e;
 	})()];
 };
 i(["click"]);

package/dist/components/checkbox/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;4KAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,GAAgB,EAM5B,CAACe,GAAOC,KAAUd,EALTD,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;EAAO,EACzDL,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACS,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,eACP,EAEKM,IAAUrB,QAAiBiB,EAAMI,WAAWF,GAAiB,CAAC,EAE9DG,UAAoB;AACxB,MAAIL,EAAMM,SAAU;EAEpB,IAAMC,IAAa,CAACH,GAAS;AAE7BJ,EADAG,EAAmBI,EAAW,EAC9BP,EAAMQ,WAAWD,EAAW;;AAG9B,QAAA,QAAA;EAAA,IAAAE,IAAAC,GAAA;AAe2C,SAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;AAAA,WANNT,GAAS;;GAAA,IAAA,kBAAA;AAAA,WACRJ,EAAMM;;GAAQ,IAAA,kBAAA;AAAA,WACdN,EAAMM;;GAAQ,IAAA,iBAAA;AAAA,WACfF,GAAS;;GAAA,IAAA,oBAAA;AAAA,WACNJ,EAAMJ;;GAAE,IAAA,QAAA;AAAA,WAClBP,EAAKC,GAASU,EAAMmB,MAAM;;GAAA,EAE7BlB,EAAM,EAAA,IAAA,GAAA,EAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;AAAA,UAAEA,GAAS;KAAA,CAAA,CAAA,EAAAK;KAAA,SAAA;EAAA,IAAAa,IAAAC,GAAA;AAKnB,SALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;AAAQ,UAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,EAAA,EAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;KAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA,EAAAT,QAAAF,EAAAlB,UALfA,GAAS,CAAA,EAAAkB;KAAA,CAAA;;AASxBY,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;wKAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,EAAe,GAC3BU,IAAST,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;CAAM,GACxDL,CACF,GAEM,CAACO,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ,GAEK,CAACO,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,cACR,GAEMM,IAAUrB,QAAiBiB,EAAMI,WAAWF,EAAgB,CAAC,GAE7DG,UAAoB;EACxB,IAAIL,EAAMM,UAAU;EAEpB,IAAMC,IAAa,CAACH,EAAQ;EAE5BJ,AADAG,EAAmBI,CAAU,GAC7BP,EAAMQ,WAAWD,CAAU;CAC7B;CAEA,OAAA,QAAA;EAAA,IAAAE,IAAAC,EAAA;EAe2C,OAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;IAAA,OANNT,EAAQ;GAAC;GAAA,IAAA,kBAAA;IAAA,OACRJ,EAAMM;GAAQ;GAAA,IAAA,kBAAA;IAAA,OACdN,EAAMM;GAAQ;GAAA,IAAA,iBAAA;IAAA,OACfF,EAAQ;GAAC;GAAA,IAAA,oBAAA;IAAA,OACNJ,EAAMJ;GAAE;GAAA,IAAA,QAAA;IAAA,OAClBP,EAAKC,GAASU,EAAMmB,KAAK;GAAC;EAAA,GAE7BlB,CAAM,GAAA,IAAA,EAAA,GAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;GAAA,OAAEA,EAAQ;EAAC,EAAA,CAAA,CAAA,GAAAK;CAAA,EAAA,CAAA,UAAA;EAAA,IAAAa,IAAAC,EAAA;EAKnB,OALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;GAAQ,OAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAT,QAAAF,EAAAlB,UALfA,EAAQ,CAAC,GAAAkB;CAAA,EAAA,CAAA,CAAA;AAS1B;AAAEY,EAAA,CAAA,OAAA,CAAA"}