asheeui 1.1.1 → 2.2.1

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/chip/Chip.d.ts

@@ -1,114 +0,0 @@
-import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
-import { ChipConfig } from './chip-config';
-/**
- * Configuration options for the Chip component.
- */
-type BaseChipProps = ChipConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "size">;
-export interface ChipProps extends BaseChipProps {
-    /**
-     * Disables interactions and dims the chip.
-     * Disabled chips cannot be clicked or closed.
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Leading icon rendered before the content.
-     * Typically used to add visual context to the chip.
-     */
-    startIcon?: ReactNode;
-    /**
-     * Trailing icon rendered after the content (hidden when closable).
-     * When onClose is provided, this is replaced by the close button.
-     */
-    endIcon?: ReactNode;
-    /**
-     * Avatar node rendered before the content, replacing `startIcon`.
-     * Typically used for user or entity avatars.
-     */
-    avatar?: ReactNode;
-    /**
-     * Renders a small status dot.
-     * Pass `true` for the current color, or a CSS color string.
-     */
-    dot?: boolean | string;
-    /**
-     * When provided, renders a remove button that fires this callback.
-     * Makes the chip closable with a close button.
-     */
-    onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Custom remove icon shown inside the close button.
-     * Overrides the default CloseIcon.
-     */
-    closeIcon?: ReactNode;
-    /**
-     * Chip content.
-     * The label text to display inside the chip.
-     */
-    children?: ReactNode;
-}
-/**
- * A compact element that represents an input, choice, or attribute.
- *
- * Chip displays short labels with optional avatars, icons, a status
- * dot, and an optional close button. When `onClose` is provided the
- * chip becomes keyboard-operable for removal. Visual tokens resolve
- * through the standard AsheeUI cascade.
- *
- * The component automatically handles accessibility attributes including
- * aria-disabled, proper focus management, and keyboard interaction for
- * both the chip and its close button.
- *
- * @param props - Chip configuration options and HTML div props.
- * @param props.variant - Visual style variant. Defaults to "bordered".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.size - Density scale. Defaults to "md".
- * @param props.radius - Corner rounding. Defaults to "full".
- * @param props.isDisabled - Disabled state. Defaults to false.
- * @param props.startIcon - Leading icon.
- * @param props.endIcon - Trailing icon.
- * @param props.avatar - Avatar node.
- * @param props.dot - Status dot.
- * @param props.onClose - Close callback.
- * @param props.closeIcon - Custom close icon.
- * @param props.children - Chip label content.
- * @param props.className - Extra CSS classes for the chip.
- * @param props.onClick - Click handler for the chip.
- *
- * @example
- * ```tsx
- * import { Chip } from "asheeui";
- *
- * export function Example() {
- *   return (
- *     <Chip
- *       variant="solid"
- *       color="primary"
- *       onClose={() => console.log("Removed")}
- *     >
- *       React
- *     </Chip>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Chip with avatar and status dot
- * <Chip
- *   avatar={<img src="/avatar.jpg" alt="User" />}
- *   dot
- *   color="success"
- * >
- *   John Doe
- * </Chip>
- * ```
- *
- * @see ChipConfig - The configuration type for component defaults.
- * @see resolveVariantClass - Utility for resolving variant and color styles.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Chip.d.ts.map

package/dist/components/chip/Chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,eAAe,CAAC;AASvB;;GAEG;AACH,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,eAAO,MAAM,IAAI,sGAqOhB,CAAC"}

package/dist/components/chip/Chip.js

@@ -1,85 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { resolveVariantClass as n } from "../../shared/variant.js";
-import { useAsheeConfig as r } from "../../libs/context.js";
-import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
-import { CloseIcon as s } from "../../icons/CloseIcon.js";
-import { FALLBACK_CHIP_CONFIG as c } from "./chip-config.js";
-import { CHIP_FONT_CLASS as l, CHIP_GAP_CLASS as u, CHIP_HEIGHT_CLASS as d, CHIP_ICON_SIZE_CLASS as f, CHIP_PADDING_CLASS as p } from "./chip-styles.js";
-import { forwardRef as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/chip/Chip.tsx
-var _ = m(({ variant: m, color: _, size: v, radius: y, isDisabled: b = !1, startIcon: x, endIcon: S, avatar: C, dot: w, onClose: T, closeIcon: E, children: D, className: O, style: k, onClick: A, ...j }, M) => {
-	let N = r(), P = N.components?.chip, F = i(m, P?.variant, N.defaultVariant, c.variant), I = F === "underlined" ? "bordered" : F, L = i(_, P?.color, N.defaultColor, c.color), R = i(v, P?.size, void 0, c.size), z = o(y, P?.radius, N.defaultRadius, c.radius), B = a(R, d, c.size), V = a(R, p, c.size), H = a(R, l, c.size), U = a(R, u, c.size), W = a(R, f, c.size), G = a(z, t, c.radius), K = (e) => {
-		e.stopPropagation(), !b && T?.(e);
-	};
-	return /* @__PURE__ */ g("div", {
-		ref: M,
-		tabIndex: b ? -1 : 0,
-		"aria-disabled": b,
-		onClick: (e) => {
-			b || A?.(e);
-		},
-		onKeyDown: (e) => {
-			if (!b && (e.key === "Enter" || e.key === " ")) {
-				e.preventDefault();
-				let t = {
-					...e,
-					button: 0,
-					buttons: 1,
-					clientX: 0,
-					clientY: 0,
-					pageX: 0,
-					pageY: 0,
-					screenX: 0,
-					screenY: 0,
-					altKey: e.altKey,
-					ctrlKey: e.ctrlKey,
-					metaKey: e.metaKey,
-					shiftKey: e.shiftKey,
-					type: "click"
-				};
-				A?.(t);
-			}
-		},
-		className: e("inline-flex items-center font-medium transition-all duration-200 select-none shrink-0", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", n(I, L), B, V, H, U, G, b && "opacity-50 pointer-events-none cursor-not-allowed", A && !b && "cursor-pointer hover:opacity-90 active:scale-[0.98]", O),
-		style: k,
-		...j,
-		children: [
-			w && /* @__PURE__ */ h("span", {
-				className: "shrink-0 rounded-full",
-				style: {
-					width: "0.5em",
-					height: "0.5em",
-					backgroundColor: typeof w == "string" ? w : "currentColor"
-				}
-			}),
-			C && /* @__PURE__ */ h("span", {
-				className: e("inline-flex items-center justify-center shrink-0 scrollbar-hide overflow-hidden rounded-full", W),
-				children: C
-			}),
-			x && !C && /* @__PURE__ */ h("span", {
-				className: e("inline-flex items-center justify-center shrink-0", W),
-				children: x
-			}),
-			D,
-			S && !T && /* @__PURE__ */ h("span", {
-				className: e("inline-flex items-center justify-center shrink-0", W),
-				children: S
-			}),
-			T && /* @__PURE__ */ h("button", {
-				type: "button",
-				"aria-label": "Remove chip",
-				disabled: b,
-				onClick: K,
-				className: e("inline-flex items-center justify-center shrink-0 rounded-full transition-opacity", "hover:opacity-70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current", "opacity-80 -mr-1", W),
-				children: E ?? /* @__PURE__ */ h(s, { className: "w-full h-full" })
-			})
-		]
-	});
-});
-_.displayName = "Chip";
-//#endregion
-export { _ as Chip };