asheeui 0.7.0 → 1.0.0

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

@@ -0,0 +1,63 @@
+import { Color, Radius, Size, Variant } from '../../shared';
+/**
+ * Visual style of the badge.
+ *
+ * The `underlined` button variant is excluded because a badge has no baseline
+ * an underline could sit on.
+ */
+export type BadgeVariant = Exclude<Variant, "underlined">;
+/**
+ * Theme configuration options for the Badge component.
+ *
+ * Set under `components.badge` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface BadgeConfig {
+    /**
+     * Visual style variant.
+     * Controls the badge's background, border, and text treatment.
+     *
+     * @default "faded"
+     */
+    variant?: BadgeVariant;
+    /**
+     * Theme accent color.
+     * Controls the badge's colour within the variant treatment.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /**
+     * Height and font-size scale.
+     * Controls the density and text size of the badge.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Corner rounding.
+     * Controls the border-radius of the badge.
+     *
+     * @default "full"
+     */
+    radius?: Radius;
+}
+/**
+ * Default config values registered for the Badge component.
+ *
+ * `variant` and `color` are intentionally absent so they inherit from the
+ * global `defaultVariant` and `defaultColor`.
+ */
+export declare const defaultBadgeConfig: BadgeConfig;
+/**
+ * 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_BADGE_CONFIG: Required<BadgeConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        badge: BadgeConfig;
+    }
+}
+//# sourceMappingURL=badge-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-config.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAGhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAK9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

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

@@ -0,0 +1,15 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/badge/badge-config.ts
+var t = {
+	size: "md",
+	radius: "full"
+}, n = {
+	variant: "faded",
+	color: "primary",
+	size: "md",
+	radius: "full"
+};
+e("badge", t);
+//#endregion
+export { n as FALLBACK_BADGE_CONFIG, t as defaultBadgeConfig };

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

@@ -0,0 +1,27 @@
+import { Size } from '../../shared';
+/**
+ * CSS classes for badge height based on size.
+ * Controls the vertical dimension of the badge.
+ */
+export declare const BADGE_HEIGHT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge horizontal padding based on size.
+ * Controls the left and right padding of the badge.
+ */
+export declare const BADGE_PADDING_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge font size based on size.
+ * Controls the text size of the badge content.
+ */
+export declare const BADGE_FONT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge gap based on size.
+ * Controls the spacing between an icon and the badge content.
+ */
+export declare const BADGE_GAP_CLASS: Record<Size, string>;
+/**
+ * CSS classes for icon size based on size.
+ * Applied to the icon slot so an icon matches the badge's scale.
+ */
+export declare const BADGE_ICON_SIZE_CLASS: Record<Size, string>;
+//# sourceMappingURL=badge-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge-styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC"}

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

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/badge/badge-styles.ts
+var e = {
+	sm: "h-5",
+	md: "h-6",
+	lg: "h-7"
+}, t = {
+	sm: "px-1.5",
+	md: "px-2",
+	lg: "px-2.5"
+}, n = {
+	sm: "text-[10px]",
+	md: "text-xs",
+	lg: "text-sm"
+}, r = {
+	sm: "gap-1",
+	md: "gap-1.5",
+	lg: "gap-1.5"
+}, i = {
+	sm: "[&_svg]:size-3",
+	md: "[&_svg]:size-3.5",
+	lg: "[&_svg]:size-4"
+};
+//#endregion
+export { n as BADGE_FONT_CLASS, r as BADGE_GAP_CLASS, e as BADGE_HEIGHT_CLASS, i as BADGE_ICON_SIZE_CLASS, t as BADGE_PADDING_CLASS };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/badge/index.js

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

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,106 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { BreadcrumbConfig } from './breadcrumb-config';
+/**
+ * One step of a breadcrumb trail.
+ */
+export interface BreadcrumbItem {
+    /**
+     * Stable identifier for the step.
+     * Defaults to the step's position in the trail.
+     */
+    id?: string | number;
+    /**
+     * Visible label of the step.
+     */
+    label: ReactNode;
+    /**
+     * Destination of the step.
+     * Without one the step is presented as text, which is what the current
+     * location of the trail needs.
+     */
+    href?: string;
+    /**
+     * Content before the label, typically an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Whether this step is the current location.
+     * Defaults to the last step of the trail, unless another step marks itself
+     * as the current location.
+     */
+    isCurrent?: boolean;
+    /**
+     * Whether the step leads to an external resource.
+     */
+    isExternal?: boolean;
+    /**
+     * Component that replaces the anchor for this step, such as a framework
+     * router link. Passed to {@link Link} as its `component`.
+     */
+    component?: ElementType;
+    /**
+     * Additional props for that component, passed to {@link Link}.
+     */
+    componentProps?: Record<string, unknown>;
+}
+type BaseBreadcrumbProps = BreadcrumbConfig & Omit<HTMLAttributes<HTMLElement>, "color">;
+/**
+ * Configuration options for the Breadcrumb component.
+ */
+export interface BreadcrumbProps extends BaseBreadcrumbProps {
+    /**
+     * The trail, from the root to the current location.
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Content shown between two steps.
+     * It is decoration and is not read by assistive technology.
+     */
+    separator?: ReactNode;
+    /**
+     * Name of the navigation landmark.
+     * A trail is a navigation landmark, so it carries a name that distinguishes
+     * it from the consumer's other navigation regions.
+     *
+     * @default "Breadcrumb"
+     */
+    label?: string;
+}
+/**
+ * A hierarchical navigation trail.
+ *
+ * Breadcrumb shows where the consumer is in a hierarchy and offers a way back
+ * up it. The trail is a navigation landmark with a name of its own, its steps
+ * are an ordered list, and the current location is presented as text with
+ * `aria-current` instead of as a link, because a link to where you already are
+ * leads nowhere.
+ *
+ * Linked steps are rendered through the framework's {@link Link} primitive, so
+ * a consumer keeps its router link by passing `component` on the step (or
+ * on the whole trail through the framework's substitution pattern).
+ *
+ * @param props - Breadcrumb configuration options and navigation attributes.
+ * @param props.items - The trail, from the root to the current location.
+ * @param props.separator - Content between two steps. Decorative.
+ * @param props.label - Name of the navigation landmark. Defaults to "Breadcrumb".
+ * @param props.size - Text and spacing scale. Defaults to "md".
+ * @param props.color - Colour of the links. Defaults to the configured value.
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: "Invoices", href: "/invoices" },
+ *     { label: "March", href: "/invoices/2026-03" },
+ *     { label: "INV-0042" },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see BreadcrumbConfig - The configuration type for component defaults.
+ * @see Link - The framework's link primitive.
+ */
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,UAAU,yGA0GtB,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n, resolveClassKey as r } from "../../utils/resolve-token.js";
+import { ChevronRightIcon as i } from "../../icons/ChevronRightIcon.js";
+import { Link as a } from "../link/Link.js";
+import { BREADCRUMB_BASE_CLASS as o, BREADCRUMB_CURRENT_CLASS as s, BREADCRUMB_FONT_CLASS as c, BREADCRUMB_GAP_CLASS as l, BREADCRUMB_LIST_CLASS as u, BREADCRUMB_SEPARATOR_ICON_CLASS as d } from "./breadcrumb-styles.js";
+import { FALLBACK_BREADCRUMB_CONFIG as f } from "./breadcrumb-config.js";
+import { forwardRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/breadcrumb/Breadcrumb.tsx
+var g = p(({ items: p, separator: g, label: _ = "Breadcrumb", size: v, color: y, className: b, ...x }, S) => {
+	let C = t(), w = C.components?.breadcrumb, T = n(v, w?.size, void 0, f.size), E = n(y, w?.color, C.defaultColor, f.color), D = r(T, c, f.size), O = r(T, l, f.size), k = r(T, d, f.size), A = g ?? /* @__PURE__ */ m(i, { "aria-hidden": "true" }), j = p.some((e) => e.isCurrent);
+	return /* @__PURE__ */ m("nav", {
+		ref: S,
+		"aria-label": _,
+		className: e(o, D, b),
+		...x,
+		children: /* @__PURE__ */ m("ol", {
+			className: e(u, O),
+			children: p.map((t, n) => {
+				let r = t.isCurrent ?? (!j && n === p.length - 1);
+				return /* @__PURE__ */ h("li", {
+					className: e("inline-flex items-center min-w-0", O),
+					children: [n > 0 && /* @__PURE__ */ m("span", {
+						"aria-hidden": "true",
+						className: e("inline-flex items-center text-foreground/50", k),
+						children: A
+					}), r || !t.href ? /* @__PURE__ */ h("span", {
+						"aria-current": r ? "page" : void 0,
+						className: s,
+						children: [t.icon, t.label]
+					}) : /* @__PURE__ */ m(a, {
+						href: t.href,
+						color: E,
+						size: T,
+						isExternal: t.isExternal,
+						component: t.component,
+						componentProps: t.componentProps,
+						startIcon: t.icon,
+						className: e(D, "min-w-0 truncate"),
+						children: t.label
+					})]
+				}, t.id ?? n);
+			})
+		})
+	});
+});
+g.displayName = "Breadcrumb";
+//#endregion
+export { g as Breadcrumb };

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

@@ -0,0 +1,41 @@
+import { Color, Size } from '../../shared';
+/**
+ * Theme configuration options for the Breadcrumb component.
+ *
+ * Set under `components.breadcrumb` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface BreadcrumbConfig {
+    /**
+     * Text and spacing scale of the trail.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Theme accent colour of the links in the trail.
+     * The current location is presented in the foreground colour instead.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+}
+/**
+ * Default config values registered for the Breadcrumb component.
+ *
+ * `color` is intentionally absent so it inherits from the global
+ * `defaultColor`.
+ */
+export declare const defaultBreadcrumbConfig: BreadcrumbConfig;
+/**
+ * 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_BREADCRUMB_CONFIG: Required<BreadcrumbConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        breadcrumb: BreadcrumbConfig;
+    }
+}
+//# sourceMappingURL=breadcrumb-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-config.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,gBAAgB,CAGxD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF"}

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

@@ -0,0 +1,10 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/breadcrumb/breadcrumb-config.ts
+var t = { size: "md" }, n = {
+	size: "md",
+	color: "primary"
+};
+e("breadcrumb", t);
+//#endregion
+export { n as FALLBACK_BREADCRUMB_CONFIG, t as defaultBreadcrumbConfig };

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

@@ -0,0 +1,28 @@
+import { Size } from '../../shared';
+/**
+ * CSS classes for the trail's text size based on size.
+ */
+export declare const BREADCRUMB_FONT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for the gap between trail items based on size.
+ */
+export declare const BREADCRUMB_GAP_CLASS: Record<Size, string>;
+/**
+ * CSS classes for the separator's icon size based on size.
+ */
+export declare const BREADCRUMB_SEPARATOR_ICON_CLASS: Record<Size, string>;
+/**
+ * Base classes for the navigation landmark.
+ */
+export declare const BREADCRUMB_BASE_CLASS = "w-full";
+/**
+ * Classes for the ordered list that holds the trail.
+ */
+export declare const BREADCRUMB_LIST_CLASS = "flex items-center flex-wrap list-none p-0 m-0";
+/**
+ * Classes for the current location.
+ * It is presented in the foreground colour so it reads as the end of the
+ * trail rather than as another link.
+ */
+export declare const BREADCRUMB_CURRENT_CLASS = "inline-flex items-center gap-1.5 min-w-0 truncate font-medium text-foreground";
+//# sourceMappingURL=breadcrumb-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-styles.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,kDACe,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,kFAC4C,CAAC"}

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

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/breadcrumb/breadcrumb-styles.ts
+var e = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+}, t = {
+	sm: "gap-1",
+	md: "gap-1.5",
+	lg: "gap-2"
+}, n = {
+	sm: "[&_svg]:size-3",
+	md: "[&_svg]:size-3.5",
+	lg: "[&_svg]:size-4"
+}, r = "w-full", i = "flex items-center flex-wrap list-none p-0 m-0", a = "inline-flex items-center gap-1.5 min-w-0 truncate font-medium text-foreground";
+//#endregion
+export { r as BREADCRUMB_BASE_CLASS, a as BREADCRUMB_CURRENT_CLASS, e as BREADCRUMB_FONT_CLASS, t as BREADCRUMB_GAP_CLASS, i as BREADCRUMB_LIST_CLASS, n as BREADCRUMB_SEPARATOR_ICON_CLASS };

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

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

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

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

package/dist/components/breadcrumb/index.js

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

package/dist/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,EAAE,KAAK,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,MAAM,2GAuIlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAiBf,OAAO,EAAE,KAAK,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAK5E;;;GAGG;AACH,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE5E;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,MAAM,2GA0IlB,CAAC"}

package/dist/components/button/Button.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, UnderlineRadius as r } from "../../shared/radius.js";
-import { resolveVariantClass as i } from "../../shared/variant.js";
+import { RADIUS_CLASS as t, UnderlineRadius as n } from "../../shared/radius.js";
+import { resolveVariantClass as r } from "../../shared/variant.js";
+import { useAsheeConfig as i } from "../../libs/context.js";
 import { resolveCascade as a, resolveClassKey as o, resolveRadiusKey as s } from "../../utils/resolve-token.js";
 import { Spinner as c } from "../spinner/spinner.js";
 import { FALLBACK_BUTTON_CONFIG as l } from "./button-config.js";
@@ -12,13 +12,13 @@ import { forwardRef as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/button/Button.tsx
 var h = f((f, h) => {
-	let { variant: g, color: _, size: v, radius: y, animate: b, fullWidth: x, isDisabled: S, isLoading: C, icon: w, className: T, children: E, type: D = "button", onClick: O, startContent: k, endContent: A, href: j, link: M, ...N } = f, P = t(), F = P.components?.button, I = a(g, F?.variant, P.defaultVariant, l.variant), L = a(_, F?.color, P.defaultColor, l.color), R = a(v, F?.size, void 0, l.size), z = s(y, F?.radius, P.defaultRadius, l.radius), B = a(b, F?.animate, l.animate, l.animate), V = a(x, F?.fullWidth, void 0, l.fullWidth), H = w ? u[R] : d[R], U = S || C, W = !!(j || M), G = M?.component ?? (W ? "a" : "button"), { onClick: K, ...q } = M?.props ?? {}, J = (e) => {
+	let { variant: g, color: _, size: v, radius: y, animate: b, fullWidth: x, isDisabled: S, isLoading: C, icon: w, className: T, children: E, type: D = "button", onClick: O, startContent: k, endContent: A, href: j, link: M, ...N } = f, P = i(), F = P.components?.button, I = a(g, F?.variant, P.defaultVariant, l.variant), L = a(_, F?.color, P.defaultColor, l.color), R = a(v, F?.size, void 0, l.size), z = s(y, F?.radius, P.defaultRadius, l.radius), B = a(b, F?.animate, l.animate, l.animate), V = a(x, F?.fullWidth, void 0, l.fullWidth), H = w ? u[R] : d[R], U = S || C, W = !!(j || M), G = M?.component ?? (W ? "a" : "button"), { onClick: K, ...q } = M?.props ?? {}, J = (e) => {
 		if (U) {
 			e.preventDefault();
 			return;
 		}
 		O?.(e), K?.(e);
-	}, Y = e("inline-flex items-center justify-center font-medium transition-colors select-none shrink-0", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", "aria-disabled:pointer-events-none aria-disabled:opacity-50", V && "w-full", B && "motion-safe:transition-transform motion-safe:duration-100 motion-safe:active:scale-[0.99]", i(I, L), H, o(r(I, z), n, r(I, l.radius)), T);
+	}, Y = e("inline-flex items-center justify-center font-medium transition-colors select-none shrink-0", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", "aria-disabled:pointer-events-none aria-disabled:opacity-50", V && "w-full", B && "motion-safe:transition-transform motion-safe:duration-100 motion-safe:active:scale-[0.99]", r(I, L), H, o(n(I, z), t, n(I, l.radius)), T);
 	return /* @__PURE__ */ m(G, {
 		ref: h,
 		...W ? { href: j } : {
@@ -35,10 +35,13 @@ var h = f((f, h) => {
 			C && /* @__PURE__ */ p(c, { className: R }),
 			C && /* @__PURE__ */ p("span", {
 				className: "sr-only",
-				children: "Loading"
+				children: "Loading "
 			}),
+			C ? /* @__PURE__ */ p("span", {
+				className: "sr-only",
+				children: E
+			}) : E,
 			!C && k,
-			!C && E,
 			!C && A
 		]
 	});

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

@@ -1,26 +1,26 @@
 import { InputProps } from '../input/Input';
-import { DatePickerConfig, DatePickerPickerConfig } from './date-picker-config';
+import { CalendarConfig, CalendarPickerConfig } from './calendar-config';
 /**
  * Props for the picker (calendar popover).
- * Extends DatePickerPickerConfig with instance-only props.
+ * Extends CalendarPickerConfig with instance-only props.
  */
-export interface DatePickerPickerProps extends DatePickerPickerConfig {
+export interface CalendarPickerProps extends CalendarPickerConfig {
     /**
      * Extra CSS classes for the calendar popover.
      */
     className?: string;
 }
 /**
- * Base DatePicker props excluding the picker configuration.
- * Combines DatePickerConfig (minus picker) with InputProps (minus value-related props).
+ * Base Calendar props excluding the picker configuration.
+ * Combines CalendarConfig (minus picker) with InputProps (minus value-related props).
  */
-export type BaseDatePickerProps = Omit<DatePickerConfig, "picker"> & Omit<InputProps, "onChange" | "value" | "defaultValue" | "endContent" | "startContent">;
+export type BaseCalendarProps = Omit<CalendarConfig, "picker"> & Omit<InputProps, "onChange" | "value" | "defaultValue" | "endContent" | "startContent">;
 /**
- * Configuration options for the DatePicker component.
+ * Configuration options for the Calendar component.
  * Extends InputProps but omits value-related props that are replaced
  * with date-specific equivalents.
  */
-export interface DatePickerProps extends BaseDatePickerProps {
+export interface CalendarProps extends BaseCalendarProps {
     /**
      * The currently selected date.
      * Pass null for no selection.
@@ -35,7 +35,7 @@ export interface DatePickerProps extends BaseDatePickerProps {
      * Picker configuration overrides including portal, portalTarget, and className.
      * All picker-related props should be passed through this object.
      */
-    picker?: DatePickerPickerProps;
+    picker?: CalendarPickerProps;
     /**
      * Whether a clear button is shown in the input.
      * When true, a clear button appears when a date is selected.
@@ -54,7 +54,7 @@ export interface DatePickerProps extends BaseDatePickerProps {
 /**
  * A date/time picker component with calendar popover and time selection.
  *
- * DatePicker renders an input field with a calendar popover that allows
+ * Calendar renders an input field with a calendar popover that allows
  * selecting dates and/or times. It supports date, time, and datetime modes,
  * clearable selection, and future date restrictions. The component integrates
  * with Floating UI for popover positioning and follows the standard AsheeUI
@@ -64,10 +64,10 @@ export interface DatePickerProps extends BaseDatePickerProps {
  * render at the document body level. This ensures the popover escapes CSS
  * containment, overflow clipping, and stacking context issues. The portal
  * can be disabled via the `picker.portal` prop or
- * `components.datePicker.picker.portal` in the config if the popover needs
+ * `components.calendar.picker.portal` in the config if the popover needs
  * to stay within a specific parent container.
  *
- * @param props - DatePicker configuration options.
+ * @param props - Calendar configuration options.
  * @param props.selected - Currently selected date or null.
  * @param props.onChange - Callback fired when the date changes.
  * @param props.mode - Selection mode: "date", "time", or "datetime". Defaults to "date".
@@ -89,17 +89,17 @@ export interface DatePickerProps extends BaseDatePickerProps {
  *
  * @example
  * ```tsx
- * import { DatePicker } from "asheeui";
+ * import { Calendar } from "asheeui";
  * import { useState } from "react";
  *
  * export function Example() {
  *   const [selected, setSelected] = useState<Date | null>(null);
  *
  *   return (
- *     <DatePicker
+ *     <Calendar
  *       selected={selected}
  *       onChange={setSelected}
- *       label="Select Date"
+ *       label="Dropmenu Date"
  *       isClearable
  *     />
  *   );
@@ -109,9 +109,9 @@ export interface DatePickerProps extends BaseDatePickerProps {
  * @example
  * ```tsx
  * // With datetime mode and custom picker configuration
- * <DatePicker
+ * <Calendar
  *   mode="datetime"
- *   label="Select Date and Time"
+ *   label="Dropmenu Date and Time"
  *   isClearable
  *   picker={{
  *     className: "custom-calendar",
@@ -120,9 +120,9 @@ export interface DatePickerProps extends BaseDatePickerProps {
  * />
  * ```
  *
- * @see DatePickerConfig - The configuration type for component defaults.
+ * @see CalendarConfig - The configuration type for component defaults.
  * @see Input - The underlying input component.
- * @see Calendar - The calendar popover component.
+ * @see DateGrid - The calendar popover component.
  */
-export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=DatePicker.d.ts.map
+export declare const Calendar: import('react').ForwardRefExoticComponent<CalendarProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AASxD,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAC5D,IAAI,CACF,UAAU,EACV,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,cAAc,CACtE,CAAC;AAEJ;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,QAAQ,4GA+VpB,CAAC"}