@neut/ui 0.0.1

package/dist/components/card/CardAction/CardAction.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardActionProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/card/CardAction/index.d.ts

@@ -0,0 +1 @@
+export { CardAction } from './CardAction';

package/dist/components/card/CardContent/CardContent.d.ts

@@ -0,0 +1,2 @@
+import { CardContentProps } from './CardContent.types';
+export declare const CardContent: (props: CardContentProps) => import("solid-js").JSX.Element;

package/dist/components/card/CardContent/CardContent.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as t } from "./CardContent.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/CardContent/CardContent.tsx
+var o = /* @__PURE__ */ i("<div data-slot=card-content>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as CardContent };

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

@@ -0,0 +1 @@
+export declare const classes = "px-4 group-data-[size=sm]/card:px-3";

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

@@ -0,0 +1,4 @@
+//#region src/components/card/CardContent/CardContent.styles.ts
+var e = "px-4 group-data-[size=sm]/card:px-3";
+//#endregion
+export { e as classes };

package/dist/components/card/CardContent/CardContent.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardContentProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/card/CardContent/index.d.ts

@@ -0,0 +1 @@
+export { CardContent } from './CardContent';

package/dist/components/card/CardDescription/CardDescription.d.ts

@@ -0,0 +1,2 @@
+import { CardDescriptionProps } from './CardDescription.types';
+export declare const CardDescription: (props: CardDescriptionProps) => import("solid-js").JSX.Element;

package/dist/components/card/CardDescription/CardDescription.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as t } from "./CardDescription.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/CardDescription/CardDescription.tsx
+var o = /* @__PURE__ */ i("<div data-slot=card-description>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as CardDescription };

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

@@ -0,0 +1 @@
+export declare const classes = "text-sm text-neutral-500 dark:text-neutral-400";

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

@@ -0,0 +1,4 @@
+//#region src/components/card/CardDescription/CardDescription.styles.ts
+var e = "text-sm text-neutral-500 dark:text-neutral-400";
+//#endregion
+export { e as classes };

package/dist/components/card/CardDescription/CardDescription.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardDescriptionProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/card/CardDescription/index.d.ts

@@ -0,0 +1 @@
+export { CardDescription } from './CardDescription';

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

@@ -0,0 +1,2 @@
+import { CardFooterProps } from './CardFooter.types';
+export declare const CardFooter: (props: CardFooterProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as 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) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as CardFooter };

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

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

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

@@ -0,0 +1,4 @@
+//#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";
+//#endregion
+export { e as classes };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardFooterProps = PolymorphicProps<"div", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { CardFooter } from './CardFooter';

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

@@ -0,0 +1,2 @@
+import { CardHeaderProps } from './CardHeader.types';
+export declare const CardHeader: (props: CardHeaderProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as 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) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as CardHeader };

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

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

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

@@ -0,0 +1,4 @@
+//#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";
+//#endregion
+export { e as classes };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardHeaderProps = PolymorphicProps<"div", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { CardHeader } from './CardHeader';

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

@@ -0,0 +1,2 @@
+import { CardTitleProps } from './CardTitle.types';
+export declare const CardTitle: (props: CardTitleProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as 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) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as CardTitle };

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

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

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

@@ -0,0 +1,4 @@
+//#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 };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CardTitleProps = PolymorphicProps<"div", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { CardTitle } from './CardTitle';

package/dist/components/card/index.d.ts

@@ -0,0 +1,7 @@
+export { Card } from './Card';
+export { CardAction } from './CardAction';
+export { CardContent } from './CardContent';
+export { CardDescription } from './CardDescription';
+export { CardFooter } from './CardFooter';
+export { CardHeader } from './CardHeader';
+export { CardTitle } from './CardTitle';

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

@@ -0,0 +1,25 @@
+import { Accessor } from 'solid-js';
+import { Orientation } from './Carousel.types';
+interface CarouselContextValue {
+    currentIndex: Accessor<number>;
+    itemCount: Accessor<number>;
+    orientation: Accessor<Orientation>;
+    loop: Accessor<boolean>;
+    canScrollPrev: Accessor<boolean>;
+    canScrollNext: Accessor<boolean>;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+    registerItem: () => () => void;
+    itemSize: Accessor<number>;
+    setItemSize: (size: number) => void;
+    /**
+     * viewport（overflow:hidden 容器）的实测像素尺寸。
+     * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。
+     */
+    viewportSize: Accessor<number>;
+    setViewportSize: (size: number) => void;
+}
+export declare const CarouselContext: import('solid-js').Context<CarouselContextValue | undefined>;
+export declare function useCarouselContext(): CarouselContextValue;
+export {};

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

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/carousel/Carousel/Carousel.context.tsx
+var n = e();
+function r() {
+	let e = t(n);
+	if (!e) throw Error("useCarouselContext must be used within a <Carousel />");
+	return e;
+}
+//#endregion
+export { n as CarouselContext, r as useCarouselContext };

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

@@ -0,0 +1,2 @@
+import { CarouselProps } from './Carousel.types';
+export declare const Carousel: (props: CarouselProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,32 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+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";
+//#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"], [
+		"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,
+		get children() {
+			var t = d(), n = g;
+			return typeof n == "function" ? l(n, t) : g = t, s(t, o({
+				get "aria-label"() {
+					return f["aria-label"] ?? "Carousel";
+				},
+				get class() {
+					return e("relative", f.class);
+				}
+			}, m), !1, !1), t;
+		}
+	});
+};
+//#endregion
+export { f as Carousel };

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

@@ -0,0 +1,11 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type Orientation = "horizontal" | "vertical";
+export interface CarouselOptions {
+    loop?: boolean;
+    orientation?: Orientation;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+}
+type BaseCarouselProps = BaseProps & CarouselOptions;
+export type CarouselProps = PolymorphicProps<"section", BaseCarouselProps, false>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Carousel } from './Carousel';
+export { useCarouselContext } from './Carousel.context';

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

@@ -0,0 +1,4 @@
+export declare const useAutoPlay: (enabled: boolean, interval: number, scrollNext: () => void) => {
+    start: () => void;
+    stop: () => void;
+} | undefined;

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

@@ -0,0 +1,14 @@
+import { onCleanup as e, onMount as t } from "solid-js";
+//#region src/components/carousel/Carousel/useAutoPlay.ts
+var n = (n, r, i) => {
+	if (!n) return;
+	let a, o = () => {
+		a = setInterval(i, r);
+	}, s = () => clearInterval(a);
+	return t(o), e(s), {
+		start: o,
+		stop: s
+	};
+};
+//#endregion
+export { n as useAutoPlay };

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

@@ -0,0 +1,17 @@
+import { CarouselOptions } from './Carousel.types';
+export declare function useCarousel(opts: CarouselOptions): {
+    currentIndex: import('solid-js').Accessor<number>;
+    itemCount: import('solid-js').Accessor<number>;
+    itemSize: import('solid-js').Accessor<number>;
+    setItemSize: import('solid-js').Setter<number>;
+    viewportSize: import('solid-js').Accessor<number>;
+    setViewportSize: import('solid-js').Setter<number>;
+    orientation: () => import('./Carousel.types').Orientation;
+    loop: () => boolean;
+    canScrollPrev: () => boolean;
+    canScrollNext: () => boolean;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+    registerItem: () => () => number;
+};

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

@@ -0,0 +1,29 @@
+import { createSignal as e } from "solid-js";
+//#region src/components/carousel/Carousel/useCarousel.ts
+function t(t) {
+	let [n, r] = e(0), [i, a] = e(0), [o, s] = e(0), [c, l] = e(0), u = () => t.loop ?? !1, d = () => t.orientation ?? "horizontal", f = () => {
+		let e = o();
+		return e <= 0 ? 1 : Math.round(c() / e);
+	}, p = () => u() || n() > 0, m = () => u() || n() + f() < i(), h = (e) => {
+		let t = i();
+		t !== 0 && (u() ? r((e % t + t) % t) : r(Math.max(0, Math.min(e, t - 1))));
+	};
+	return {
+		currentIndex: n,
+		itemCount: i,
+		itemSize: o,
+		setItemSize: s,
+		viewportSize: c,
+		setViewportSize: l,
+		orientation: d,
+		loop: u,
+		canScrollPrev: p,
+		canScrollNext: m,
+		scrollPrev: () => h(n() - 1),
+		scrollNext: () => h(n() + 1),
+		scrollTo: h,
+		registerItem: () => (a((e) => e + 1), () => a((e) => e - 1))
+	};
+}
+//#endregion
+export { t as useCarousel };

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

@@ -0,0 +1,3 @@
+import { Accessor } from 'solid-js';
+import { Orientation } from './Carousel.types';
+export declare function useKeyboardNavigation(ref: HTMLElement | undefined, orientation: Accessor<Orientation>, scrollPrev: () => void, scrollNext: () => void): void;

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

@@ -0,0 +1,13 @@
+import { createEffect as e, onCleanup as t } from "solid-js";
+//#region src/components/carousel/Carousel/useKeyboardNavigation.ts
+function n(n, r, i, a) {
+	let o = (e) => {
+		let t = r() === "horizontal";
+		t && e.key === "ArrowLeft" || !t && e.key === "ArrowUp" ? (e.preventDefault(), i()) : t && e.key === "ArrowRight" || !t && e.key === "ArrowDown" ? (e.preventDefault(), a()) : (e.key === "Home" || e.key === "End") && e.preventDefault();
+	};
+	e(() => {
+		n?.addEventListener("keydown", o), t(() => n?.removeEventListener("keydown", o));
+	});
+}
+//#endregion
+export { n as useKeyboardNavigation };

package/dist/components/carousel/CarouselContent/CarouselContent.d.ts

@@ -0,0 +1,2 @@
+import { CarouselContentProps } from './CarouselContent.types';
+export declare const CarouselContent: (props: CarouselContentProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useCarouselContext as t } from "../Carousel/Carousel.context.js";
+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) => {
+	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 = () => {
+		let e = d() * p();
+		return f() === "horizontal" ? `translate3d(-${e}px, 0, 0)` : `translate3d(0, -${e}px, 0)`;
+	};
+	return (() => {
+		var t = c(), n = t.firstChild, a = l;
+		typeof a == "function" ? o(a, t) : l = t;
+		var s = u;
+		return typeof s == "function" ? o(s, n) : u = n, i(n, r({
+			get class() {
+				return e("flex transition-transform duration-500 ease-out", f() === "horizontal" ? "-ml-4" : "-mt-4 flex-col", g.class);
+			},
+			get style() {
+				return { transform: v() };
+			}
+		}, _), !1, !1), t;
+	})();
+};
+//#endregion
+export { l as CarouselContent };

package/dist/components/carousel/CarouselContent/CarouselContent.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CarouselContentProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/carousel/CarouselContent/index.d.ts

@@ -0,0 +1 @@
+export { CarouselContent } from './CarouselContent';

package/dist/components/carousel/CarouselContent/useItemSizeMeasure.d.ts

@@ -0,0 +1,3 @@
+import { Accessor } from 'solid-js';
+import { Orientation } from '../Carousel/Carousel.types';
+export declare function useItemSizeMeasure(getViewport: () => HTMLElement | undefined, getTrack: () => HTMLElement | undefined, orientation: Accessor<Orientation>, setItemSize: (size: number) => void, setViewportSize: (size: number) => void): void;

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

@@ -0,0 +1,17 @@
+import { onCleanup as e, onMount as t } from "solid-js";
+//#region src/components/carousel/CarouselContent/useItemSizeMeasure.ts
+function n(n, r, i, a, o) {
+	t(() => {
+		let t = n(), s = r();
+		if (!t || !s) return;
+		let c = () => {
+			let e = s.firstElementChild;
+			e && a(i() === "horizontal" ? e.offsetWidth : e.offsetHeight), o(i() === "horizontal" ? t.offsetWidth : t.offsetHeight);
+		};
+		c();
+		let l = new ResizeObserver(c);
+		l.observe(t), l.observe(s), e(() => l.disconnect());
+	});
+}
+//#endregion
+export { n as useItemSizeMeasure };

package/dist/components/carousel/CarouselDots/CarouselDots.d.ts

@@ -0,0 +1,2 @@
+import { CarouselDotsProps } from './CarouselDots.types';
+export declare const CarouselDots: (props: CarouselDotsProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,22 @@
+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) => {
+	let { currentIndex: o, itemCount: l, scrollTo: u } = e();
+	return (() => {
+		var e = s();
+		return i(e, () => Array.from({ length: l() }).map((e, n) => (() => {
+			var e = c();
+			return e.$$click = () => u(n), a(e, "aria-label", `Go to slide ${n + 1}`), r((r) => {
+				var i = n === o(), s = ["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 === o() ? "w-6 bg-neutral-900" : "w-2 bg-neutral-300 hover:bg-neutral-400"].join(" ");
+				return i !== r.e && a(e, "aria-selected", r.e = i), s !== r.t && t(e, r.t = s), r;
+			}, {
+				e: void 0,
+				t: void 0
+			}), e;
+		})())), r(() => t(e, ["flex items-center justify-center gap-1.5 pt-3", n.class ?? ""].join(" "))), e;
+	})();
+};
+n(["click"]);
+//#endregion
+export { l as CarouselDots };

package/dist/components/carousel/CarouselDots/CarouselDots.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type CarouselDotsProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/carousel/CarouselDots/index.d.ts

@@ -0,0 +1 @@
+export { CarouselDots } from './CarouselDots';

package/dist/components/carousel/CarouselItem/CarouselItem.d.ts

@@ -0,0 +1,2 @@
+import { CarouselItemProps } from './CarouselItem.types';
+export declare const CarouselItem: (props: CarouselItemProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+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) => {
+	let { currentIndex: u, registerItem: d, orientation: f } = t();
+	c(() => {
+		s(d());
+	});
+	let p = () => o.index === void 0 ? !1 : o.index === u();
+	return (() => {
+		var t = l();
+		return i(t, () => o.children), r((r) => {
+			var i = o.index === void 0 ? "Slide" : `Slide ${o.index + 1}`, s = !p(), c = e("min-w-0 shrink-0 grow-0 basis-full", f() === "horizontal" ? "pl-4" : "pt-4", o.class);
+			return i !== r.e && a(t, "aria-label", r.e = i), s !== r.t && a(t, "aria-hidden", r.t = s), c !== r.a && n(t, r.a = c), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), t;
+	})();
+};
+//#endregion
+export { u as CarouselItem };

package/dist/components/carousel/CarouselItem/CarouselItem.types.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseCarouselItemProps extends BaseProps {
+    index?: number;
+}
+export type CarouselItemProps = PolymorphicProps<"fieldset", BaseCarouselItemProps, false>;
+export {};

package/dist/components/carousel/CarouselItem/index.d.ts

@@ -0,0 +1 @@
+export { CarouselItem } from './CarouselItem';

package/dist/components/carousel/CarouselNext/CarouselNext.d.ts

@@ -0,0 +1,2 @@
+import { CarouselNextProps } from './CarouselNext.types';
+export declare const CarouselNext: (props: CarouselNextProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,29 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { useCarouselContext as n } from "../Carousel/Carousel.context.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
+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({
+		variant: "outline",
+		size: "sm"
+	}, c), ["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);
+		},
+		"aria-label": "Next slide",
+		get disabled() {
+			return !u();
+		},
+		onClick: l,
+		get icon() {
+			return r(s, { class: "cn-rtl-flip" });
+		}
+	}, p));
+};
+//#endregion
+export { c as CarouselNext };

package/dist/components/carousel/CarouselNext/CarouselNext.types.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../button';
+export type CarouselNextProps = ButtonProps<"button">;

package/dist/components/carousel/CarouselNext/index.d.ts

@@ -0,0 +1 @@
+export { CarouselNext } from './CarouselNext';

package/dist/components/carousel/CarouselPrevious/CarouselPrevious.d.ts

@@ -0,0 +1,2 @@
+import { CarouselPreviousProps } from './CarouselPrevious.types';
+export declare const CarouselPrevious: (props: CarouselPreviousProps) => import("solid-js").JSX.Element;