asheeui 0.7.0 → 1.1.0

package/dist/components/{date-picker/date-picker-config.d.ts → calendar/calendar-config.d.ts}

@@ -2,41 +2,41 @@ import { FieldSizeKey } from '../field/field-config';
 import { InputConfig } from '../input';
 /**
  * The selection mode of the date picker.
- * - `date`: Select only a date.
- * - `time`: Select only a time.
- * - `datetime`: Select both date and time.
+ * - `date`: Dropmenu only a date.
+ * - `time`: Dropmenu only a time.
+ * - `datetime`: Dropmenu both date and time.
  */
-export type DatePickerMode = "date" | "time" | "datetime";
+export type CalendarMode = "date" | "time" | "datetime";
 /**
  * Size key for the date picker.
  * Maps to the FieldSizeKey type: "sm", "md", or "lg".
  */
-export type DatePickerSizeKey = FieldSizeKey;
+export type CalendarSizeKey = FieldSizeKey;
 /**
- * Theme configuration options for the DatePicker component.
+ * Theme configuration options for the Calendar component.
  *
- * Set under `components.datePicker` in the AsheeUI config. Values feed the
+ * Set under `components.calendar` in the AsheeUI config. Values feed the
  * component-level fallback tier of the theme cascade.
  */
-export interface DatePickerConfig extends InputConfig {
+export interface CalendarConfig extends InputConfig {
     /**
      * The selection mode of the picker.
      * Controls whether the picker shows date, time, or both.
      *
      * @default "date"
      */
-    mode?: DatePickerMode;
+    mode?: CalendarMode;
     /**
      * Picker configuration for the calendar popover.
      * Controls portal behavior and other picker-specific settings.
      */
-    picker?: DatePickerPickerConfig;
+    picker?: CalendarPickerConfig;
 }
 /**
- * Picker configuration for the DatePicker component.
- * Extends DatePickerConfig to allow override of portal settings.
+ * Picker configuration for the Calendar component.
+ * Extends CalendarConfig to allow override of portal settings.
  */
-export interface DatePickerPickerConfig {
+export interface CalendarPickerConfig {
     /**
      * Whether to render the calendar popover through Floating UI's
      * `FloatingPortal`.
@@ -66,10 +66,10 @@ export interface DatePickerPickerConfig {
     lockScroll?: boolean;
 }
 /**
- * Default config values registered for the DatePicker component.
+ * Default config values registered for the Calendar component.
  * Inherits field label defaults and sets the default mode to "date".
  */
-export declare const defaultDatePickerConfig: DatePickerConfig;
+export declare const defaultCalendarConfig: CalendarConfig;
 /**
  * Hard fallback values used when no config tier provides a value.
  * These values are used when instance props, component config,
@@ -87,7 +87,7 @@ export declare const FALLBACK_DATE_PICKER_CONFIG: {
 };
 declare module "../../libs/registry" {
     interface ComponentTypeConfigRegistry {
-        datePicker: DatePickerConfig;
+        calendar: CalendarConfig;
     }
 }
-//# sourceMappingURL=date-picker-config.d.ts.map
+//# sourceMappingURL=calendar-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-config.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B;;;;;;;;;CAG9B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

package/dist/components/{date-picker/date-picker-config.js → calendar/calendar-config.js}

@@ -2,7 +2,7 @@
 import { registerComponentDefaults as e } from "../../libs/registry.js";
 import { FALLBACK_FIELD_CONFIG as t } from "../field/field-config.js";
 import { defaultInputConfig as n } from "../input/input-config.js";
-//#region src/components/date-picker/date-picker-config.ts
+//#region src/components/calendar/calendar-config.ts
 var r = {
 	...n,
 	mode: "date"
@@ -10,6 +10,6 @@ var r = {
 	...t,
 	mode: "date"
 };
-e("datePicker", r);
+e("calendar", r);
 //#endregion
-export { i as FALLBACK_DATE_PICKER_CONFIG, r as defaultDatePickerConfig };
+export { i as FALLBACK_DATE_PICKER_CONFIG, r as defaultCalendarConfig };

package/dist/components/{date-picker/date-picker-styles.d.ts → calendar/calendar-styles.d.ts}

@@ -29,4 +29,4 @@ export declare const CALENDAR_COLOR_CLASSES: Record<Color | string, {
     border: string;
     hover: string;
 }>;
-//# sourceMappingURL=date-picker-styles.d.ts.map
+//# sourceMappingURL=calendar-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-styles.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKvE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI/D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIpE,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAC7C,CAAC;AAI5B;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CACzC,KAAK,GAAG,MAAM,EACd;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsC5D,CAAC"}

package/dist/components/{date-picker/date-picker-styles.js → calendar/calendar-styles.js}

@@ -1,5 +1,5 @@
 "use client";
-//#region src/components/date-picker/date-picker-styles.ts
+//#region src/components/calendar/calendar-styles.ts
 var e = {
 	sm: "size-7 text-xs",
 	md: "size-8 text-xs",

package/dist/components/{date-picker/date-picker.helpers.d.ts → calendar/calendar.helpers.d.ts}

@@ -1,5 +1,5 @@
 /**
- * DatePicker helper functions for AsheeUI.
+ * Calendar helper functions for AsheeUI.
  * This file provides utility functions for date formatting, parsing,
  * calendar grid building, and input cursor management.
  */
@@ -15,11 +15,11 @@ export declare const DAYS_OF_WEEK: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr",
 export declare const MONTHS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 /**
  * The selection mode of the date picker.
- * - `date`: Select only a date.
- * - `time`: Select only a time.
- * - `datetime`: Select both date and time.
+ * - `date`: Dropmenu only a date.
+ * - `time`: Dropmenu only a time.
+ * - `datetime`: Dropmenu both date and time.
  */
-export type DatePickerMode = "date" | "time" | "datetime";
+export type CalendarMode = "date" | "time" | "datetime";
 /**
  * Pads a number with leading zero to two digits.
  * Used for formatting hours, minutes, and seconds.
@@ -49,14 +49,14 @@ export declare function pad2(n: number): string;
  * formatDisplay(date, "datetime") // "15/01/2024 14:30:45"
  * ```
  */
-export declare function formatDisplay(date: Date, mode: DatePickerMode): string;
+export declare function formatDisplay(date: Date, mode: CalendarMode): string;
 /**
  * Gets the default placeholder text for the input based on mode.
  *
  * @param mode - The picker mode.
  * @returns The placeholder text.
  */
-export declare function getDefaultPlaceholder(mode: DatePickerMode): string;
+export declare function getDefaultPlaceholder(mode: CalendarMode): string;
 /**
  * Builds a 2D array of day numbers for the calendar grid.
  * Returns a flat array where null values represent empty slots
@@ -90,7 +90,7 @@ export declare function buildDayCells(year: number, month: number): (number | nu
  * parseDateString("150120241430", "datetime") // Date(2024, 0, 15, 14, 30)
  * ```
  */
-export declare function parseDateString(input: string, mode: DatePickerMode, fallbackDate?: Date): Date | null;
+export declare function parseDateString(input: string, mode: CalendarMode, fallbackDate?: Date): Date | null;
 /**
  * Calculates the new cursor position after input formatting.
  * Ensures the cursor stays at the correct position when the
@@ -108,4 +108,4 @@ export declare function parseDateString(input: string, mode: DatePickerMode, fal
  * ```
  */
 export declare function getNewCursorPosition(oldValue: string, newValue: string, oldSelectionStart: number): number;
-//# sourceMappingURL=date-picker.helpers.d.ts.map
+//# sourceMappingURL=calendar.helpers.d.ts.map

package/dist/components/calendar/calendar.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,eAAO,MAAM,YAAY,qDAAsD,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,MAAM,qIAaT,CAAC;AAIX;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAIxD;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAgBpE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,CAShE;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAS5E;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,YAAY,EAClB,YAAY,CAAC,EAAE,IAAI,GAClB,IAAI,GAAG,IAAI,CAsDb;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CAqBR"}

package/dist/components/{date-picker/date-picker.helpers.js → calendar/calendar.helpers.js}

@@ -1,5 +1,5 @@
 "use client";
-//#region src/components/date-picker/date-picker.helpers.ts
+//#region src/components/calendar/calendar.helpers.ts
 var e = [
 	"Su",
 	"Mo",
@@ -35,9 +35,9 @@ function r(e, t) {
 }
 function i(e) {
 	switch (e) {
-		case "date": return "Select date...";
-		case "time": return "Select time...";
-		case "datetime": return "Select date & time...";
+		case "date": return "Dropmenu date...";
+		case "time": return "Dropmenu time...";
+		case "datetime": return "Dropmenu date & time...";
 	}
 }
 function a(e, t) {

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

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

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

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

package/dist/components/calendar/index.js

@@ -0,0 +1,6 @@
+export * from "./Calendar.js";
+export * from "./DateGrid.js";
+export * from "./TimeSpinner.js";
+export * from "./calendar-config.js";
+export * from "./calendar-styles.js";
+export * from "./calendar.helpers.js";

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

@@ -26,9 +26,9 @@ export interface CardImageProps extends CardImageConfig {
     /**
      * Additional props forwarded to the image component
      * (e.g. `{ priority: true, sizes: "..." }`).
-     * These take precedence over the component's own props.
+     * These take precedence over the props the framework passes itself.
      */
-    props?: Record<string, unknown>;
+    componentProps?: Record<string, unknown>;
 }
 export interface CardLinkConfig {
 }
@@ -37,16 +37,16 @@ export interface CardLinkProps extends CardLinkConfig {
      * Custom link component used to render the card as a link instead of the
      * native `<a>` tag (e.g. `next/link`, TanStack Router `Link`).
      *
-     * When provided, the card root becomes this component and `props` are
-     * forwarded to it.
+     * When provided, the card root becomes this component and `componentProps`
+     * are forwarded to it.
      */
     component?: ElementType;
     /**
      * Additional props forwarded to the link component
      * (e.g. `{ href: "/blog/post-1" }`).
-     * These take precedence over the component's own props.
+     * These take precedence over the props the framework passes itself.
      */
-    props?: Record<string, unknown>;
+    componentProps?: Record<string, unknown>;
 }
 /**
  * Configuration options for the Card component.

package/dist/components/card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAYf,OAAO,EACL,KAAK,UAAU,EACf,KAAK,eAAe,EAKrB,MAAM,eAAe,CAAC;AAQvB,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GAC5C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAGD,MAAM,WAAW,cAAc;CAAG;AAElC,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,eAAO,MAAM,IAAI,sGAuUhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAYf,OAAO,EACL,KAAK,UAAU,EACf,KAAK,eAAe,EAKrB,MAAM,eAAe,CAAC;AAQvB,KAAK,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,GAC5C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAGD,MAAM,WAAW,cAAc;CAAG;AAElC,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4FG;AACH,eAAO,MAAM,IAAI,sGAuUhB,CAAC"}

package/dist/components/card/Card.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
 import { resolveAnimate as r, resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
 import { Image as s } from "../image/Image.js";
 import { FALLBACK_CARD_CONFIG as c } from "./card-config.js";
@@ -11,7 +11,7 @@ import { forwardRef as p, useId as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/card/Card.tsx
 var _ = p(({ variant: p, size: _, radius: ee, animate: v, isClickable: y, isDisabled: b = !1, link: x, title: S, description: C, header: w, body: T, footer: E, image: D, className: te, children: ne, onClick: O, id: k, style: A, onKeyDown: j, ...M }, N) => {
-	let P = t(), F = P.components?.card, I = m(), L = k ?? I, R = i(_, F?.size, void 0, c.size), z = i(p, F?.variant, P.defaultVariant, c.variant), B = o(ee, F?.radius, P.defaultRadius, c.radius), V = i(D?.position, F?.image.position, void 0, c.image.position), H = !!x, U = x?.component ?? (H ? "a" : "div"), W = y ?? !!(H || O), G = r(v, F?.animate, c.animate), K = a(R, d, c.size), q = a(R, l, c.size), J = a(R, u, c.size), Y = a(B, n, c.radius), X = i(D?.loading, F?.image.loading, void 0, c.image.loading), re = f[z] ?? f.bordered, { onClick: ie, ...ae } = x?.props ?? {}, Z = (e) => {
+	let P = n(), F = P.components?.card, I = m(), L = k ?? I, R = i(_, F?.size, void 0, c.size), z = i(p, F?.variant, P.defaultVariant, c.variant), B = o(ee, F?.radius, P.defaultRadius, c.radius), V = i(D?.position, F?.image.position, void 0, c.image.position), H = !!x, U = x?.component ?? (H ? "a" : "div"), W = y ?? !!(H || O), G = r(v, F?.animate, c.animate), K = a(R, d, c.size), q = a(R, l, c.size), J = a(R, u, c.size), Y = a(B, t, c.radius), X = i(D?.loading, F?.image.loading, void 0, c.image.loading), re = f[z] ?? f.bordered, { onClick: ie, ...ae } = x?.componentProps ?? {}, Z = (e) => {
 		if (b) {
 			e.preventDefault();
 			return;
@@ -25,9 +25,9 @@ var _ = p(({ variant: p, size: _, radius: ee, animate: v, isClickable: y, isDisa
 			top: "w-full shrink-0 rounded-b-none",
 			bottom: "w-full shrink-0 order-last rounded-t-none",
 			background: ""
-		}[e], n = { ...D?.props ?? {} };
+		}[e], n = { ...D?.componentProps ?? {} };
 		if (D?.component) {
-			let e = D?.props?.loading === "lazy", t = D?.props?.priority === !0;
+			let e = D?.componentProps?.loading === "lazy", t = D?.componentProps?.priority === !0;
 			(e || t) && console.warn(`[Card] ${e ? "`loading=\"lazy\"`" : "`priority={true}`"} with custom image component may cause rendering issues. Consider using \`loading="eager"\` and removing \`priority\` for card images.`), n = {
 				...n,
 				loading: "eager",
@@ -41,14 +41,14 @@ var _ = p(({ variant: p, size: _, radius: ee, animate: v, isClickable: y, isDisa
 			fit: D.fit ?? "cover",
 			className: t,
 			component: D.component,
-			props: n,
+			componentProps: n,
 			loading: X
 		});
 	}, se = () => {
 		if (!D?.src || V !== "background") return null;
-		let e = D.component || "img", t = { ...D?.props ?? {} };
+		let e = D.component || "img", t = { ...D?.componentProps ?? {} };
 		if (D?.component) {
-			let e = D?.props?.loading === "lazy", n = D?.props?.priority === !0;
+			let e = D?.componentProps?.loading === "lazy", n = D?.componentProps?.priority === !0;
 			(e || n) && console.warn(`[Card] ${e ? "`loading=\"lazy\"`" : "`priority={true}`"} with custom image component may cause rendering issues. Consider using \`loading="eager"\` and removing \`priority\` for card images.`), t = {
 				...t,
 				loading: "eager",

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

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

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

@@ -10,26 +10,7 @@ export declare const CAROUSEL_HEIGHT_CLASS: Record<Size, string>;
  * Controls the internal padding of each slide.
  */
 export declare const CAROUSEL_PADDING_CLASS: Record<Size, string>;
-/**import type { Size } from "../../shared";
-import type { CarouselVariant } from "./carousel-config";
-
-export const CAROUSEL_HEIGHT_CLASS: Record<Size, string> = {
-  sm: "h-60 md:h-80",
-  md: "h-80 md:h-[420px]",
-  lg: "h-[400px] md:h-[520px]",
-};
-
-export const CAROUSEL_PADDING_CLASS: Record<Size, string> = {
-  sm: "p-4",
-  md: "p-6",
-  lg: "p-8",
-};
-
-export const CAROUSEL_VARIANT_CLASS: Record<CarouselVariant, string> = {
-  bordered: "bg-background border-2 border-border",
-  ghost: "bg-transparent",
-};
-
+/**
  * CSS classes for carousel variants.
  * Each variant has a distinct background and border treatment.
  */

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGlE,CAAC"}
+{"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/chip/Chip.js

@@ -1,9 +1,9 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
-import { resolveVariantClass as r } from "../../shared/variant.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";
@@ -12,7 +12,7 @@ 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 = t(), 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, n, c.radius), K = (e) => {
+	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", {
@@ -44,7 +44,7 @@ var _ = m(({ variant: m, color: _, size: v, radius: y, isDisabled: b = !1, start
 				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", r(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),
+		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: [