asheeui 2.0.0 → 2.3.0

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

@@ -1,126 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { CarouselConfig, CarouselItem } from './carousel-config';
-type BaseCarouselProps = CarouselConfig & Omit<HTMLAttributes<HTMLDivElement>, "onChange">;
-/**
- * Configuration options for the Carousel component.
- */
-export interface CarouselProps extends BaseCarouselProps {
-    /**
-     * Array of items to display in the carousel.
-     * Each item must have content and an optional id.
-     */
-    items?: CarouselItem[];
-    /**
-     * Initial slide index for uncontrolled usage.
-     * @default 0
-     */
-    defaultIndex?: number;
-    /**
-     * Controlled slide index.
-     * When provided, the component becomes controlled.
-     */
-    index?: number;
-    /**
-     * Callback fired when the slide index changes.
-     * Called with the new slide index.
-     */
-    onIndexChange?: (index: number) => void;
-    /**
-     * Custom render function for the previous control button.
-     * Receives onClick handler and disabled state.
-     */
-    renderPrevControl?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => ReactNode;
-    /**
-     * Custom render function for the next control button.
-     * Receives onClick handler and disabled state.
-     */
-    renderNextControl?: (props: {
-        onClick: () => void;
-        disabled: boolean;
-    }) => ReactNode;
-    /**
-     * Extra classes applied to each slide item container.
-     */
-    itemClassName?: string;
-    /**
-     * Extra classes applied to control buttons.
-     */
-    controlClassName?: string;
-    /**
-     * Extra classes applied to indicator buttons.
-     */
-    indicatorClassName?: string;
-}
-/**
- * A slideshow container for displaying content in a horizontal carousel.
- *
- * Carousel supports autoplay, loop mode, navigation controls, indicator dots,
- and touch/swipe interactions. Visual tokens (`variant`, `size`, `radius`,
- * `autoPlay`, `loop`, `showControls`, `showIndicators`, `pauseOnHover`)
- * resolve through the standard AsheeUI cascade: prop, component config,
- * global theme defaults, and the built-in fallback.
- *
- * The component automatically handles accessibility attributes including
- * ARIA labels for controls and indicators. It supports both mouse and
- * touch interactions for swipe gestures.
- *
- * @param props - Carousel configuration options and HTML div element props.
- * @param props.items - Array of items to display.
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.size - Height scale. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "lg".
- * @param props.autoPlay - Enable autoplay. Defaults to false.
- * @param props.autoPlayInterval - Autoplay interval in ms. Defaults to 5000.
- * @param props.loop - Enable loop mode. Defaults to true.
- * @param props.showControls - Show navigation controls. Defaults to true.
- * @param props.showIndicators - Show indicator dots. Defaults to true.
- * @param props.pauseOnHover - Pause autoplay on hover. Defaults to true.
- * @param props.disableAnimation - Disable transitions. Defaults to false.
- * @param props.defaultIndex - Initial slide index. Defaults to 0.
- * @param props.index - Controlled slide index.
- * @param props.onIndexChange - Change callback with slide index.
- * @param props.renderPrevControl - Custom previous control renderer.
- * @param props.renderNextControl - Custom next control renderer.
- * @param props.itemClassName - Extra classes for slide items.
- * @param props.controlClassName - Extra classes for controls.
- * @param props.indicatorClassName - Extra classes for indicators.
- * @param props.children - Child elements as slides (alternative to items).
- *
- * @example
- * ```tsx
- * import { Carousel } from "asheeui";
- *
- * export function Example() {
- *   return (
- *     <Carousel
- *       autoPlay
- *       loop
- *       items={[
- *         { content: <div>Slide 1</div> },
- *         { content: <div>Slide 2</div> },
- *         { content: <div>Slide 3</div> },
- *       ]}
- *     />
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Using children instead of items
- * <Carousel autoPlay>
- *   <div>Slide 1</div>
- *   <div>Slide 2</div>
- *   <div>Slide 3</div>
- * </Carousel>
- * ```
- *
- * @see CarouselConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Carousel: import('react').ForwardRefExoticComponent<CarouselProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Carousel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAaf,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,YAAY,EAGlB,MAAM,mBAAmB,CAAC;AAY3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,SAAS,CAAC;IAEhB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,SAAS,CAAC;IAEhB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,QAAQ,0GAiWpB,CAAC"}

package/dist/components/carousel/Carousel.js

@@ -1,126 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as ee } from "../../utils/resolve-token.js";
-import { ChevronRightIcon as te } from "../../icons/ChevronRightIcon.js";
-import { ChevronLeftIcon as ne } from "../../icons/ChevronLeftIcon.js";
-import { usePrefersReducedMotion as re } from "../../libs/use-prefers-reduced-motion.js";
-import { FALLBACK_CAROUSEL_CONFIG as a } from "./carousel-config.js";
-import { CAROUSEL_HEIGHT_CLASS as o, CAROUSEL_PADDING_CLASS as s, CAROUSEL_VARIANT_CLASS as c } from "./carousel-styles.js";
-import { forwardRef as l, useCallback as u, useEffect as ie, useId as ae, useMemo as oe, useRef as se, useState as d } from "react";
-import { Fragment as ce, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/carousel/Carousel.tsx
-var le = 50, m = l(({ items: l = [], variant: m, size: ue, radius: de, autoPlay: h, autoPlayInterval: g, loop: fe, showControls: pe, showIndicators: me, pauseOnHover: he, disableAnimation: ge = !1, defaultIndex: _e = 0, index: _, onIndexChange: v, renderPrevControl: y, renderNextControl: b, itemClassName: ve, controlClassName: x, indicatorClassName: ye, className: be, style: xe, children: S, id: C, ...w }, T) => {
-	let E = n(), D = E.components?.carousel, O = ae(), k = C ?? O, A = r(ue, D?.size, void 0, a.size), j = r(m, D?.variant, E.defaultVariant, a.variant), M = ee(de, D?.radius, E.defaultRadius, a.radius), N = r(h, D?.autoPlay, void 0, a.autoPlay), P = r(g, D?.autoPlayInterval, void 0, a.autoPlayInterval), F = r(fe, D?.loop, void 0, a.loop), I = r(pe, D?.showControls, void 0, a.showControls), Se = r(me, D?.showIndicators, void 0, a.showIndicators), L = r(he, D?.pauseOnHover, void 0, a.pauseOnHover), Ce = i(A, o, a.size), we = i(A, s, a.size), Te = i(M, t, a.radius), Ee = c[j] ?? c.bordered, R = oe(() => l.length > 0 ? l : S ? (Array.isArray(S) ? S : [S]).map((e, t) => ({
-		id: `slide-${t}`,
-		content: e
-	})) : [], [l, S]), z = _ !== void 0, [De, B] = d(_e), V = z ? _ : De, [H, U] = d(!1), [W, G] = d(!1), [K, q] = d(0), J = se(0), Y = u((e) => {
-		if (R.length <= 1) return;
-		let t = V + e;
-		t < 0 ? t = F ? R.length - 1 : 0 : t >= R.length && (t = F ? 0 : R.length - 1), t !== V && (z || B(t), v?.(t));
-	}, [
-		V,
-		R.length,
-		F,
-		z,
-		v
-	]), Oe = u((e) => {
-		e === V || e < 0 || e >= R.length || (z || B(e), v?.(e));
-	}, [
-		V,
-		R.length,
-		z,
-		v
-	]), X = re();
-	ie(() => {
-		if (!N || X || L && H || W || R.length <= 1) return;
-		let e = setInterval(() => {
-			Y(1);
-		}, P);
-		return () => clearInterval(e);
-	}, [
-		N,
-		P,
-		L,
-		H,
-		W,
-		X,
-		R.length,
-		Y
-	]);
-	let ke = (e) => {
-		e.target.closest("button") || (G(!0), J.current = e.clientX, q(0), e.currentTarget.setPointerCapture(e.pointerId));
-	}, Ae = (e) => {
-		if (!W) return;
-		let t = e.clientX - J.current;
-		q(t);
-	}, Z = () => {
-		W && (G(!1), K < -50 ? Y(1) : K > le && Y(-1), q(0));
-	}, Q = !F && V === 0, $ = !F && V === R.length - 1;
-	return /* @__PURE__ */ p("div", {
-		ref: T,
-		id: k,
-		onMouseEnter: () => U(!0),
-		onMouseLeave: () => U(!1),
-		onFocus: () => U(!0),
-		onBlur: () => U(!1),
-		className: e("relative scrollbar-hide overflow-hidden w-full select-none flex flex-col group", Ee, Te, Ce, be),
-		style: xe,
-		...w,
-		children: [
-			/* @__PURE__ */ f("div", {
-				onPointerDown: ke,
-				onPointerMove: Ae,
-				onPointerUp: Z,
-				onPointerCancel: Z,
-				className: "relative w-full h-full scrollbar-hide overflow-hidden flex-1 touch-pan-y cursor-grab active:cursor-grabbing",
-				children: /* @__PURE__ */ f("div", {
-					className: e("flex w-full h-full", !W && !ge && !X && "transition-transform duration-300 ease-out"),
-					style: { transform: `translate3d(calc(${-V * 100}% + ${K}px), 0, 0)` },
-					children: R.map((t, n) => /* @__PURE__ */ f("div", {
-						className: e("w-full h-full shrink-0 flex items-center justify-center scrollbar-hide overflow-hidden", we, ve),
-						children: t.content
-					}, t.id || n))
-				})
-			}),
-			I && R.length > 1 && /* @__PURE__ */ p(ce, { children: [y ? y({
-				onClick: () => Y(-1),
-				disabled: Q
-			}) : /* @__PURE__ */ f("button", {
-				type: "button",
-				"aria-label": "Previous Slide",
-				disabled: Q,
-				onClick: () => Y(-1),
-				className: e("absolute left-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed", x),
-				children: /* @__PURE__ */ f(ne, { className: "w-5 h-5" })
-			}), b ? b({
-				onClick: () => Y(1),
-				disabled: $
-			}) : /* @__PURE__ */ f("button", {
-				type: "button",
-				"aria-label": "Next Slide",
-				disabled: $,
-				onClick: () => Y(1),
-				className: e("absolute right-3 top-1/2 -translate-y-1/2 z-20 p-2.5 rounded-full bg-background/80 hover:bg-background text-foreground border border-border/50 backdrop-blur-md shadow-md transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:opacity-30 disabled:cursor-not-allowed", x),
-				children: /* @__PURE__ */ f(te, { className: "w-5 h-5" })
-			})] }),
-			Se && R.length > 1 && /* @__PURE__ */ f("div", {
-				className: "absolute bottom-3 inset-x-0 z-20 flex justify-center items-center gap-1.5 pointer-events-none",
-				children: /* @__PURE__ */ f("div", {
-					className: "flex items-center gap-1.5 p-1.5 rounded-full bg-background/40 backdrop-blur-md pointer-events-auto border border-foreground/10",
-					children: R.map((t, n) => /* @__PURE__ */ f("button", {
-						type: "button",
-						"aria-label": `Go to slide ${n + 1}`,
-						onClick: () => Oe(n),
-						className: e("h-2 rounded-full transition-all duration-300 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary", n === V ? "w-6 bg-primary" : "w-2 bg-foreground/40 hover:bg-foreground/70", ye)
-					}, t.id || n))
-				})
-			})
-		]
-	});
-});
-m.displayName = "Carousel";
-//#endregion
-export { m as Carousel };

package/dist/components/carousel/carousel-config.d.ts

@@ -1,127 +0,0 @@
-import { ReactNode } from 'react';
-import { Radius, Size } from '../../shared';
-/**
- * Visual style of the carousel.
- * - `bordered`: Card with border and background.
- * - `ghost`: Transparent background without border.
- */
-export type CarouselVariant = "bordered" | "ghost";
-/**
- * A single carousel slide item.
- */
-export interface CarouselItem {
-    /**
-     * Optional unique identifier for the slide.
-     * Used for React keys and accessibility.
-     */
-    id?: string;
-    /**
-     * The content to display in the slide.
-     * Can be any React node.
-     */
-    content: ReactNode;
-}
-/**
- * Theme configuration options for the Carousel component.
- *
- * Set under `components.carousel` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface CarouselConfig {
-    /**
-     * Visual style variant.
-     * Controls the carousel's background and border treatment.
-     *
-     * @default "bordered"
-     */
-    variant?: CarouselVariant;
-    /**
-     * Height scale of the carousel.
-     * Controls the fixed height of the carousel container.
-     *
-     * @default "md"
-     */
-    size?: Size;
-    /**
-     * Corner rounding.
-     * Controls the border-radius of the carousel.
-     *
-     * @default "lg"
-     */
-    radius?: Radius;
-    /**
-     * Whether the carousel should autoplay.
-     * When true, slides advance automatically.
-     *
-     * @default false
-     */
-    autoPlay?: boolean;
-    /**
-     * Interval in milliseconds between autoplay transitions.
-     *
-     * @default 5000
-     */
-    autoPlayInterval?: number;
-    /**
-     * Whether the carousel should loop.
-     * When true, wraps from last to first slide and vice versa.
-     *
-     * @default true
-     */
-    loop?: boolean;
-    /**
-     * Whether to show navigation controls.
-     *
-     * @default true
-     */
-    showControls?: boolean;
-    /**
-     * Whether to show indicator dots.
-     *
-     * @default true
-     */
-    showIndicators?: boolean;
-    /**
-     * Whether autoplay should pause when hovering.
-     *
-     * @default true
-     */
-    pauseOnHover?: boolean;
-    /**
-     * Disables all slide transition animations.
-     * When true, slides snap instantly.
-     *
-     * @default false
-     */
-    disableAnimation?: boolean;
-}
-/**
- * Default config values registered for the Carousel component.
- *
- * `variant` and `radius` are intentionally absent so they inherit from
- * the global `defaultVariant` / `defaultRadius`.
- */
-export declare const defaultCarouselConfig: CarouselConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        carousel: CarouselConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_CAROUSEL_CONFIG: {
-    readonly size: "md";
-    readonly variant: "bordered";
-    readonly radius: "lg";
-    readonly autoPlay: false;
-    readonly autoPlayInterval: 5000;
-    readonly loop: true;
-    readonly showControls: true;
-    readonly showIndicators: true;
-    readonly pauseOnHover: true;
-    readonly disableAnimation: false;
-};
-//# sourceMappingURL=carousel-config.d.ts.map

package/dist/components/carousel/carousel-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-config.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;CACpB;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,cASnC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF;AAID;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;CAW3B,CAAC"}

package/dist/components/carousel/carousel-config.js

@@ -1,28 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/carousel/carousel-config.ts
-var t = {
-	size: "md",
-	autoPlay: !1,
-	autoPlayInterval: 5e3,
-	loop: !0,
-	showControls: !0,
-	showIndicators: !0,
-	pauseOnHover: !0,
-	disableAnimation: !1
-};
-e("carousel", t);
-var n = {
-	size: "md",
-	variant: "bordered",
-	radius: "lg",
-	autoPlay: !1,
-	autoPlayInterval: 5e3,
-	loop: !0,
-	showControls: !0,
-	showIndicators: !0,
-	pauseOnHover: !0,
-	disableAnimation: !1
-};
-//#endregion
-export { n as FALLBACK_CAROUSEL_CONFIG, t as defaultCarouselConfig };

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

@@ -1,18 +0,0 @@
-import { Size } from '../../shared';
-import { CarouselVariant } from './carousel-config';
-/**
- * CSS classes for carousel height based on size.
- * Controls the fixed height of the carousel container.
- */
-export declare const CAROUSEL_HEIGHT_CLASS: Record<Size, string>;
-/**
- * CSS classes for carousel padding based on size.
- * Controls the internal padding of each slide.
- */
-export declare const CAROUSEL_PADDING_CLASS: Record<Size, string>;
-/**
- * CSS classes for carousel variants.
- * Each variant has a distinct background and border treatment.
- */
-export declare const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string>;
-//# sourceMappingURL=carousel-styles.d.ts.map

package/dist/components/carousel/carousel-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel-styles.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}

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

@@ -1,16 +0,0 @@
-"use client";
-//#region src/components/carousel/carousel-styles.ts
-var e = {
-	sm: "h-60 md:h-80",
-	md: "h-80 md:h-[420px]",
-	lg: "h-[400px] md:h-[520px]"
-}, t = {
-	sm: "p-4",
-	md: "p-6",
-	lg: "p-8"
-}, n = {
-	bordered: "bg-background border-2 border-border",
-	ghost: "bg-transparent"
-};
-//#endregion
-export { e as CAROUSEL_HEIGHT_CLASS, t as CAROUSEL_PADDING_CLASS, n as CAROUSEL_VARIANT_CLASS };

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

@@ -1,3 +0,0 @@
-export * from './Carousel';
-export * from './carousel-config';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/components/carousel/index.js

@@ -1,3 +0,0 @@
-export * from "./Carousel.js";
-export * from "./carousel-config.js";
-export * from "./carousel-styles.js";

package/dist/components/centered/Centered.d.ts

@@ -1,49 +0,0 @@
-import { ElementType, HTMLAttributes } from 'react';
-import { CenteredConfig } from './centered-config';
-type BaseCenteredProps = CenteredConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
-/**
- * Props for the Centered component.
- */
-export interface CenteredProps extends BaseCenteredProps {
-    /**
-     * Element to render.
-     * Defaults to a `div`.
-     *
-     * @default "div"
-     */
-    as?: ElementType;
-    /**
-     * Content to place in the middle.
-     */
-    children?: React.ReactNode;
-}
-/**
- * A block placed in the middle of the space it is given.
- *
- * Centered resolves its options through the standard configuration cascade, so
- * `components.centered` can set the axis and the reserved height once for a
- * whole application. With `contained`, the content keeps a maximum width, which
- * is what a whole-page centred region needs; without it, the block is as wide as
- * its parent and only its children are centred.
- *
- * @param props - Centered configuration options and element attributes.
- * @param props.axis - Axis to centre on. Defaults to "both".
- * @param props.minHeight - Vertical room to reserve first. Defaults to "none".
- * @param props.contained - Hold the content in a Container. Defaults to false.
- * @param props.containerSize - Maximum width when contained. Defaults to "lg".
- * @param props.as - Element to render. Defaults to "div".
- * @returns The rendered block.
- *
- * @example
- * ```tsx
- * <Centered minHeight="lg" contained>
- *   <Card title="Session expired" description="Sign in again to continue." />
- * </Centered>
- * ```
- *
- * @see Container - The maximum-width column Centered can hold its content in.
- * @see Split - The two-pane layout, for content that is not a single block.
- */
-export declare const Centered: import('react').ForwardRefExoticComponent<CenteredProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Centered.d.ts.map

package/dist/components/centered/Centered.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Centered.d.ts","sourceRoot":"","sources":["../../../src/components/centered/Centered.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAM1E,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,0GAgDpB,CAAC"}

package/dist/components/centered/Centered.js

@@ -1,32 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { SPACE_MIN_HEIGHT_CLASS as t } from "../../shared/spacing.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveConfigCascade as r } from "../../utils/resolve-token.js";
-import { Container as i } from "../container/Container.js";
-import { FALLBACK_CENTERED_CONFIG as a } from "./centered-config.js";
-import { CENTERED_AXIS_CLASS as o, CENTERED_BASE_CLASS as s } from "./centered-styles.js";
-import { forwardRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/components/centered/Centered.tsx
-var u = c(({ as: c, axis: u, minHeight: d, contained: f, containerSize: p, className: m, children: h, ...g }, _) => {
-	let v = n(), y = r({
-		axis: u,
-		minHeight: d,
-		contained: f,
-		containerSize: p
-	}, v.components?.centered, a), b = /* @__PURE__ */ l(c ?? "div", {
-		ref: _,
-		className: e(s, o[y.axis], t[y.minHeight], "flex-col", m),
-		...g,
-		children: h
-	});
-	return y.contained ? /* @__PURE__ */ l(i, {
-		size: y.containerSize,
-		children: b
-	}) : b;
-});
-u.displayName = "Centered";
-//#endregion
-export { u as Centered };

package/dist/components/centered/centered-config.d.ts

@@ -1,63 +0,0 @@
-import { Space } from '../../shared';
-import { ContainerSize } from '../container/container-config';
-/**
- * The axes a Centered block can centre on.
- *
- * - `both`: centres horizontally and vertically, the arrangement a sign-in card
- *   or an empty page wants.
- * - `horizontal`: centres sideways only, for a heading or a single control.
- * - `vertical`: centres vertically only, when the block's own width is intended.
- */
-export type CenteredAxis = "both" | "horizontal" | "vertical";
-/**
- * Theme configuration options for the Centered component.
- *
- * Set under `components.centered` in the AsheeUI config. Values feed the
- * component-level tier of the theme cascade.
- */
-export interface CenteredConfig {
-    /**
-     * The axis the content is centred on.
-     *
-     * @default "both"
-     */
-    axis?: CenteredAxis;
-    /**
-     * Vertical room the block reserves before centring.
-     * A block that is as tall as its content cannot be centred vertically, so a
-     * consumer chooses how much height the block claims.
-     *
-     * @default "none"
-     */
-    minHeight?: Space;
-    /**
-     * Whether the content is held in a {@link Container}.
-     * Use it when the centred content is a whole page region rather than a single
-     * control, so the content keeps a readable maximum width.
-     *
-     * @default false
-     */
-    contained?: boolean;
-    /**
-     * Maximum content width when `contained` is on.
-     *
-     * @default "lg"
-     */
-    containerSize?: ContainerSize;
-}
-/**
- * Default config values registered for the Centered component.
- * The axis and the container width are pinned; the height is not, because a
- * block that reserves height by default would add space to every layout.
- */
-export declare const defaultCenteredConfig: CenteredConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        centered: CenteredConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_CENTERED_CONFIG: Required<CenteredConfig>;
-//# sourceMappingURL=centered-config.d.ts.map

package/dist/components/centered/centered-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"centered-config.d.ts","sourceRoot":"","sources":["../../../src/components/centered/centered-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAElB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAInC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,cAAc,CAK7D,CAAC"}

package/dist/components/centered/centered-config.js

@@ -1,17 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/centered/centered-config.ts
-var t = {
-	axis: "both",
-	contained: !1,
-	containerSize: "lg"
-};
-e("centered", t);
-var n = {
-	axis: "both",
-	minHeight: "none",
-	contained: !1,
-	containerSize: "lg"
-};
-//#endregion
-export { n as FALLBACK_CENTERED_CONFIG, t as defaultCenteredConfig };

package/dist/components/centered/centered-styles.d.ts

@@ -1,11 +0,0 @@
-import { CenteredAxis } from './centered-config';
-/**
- * Centring classes for each axis.
- * `both` also centres the text, because a block that is centred on both axes is
- * almost always a short statement; a consumer with a different intent appends
- * its own class, which wins.
- */
-export declare const CENTERED_AXIS_CLASS: Record<CenteredAxis, string>;
-/** Shared classes for every centred block. */
-export declare const CENTERED_BASE_CLASS = "flex w-full min-w-0";
-//# sourceMappingURL=centered-styles.d.ts.map

package/dist/components/centered/centered-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"centered-styles.d.ts","sourceRoot":"","sources":["../../../src/components/centered/centered-styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC"}