asheeui 1.0.0 → 1.1.0

package/dist/components/badge/Badge.js

@@ -5,13 +5,13 @@ 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 { BADGE_FONT_CLASS as s, BADGE_GAP_CLASS as c, BADGE_HEIGHT_CLASS as l, BADGE_ICON_SIZE_CLASS as u, BADGE_PADDING_CLASS as d } from "./badge-styles.js";
-import { FALLBACK_BADGE_CONFIG as f } from "./badge-config.js";
+import { FALLBACK_BADGE_CONFIG as s } from "./badge-config.js";
+import { BADGE_FONT_CLASS as c, BADGE_GAP_CLASS as l, BADGE_HEIGHT_CLASS as u, BADGE_ICON_SIZE_CLASS as d, BADGE_PADDING_CLASS as f } from "./badge-styles.js";
 import { forwardRef as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/badge/Badge.tsx
 var _ = p(({ variant: p, color: _, size: v, radius: y, label: b, children: x, startContent: S, endContent: C, className: w, ...T }, E) => {
-	let D = r(), O = D.components?.badge, k = i(p, O?.variant, D.defaultVariant, f.variant), A = k === "underlined" ? "bordered" : k, j = i(_, O?.color, D.defaultColor, f.color), M = i(v, O?.size, void 0, f.size), N = o(y, O?.radius, D.defaultRadius, f.radius), P = a(M, l, f.size), F = a(M, d, f.size), I = a(M, s, f.size), L = a(M, c, f.size), R = a(M, u, f.size), z = a(N, t, f.radius);
+	let D = r(), O = D.components?.badge, k = i(p, O?.variant, D.defaultVariant, s.variant), A = k === "underlined" ? "bordered" : k, j = i(_, O?.color, D.defaultColor, s.color), M = i(v, O?.size, void 0, s.size), N = o(y, O?.radius, D.defaultRadius, s.radius), P = a(M, u, s.size), F = a(M, f, s.size), I = a(M, c, s.size), L = a(M, l, s.size), R = a(M, d, s.size), z = a(N, t, s.radius);
 	return /* @__PURE__ */ h("span", {
 		ref: E,
 		className: e("inline-flex items-center justify-center shrink-0 whitespace-nowrap font-medium select-none", P, F, I, L, R, z, n(A, j), w),

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

@@ -1 +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"}
+{"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;AAOf,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAU7B;;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,yGAmHtB,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -5,20 +5,20 @@ 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 { FALLBACK_BREADCRUMB_CONFIG as o } from "./breadcrumb-config.js";
+import { BREADCRUMB_BASE_CLASS as s, BREADCRUMB_CURRENT_CLASS as c, BREADCRUMB_FONT_CLASS as l, BREADCRUMB_GAP_CLASS as u, BREADCRUMB_LIST_CLASS as d, BREADCRUMB_SEPARATOR_ICON_CLASS as f } from "./breadcrumb-styles.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);
+	let C = t(), w = C.components?.breadcrumb, T = n(v, w?.size, void 0, o.size), E = n(y, w?.color, C.defaultColor, o.color), D = r(T, l, o.size), O = r(T, u, o.size), k = r(T, f, o.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),
+		className: e(s, D, b),
 		...x,
 		children: /* @__PURE__ */ m("ol", {
-			className: e(u, O),
+			className: e(d, O),
 			children: p.map((t, n) => {
 				let r = t.isCurrent ?? (!j && n === p.length - 1);
 				return /* @__PURE__ */ h("li", {
@@ -29,7 +29,7 @@ var g = p(({ items: p, separator: g, label: _ = "Breadcrumb", size: v, color: y,
 						children: A
 					}), r || !t.href ? /* @__PURE__ */ h("span", {
 						"aria-current": r ? "page" : void 0,
-						className: s,
+						className: c,
 						children: [t.icon, t.label]
 					}) : /* @__PURE__ */ m(a, {
 						href: t.href,

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

@@ -1 +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"}
+{"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;AAQxD,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,oBAAoB,EAE1B,MAAM,mBAAmB,CAAC;AAG3B;;;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"}

package/dist/components/calendar/Calendar.js

@@ -12,14 +12,14 @@ import { CalendarIcon as u } from "../../icons/CalendarIcon.js";
 import { ClearIcon as d } from "../../icons/ClearIcon.js";
 import { ClockIcon as ee } from "../../icons/ClockIcon.js";
 import { formatDisplay as f, getDefaultPlaceholder as p, getNewCursorPosition as m, parseDateString as h } from "./calendar.helpers.js";
-import { DateGrid as g } from "./DateGrid.js";
-import { FALLBACK_DATE_PICKER_CONFIG as _ } from "./calendar-config.js";
+import { FALLBACK_DATE_PICKER_CONFIG as g } from "./calendar-config.js";
+import { DateGrid as _ } from "./DateGrid.js";
 import { forwardRef as v, useCallback as y, useEffect as b, useId as x, useRef as S, useState as C } from "react";
 import { Fragment as te, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { FloatingFocusManager as E, FloatingPortal as D } from "@floating-ui/react";
 //#region src/components/calendar/Calendar.tsx
 var O = v(({ selected: v, onChange: O, mode: k, isClearable: A = !1, disableFuture: j = !1, placeholder: ne, size: M, radius: N, color: P, disabled: F, picker: I, ...L }, R) => {
-	let z = r(), B = z.components?.calendar, V = x(), H = L.id ?? V, [U, W] = C(!1), [G, K] = C(""), q = S(null), J = i(k, B?.mode, void 0, _.mode), Y = i(I?.portal, B?.picker?.portal, void 0, c.portal), re = i(I?.portalTarget, B?.picker?.portalTarget, void 0, null), X = i(I?.lockScroll, B?.picker?.lockScroll, void 0, !0), ie = i(M, B?.size, void 0, _.size), ae = i(P, B?.color, z.defaultColor, _.color), Z = o(typeof N == "string" ? N : void 0, typeof B?.radius == "string" ? B.radius : void 0, z.defaultRadius, _.radius), oe = a(Z === "full" ? "xl" : Z, n, _.radius), { refs: Q, context: se, floatingStyles: ce, isPositioned: le, getReferenceProps: ue, getFloatingProps: de } = l({
+	let z = r(), B = z.components?.calendar, V = x(), H = L.id ?? V, [U, W] = C(!1), [G, K] = C(""), q = S(null), J = i(k, B?.mode, void 0, g.mode), Y = i(I?.portal, B?.picker?.portal, void 0, c.portal), re = i(I?.portalTarget, B?.picker?.portalTarget, void 0, null), X = i(I?.lockScroll, B?.picker?.lockScroll, void 0, !0), ie = i(M, B?.size, void 0, g.size), ae = i(P, B?.color, z.defaultColor, g.color), Z = o(typeof N == "string" ? N : void 0, typeof B?.radius == "string" ? B.radius : void 0, z.defaultRadius, g.radius), oe = a(Z === "full" ? "xl" : Z, n, g.radius), { refs: Q, context: se, floatingStyles: ce, isPositioned: le, getReferenceProps: ue, getFloatingProps: de } = l({
 		isOpen: U,
 		onOpenChange: W,
 		disabled: F,
@@ -80,7 +80,7 @@ var O = v(({ selected: v, onChange: O, mode: k, isClearable: A = !1, disableFutu
 			style: { ...ce },
 			className: e("outline-none w-max", "transition-none", le ? "animate-in fade-in-0 zoom-in-95 duration-150 ease-out" : "invisible opacity-0 pointer-events-none", I?.className),
 			...de(),
-			children: /* @__PURE__ */ w(g, {
+			children: /* @__PURE__ */ w(_, {
 				selected: v,
 				mode: J,
 				isClearable: A,

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

@@ -1 +1 @@
-{"version":3,"file":"DateGrid.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/DateGrid.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAStD,UAAU,aAAa;IACrB;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,wJAUlB,aAAa,iCA4Yd,CAAC"}
+{"version":3,"file":"DateGrid.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/DateGrid.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAStD,UAAU,aAAa;IACrB;;;OAGG;IACH,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,EAAE,YAAY,CAAC;IAC9B;;;OAGG;IACH,aAAa,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,wJAUlB,aAAa,iCAyYd,CAAC"}

package/dist/components/calendar/DateGrid.js

@@ -1,194 +1,194 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { ChevronRightIcon as t } from "../../icons/ChevronRightIcon.js";
-import { ChevronLeftIcon as n } from "../../icons/ChevronLeftIcon.js";
-import { DAYS_OF_WEEK as r, MONTHS as i, buildDayCells as a } from "./calendar.helpers.js";
-import { CALENDAR_COLOR_CLASSES as o, DATE_PICKER_CELL_SIZE_CLASS as s } from "./calendar-styles.js";
-import { TimeSpinner as c } from "./TimeSpinner.js";
-import { memo as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { DAYS_OF_WEEK as n, MONTHS as r, buildDayCells as ee } from "./calendar.helpers.js";
+import { ChevronLeftIcon as i } from "../../icons/ChevronLeftIcon.js";
+import { CALENDAR_COLOR_CLASSES as a, DATE_PICKER_CELL_SIZE_CLASS as o } from "./calendar-styles.js";
+import { TimeSpinner as s } from "./TimeSpinner.js";
+import { memo as c, useCallback as te, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/calendar/DateGrid.tsx
-var _ = l(function({ selected: l, mode: _, isClearable: v, resolvedSizeKey: y, resolvedColor: b, radiusClass: x, onSelect: S, onClose: C, disableFuture: w = !1 }) {
-	let T = /* @__PURE__ */ new Date(), [E, D] = m(l?.getFullYear() ?? T.getFullYear()), [O, k] = m(l?.getMonth() ?? T.getMonth()), [A, ee] = m(l?.getHours() ?? 0), [j, te] = m(l?.getMinutes() ?? 0), [M, N] = m(l?.getSeconds() ?? 0), [P, F] = m(() => l ?? T), I = p({}), L = p(!1), R = (e) => `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, z = u((e) => {
-		F((t) => {
+var h = c(function({ selected: c, mode: h, isClearable: g, resolvedSizeKey: _, resolvedColor: v, radiusClass: y, onSelect: b, onClose: x, disableFuture: S = !1 }) {
+	let C = /* @__PURE__ */ new Date(), [w, T] = f(c?.getFullYear() ?? C.getFullYear()), [E, D] = f(c?.getMonth() ?? C.getMonth()), [O, ne] = f(c?.getHours() ?? 0), [k, A] = f(c?.getMinutes() ?? 0), [j, M] = f(c?.getSeconds() ?? 0), [N, P] = f(() => c ?? C), F = d({}), I = d(!1), L = (e) => `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, R = te((e) => {
+		P((t) => {
 			let n = new Date(t.getFullYear(), t.getMonth(), t.getDate() + e);
-			return D(n.getFullYear()), k(n.getMonth()), L.current = !0, n;
+			return T(n.getFullYear()), D(n.getMonth()), I.current = !0, n;
 		});
 	}, []);
-	d(() => {
-		L.current && (L.current = !1, I.current[R(P)]?.focus());
+	l(() => {
+		I.current && (I.current = !1, F.current[L(N)]?.focus());
 	});
-	function B(e) {
+	function z(e) {
 		switch (e.key) {
 			case "ArrowLeft":
-				e.preventDefault(), z(-1);
+				e.preventDefault(), R(-1);
 				return;
 			case "ArrowRight":
-				e.preventDefault(), z(1);
+				e.preventDefault(), R(1);
 				return;
 			case "ArrowUp":
-				e.preventDefault(), z(-7);
+				e.preventDefault(), R(-7);
 				return;
 			case "ArrowDown":
-				e.preventDefault(), z(7);
+				e.preventDefault(), R(7);
 				return;
 			case "PageUp":
-				e.preventDefault(), z(-30);
+				e.preventDefault(), R(-30);
 				return;
 			case "PageDown":
-				e.preventDefault(), z(30);
+				e.preventDefault(), R(30);
 				return;
 		}
 	}
-	let V = o[b] ?? o.primary;
-	function H(e, t, n) {
-		let r = l ?? /* @__PURE__ */ new Date();
-		S(new Date(r.getFullYear(), r.getMonth(), r.getDate(), e, t, n, 0));
+	let B = a[v] ?? a.primary;
+	function V(e, t, n) {
+		let r = c ?? /* @__PURE__ */ new Date();
+		b(new Date(r.getFullYear(), r.getMonth(), r.getDate(), e, t, n, 0));
+	}
+	function H(e) {
+		ne(e), V(e, k, j);
 	}
 	function U(e) {
-		ee(e), H(e, j, M);
+		A(e), V(O, e, j);
 	}
 	function W(e) {
-		te(e), H(A, e, M);
+		M(e), V(O, k, e);
 	}
 	function G(e) {
-		N(e), H(A, j, e);
-	}
-	function K(e) {
-		S(new Date(E, O, e, A, j, M, 0)), _ === "date" && C();
+		b(new Date(w, E, e, O, k, j, 0)), h === "date" && x();
 	}
-	function ne() {
-		O === 0 ? (k(11), D((e) => e - 1)) : k((e) => e - 1);
+	function K() {
+		E === 0 ? (D(11), T((e) => e - 1)) : D((e) => e - 1);
 	}
 	function re() {
-		O === 11 ? (k(0), D((e) => e + 1)) : k((e) => e + 1);
+		E === 11 ? (D(0), T((e) => e + 1)) : D((e) => e + 1);
 	}
 	function q(e) {
-		return !!l && l.getFullYear() === E && l.getMonth() === O && l.getDate() === e;
+		return !!c && c.getFullYear() === w && c.getMonth() === E && c.getDate() === e;
 	}
 	function J(e) {
-		return T.getFullYear() === E && T.getMonth() === O && T.getDate() === e;
+		return C.getFullYear() === w && C.getMonth() === E && C.getDate() === e;
 	}
-	let ie = new Date(T.getFullYear(), T.getMonth(), T.getDate());
+	let ie = new Date(C.getFullYear(), C.getMonth(), C.getDate());
 	function Y(e) {
-		return w ? new Date(E, O, e) > ie : !1;
+		return S ? new Date(w, E, e) > ie : !1;
 	}
-	let X = !w || E < T.getFullYear() || E === T.getFullYear() && O < T.getMonth(), Z = _ === "date" || _ === "datetime", ae = _ === "time" || _ === "datetime", oe = _ !== "date" || v && !!l, Q = a(E, O), $ = f(() => Q.map((e, t) => ({
+	let X = !S || w < C.getFullYear() || w === C.getFullYear() && E < C.getMonth(), Z = h === "date" || h === "datetime", ae = h === "time" || h === "datetime", oe = h !== "date" || g && !!c, Q = ee(w, E), $ = u(() => Q.map((e, t) => ({
 		key: e === null ? `empty-slot-${t}` : `day-${e}`,
 		day: e
-	})), [Q]), se = f(() => {
+	})), [Q]), se = u(() => {
 		let e = [];
 		for (let t = 0; t < $.length; t += 7) e.push($.slice(t, t + 7));
 		return e;
 	}, [$]);
-	return /* @__PURE__ */ g("div", {
-		className: e("bg-background border border-border/70 shadow-xl select-none p-4 w-max", x),
-		children: [/* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ m("div", {
+		className: e("bg-background border border-border/70 shadow-xl select-none p-4 w-max", y),
+		children: [/* @__PURE__ */ m("div", {
 			className: "flex flex-row",
-			children: [Z && /* @__PURE__ */ g("div", {
+			children: [Z && /* @__PURE__ */ m("div", {
 				className: "flex flex-col w-[264px]",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between pb-3 mb-2 border-b border-border/60",
 					children: [
-						/* @__PURE__ */ h("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: ne,
+							onClick: K,
 							"aria-label": "Previous month",
-							className: e("p-1.5 text-foreground/70 transition-all active:scale-95", "hover:text-foreground hover:bg-secondary", x),
-							children: /* @__PURE__ */ h(n, {})
+							className: e("p-1.5 text-foreground/70 transition-all active:scale-95", "hover:text-foreground hover:bg-secondary", y),
+							children: /* @__PURE__ */ p(i, {})
 						}),
-						/* @__PURE__ */ g("span", {
+						/* @__PURE__ */ m("span", {
 							className: "font-semibold text-sm text-foreground tracking-wide",
 							children: [
-								i[O],
+								r[E],
 								" ",
-								E
+								w
 							]
 						}),
-						/* @__PURE__ */ h("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: re,
 							disabled: !X,
 							"aria-label": "Next month",
-							className: e("p-1.5 text-foreground/70 transition-all", X ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed", x),
-							children: /* @__PURE__ */ h(t, {})
+							className: e("p-1.5 text-foreground/70 transition-all", X ? "hover:text-foreground hover:bg-secondary active:scale-95" : "opacity-30 cursor-not-allowed", y),
+							children: /* @__PURE__ */ p(t, {})
 						})
 					]
-				}), /* @__PURE__ */ g("table", {
+				}), /* @__PURE__ */ m("table", {
 					role: "grid",
-					"aria-label": `${i[O]} ${E}`,
+					"aria-label": `${r[E]} ${w}`,
 					tabIndex: -1,
-					onKeyDown: B,
+					onKeyDown: z,
 					className: "w-full table-fixed border-separate border-spacing-1 text-center",
-					children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: r.map((e) => /* @__PURE__ */ h("th", {
+					children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", { children: n.map((e) => /* @__PURE__ */ p("th", {
 						scope: "col",
 						className: "text-[11px] font-bold tracking-wider text-foreground/50 uppercase py-1 mb-1",
 						children: e
-					}, e)) }) }), /* @__PURE__ */ h("tbody", { children: se.map((t, n) => /* @__PURE__ */ h("tr", { children: t.map(({ key: t, day: n }) => n === null ? /* @__PURE__ */ h("td", {}, t) : /* @__PURE__ */ h("td", {
+					}, e)) }) }), /* @__PURE__ */ p("tbody", { children: se.map((t, n) => /* @__PURE__ */ p("tr", { children: t.map(({ key: t, day: n }) => n === null ? /* @__PURE__ */ p("td", {}, t) : /* @__PURE__ */ p("td", {
 						role: "gridcell",
 						tabIndex: -1,
 						"aria-selected": q(n),
 						"aria-current": J(n) ? "date" : void 0,
-						children: /* @__PURE__ */ h("button", {
+						children: /* @__PURE__ */ p("button", {
 							ref: (e) => {
-								I.current[R(new Date(E, O, n))] = e;
+								F.current[L(new Date(w, E, n))] = e;
 							},
 							type: "button",
-							tabIndex: P.getFullYear() === E && P.getMonth() === O && P.getDate() === n ? 0 : -1,
-							"aria-label": `${n} ${i[O]} ${E}`,
-							onClick: () => K(n),
+							tabIndex: N.getFullYear() === w && N.getMonth() === E && N.getDate() === n ? 0 : -1,
+							"aria-label": `${n} ${r[E]} ${w}`,
+							onClick: () => G(n),
 							disabled: Y(n),
-							className: e("w-full flex items-center justify-center font-medium transition-all duration-200", s[y], x, Y(n) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90", !Y(n) && !q(n) && !J(n) && V.hover, q(n) && e(V.bg, "font-semibold shadow-sm"), J(n) && !q(n) && e("border", V.border, V.text), !q(n) && !J(n) && "text-foreground"),
+							className: e("w-full flex items-center justify-center font-medium transition-all duration-200", o[_], y, Y(n) ? "opacity-30 cursor-not-allowed text-foreground/50" : "active:scale-90", !Y(n) && !q(n) && !J(n) && B.hover, q(n) && e(B.bg, "font-semibold shadow-sm"), J(n) && !q(n) && e("border", B.border, B.text), !q(n) && !J(n) && "text-foreground"),
 							children: n
 						})
 					}, t)) }, t[0]?.key ?? `week-${n}`)) })]
 				})]
-			}), ae && /* @__PURE__ */ g("div", {
+			}), ae && /* @__PURE__ */ m("div", {
 				className: e("flex items-center justify-center gap-4", Z && "pl-5 ml-4 border-l border-border/60"),
 				children: [
-					/* @__PURE__ */ h(c, {
-						value: A,
+					/* @__PURE__ */ p(s, {
+						value: O,
 						max: 23,
 						label: "HH",
-						onChange: U,
-						resolvedColor: b,
-						radiusClass: x
+						onChange: H,
+						resolvedColor: v,
+						radiusClass: y
 					}),
-					/* @__PURE__ */ h(c, {
-						value: j,
+					/* @__PURE__ */ p(s, {
+						value: k,
 						max: 59,
 						label: "MM",
-						onChange: W,
-						resolvedColor: b,
-						radiusClass: x
+						onChange: U,
+						resolvedColor: v,
+						radiusClass: y
 					}),
-					/* @__PURE__ */ h(c, {
-						value: M,
+					/* @__PURE__ */ p(s, {
+						value: j,
 						max: 59,
 						label: "SS",
-						onChange: G,
-						resolvedColor: b,
-						radiusClass: x
+						onChange: W,
+						resolvedColor: v,
+						radiusClass: y
 					})
 				]
 			})]
-		}), oe && /* @__PURE__ */ g("div", {
+		}), oe && /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-between border-t border-border/60 pt-3 mt-3",
-			children: [v && l ? /* @__PURE__ */ h("button", {
+			children: [g && c ? /* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: () => {
-					S(null), C();
+					b(null), x();
 				},
 				className: "text-xs font-medium text-foreground/50 hover:text-danger transition-colors active:scale-95 px-2 py-1",
 				children: "Clear"
-			}) : /* @__PURE__ */ h("div", {}), _ !== "date" && /* @__PURE__ */ h("button", {
+			}) : /* @__PURE__ */ p("div", {}), h !== "date" && /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: C,
-				className: e("ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm", x, V.bg),
+				onClick: x,
+				className: e("ml-auto text-xs font-semibold px-4 py-2 transition-all hover:opacity-90 active:scale-95 shadow-sm", y, B.bg),
 				children: "Done"
 			})]
 		})]
 	});
 });
 //#endregion
-export { _ as DateGrid };
+export { h as DateGrid };

package/dist/components/clipboard/Clipboard.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from 'react';
+/**
+ * What a clipboard consumer renders with.
+ */
+export interface ClipboardState {
+    /**
+     * Whether the text is on the clipboard.
+     * It returns to false after the configured timeout.
+     */
+    copied: boolean;
+    /**
+     * Whether the last attempt failed.
+     * A browser refuses clipboard access outside a user gesture or without
+     * permission, which is a state a consumer usually wants to surface.
+     */
+    error: boolean;
+    /**
+     * Copy the component's value, or the given text.
+     *
+     * @param text - Text to copy instead of the component's value.
+     * @returns Whether the copy succeeded.
+     */
+    copy: (text?: string) => Promise<boolean>;
+    /** Clear the copied and error states without copying. */
+    reset: () => void;
+}
+/**
+ * Props for the Clipboard component.
+ */
+export interface ClipboardProps {
+    /** Text copied when `copy` is called without an argument. */
+    value?: string;
+    /**
+     * How long the copied state lasts, in milliseconds.
+     * Defaults to `components.clipboard.timeout`, then to the framework fallback.
+     */
+    timeout?: number;
+    /** Called after a successful copy. */
+    onCopy?: (text: string) => void;
+    /** Called after a failed copy. */
+    onError?: (error: unknown) => void;
+    /** Renders the control, using the clipboard state. */
+    children: (state: ClipboardState) => ReactNode;
+}
+/**
+ * Copies text and reports the result through a render function.
+ *
+ * The copied state is a timer, not a change of value, so this component keeps
+ * one and clears it on unmount. Copying is a user-triggered side effect, so the
+ * component performs no clipboard work during render and renders identically on
+ * the server and the client.
+ *
+ * @param props - The value, the timing and the render function.
+ * @param props.value - Text copied by a bare `copy()` call.
+ * @param props.timeout - How long the copied state lasts.
+ * @param props.onCopy - Called after a successful copy.
+ * @param props.onError - Called after a failed copy.
+ * @param props.children - Renders the control.
+ * @returns The rendered control.
+ *
+ * @example
+ * ```tsx
+ * <Clipboard value={invoice.id}>
+ *   {({ copied, copy }) => (
+ *     <button type="button" onClick={() => copy()}>
+ *       {copied ? "Copied" : "Copy invoice number"}
+ *     </button>
+ *   )}
+ * </Clipboard>
+ * ```
+ *
+ * @see CopyButton - The framework's own copy control.
+ */
+export declare function Clipboard({ value, timeout, onCopy, onError, children, }: ClipboardProps): import("react").JSX.Element;
+//# sourceMappingURL=Clipboard.d.ts.map

package/dist/components/clipboard/Clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/clipboard/Clipboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,KAAK,EAAE,OAAO,CAAC;IAEf;;;;;OAKG;IACH,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,yDAAyD;IACzD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;CAChD;AA0CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,+BAiEhB"}

package/dist/components/clipboard/Clipboard.js

@@ -0,0 +1,53 @@
+"use client";
+"use client";
+import { useAsheeConfig as e } from "../../libs/context.js";
+import { resolveAnimate as t } from "../../utils/resolve-token.js";
+import { FALLBACK_CLIPBOARD_CONFIG as n } from "./clipboard-config.js";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c } from "react/jsx-runtime";
+//#region src/components/clipboard/Clipboard.tsx
+async function l(e) {
+	if (typeof navigator < "u" && navigator.clipboard?.writeText) return await navigator.clipboard.writeText(e), !0;
+	if (typeof document > "u") return !1;
+	let t = document.createElement("textarea");
+	t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0";
+	let n = document.activeElement;
+	document.body.appendChild(t), t.select();
+	try {
+		return document.execCommand("copy");
+	} finally {
+		t.remove(), n instanceof HTMLElement && n.focus();
+	}
+}
+function u({ value: u, timeout: d, onCopy: f, onError: p, children: m }) {
+	let h = e(), g = t(d, h.components?.clipboard?.timeout, n.timeout), [_, v] = o(!1), [y, b] = o(!1), x = a(null), S = r(() => {
+		x.current !== null && (clearTimeout(x.current), x.current = null);
+	}, []);
+	i(() => S, [S]);
+	let C = r(() => {
+		S(), v(!1), b(!1);
+	}, [S]), w = r(async (e) => {
+		let t = e ?? u ?? "";
+		try {
+			return await l(t) ? (S(), b(!1), v(!0), f?.(t), x.current = setTimeout(() => {
+				v(!1), x.current = null;
+			}, g), !0) : (S(), b(!0), v(!1), p?.(/* @__PURE__ */ Error("Clipboard access was refused")), !1);
+		} catch (e) {
+			return S(), b(!0), v(!1), p?.(e), !1;
+		}
+	}, [
+		S,
+		f,
+		p,
+		g,
+		u
+	]);
+	return /* @__PURE__ */ c(s, { children: m({
+		copied: _,
+		error: y,
+		copy: w,
+		reset: C
+	}) });
+}
+//#endregion
+export { u as Clipboard };

package/dist/components/clipboard/CopyButton.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button/Button';
+type BaseCopyButtonProps = Omit<ButtonProps, "children" | "startContent" | "endContent" | "onClick" | "onCopy" | "isLoading">;
+/**
+ * Props for the CopyButton component.
+ */
+export interface CopyButtonProps extends BaseCopyButtonProps {
+    /** Text written to the clipboard. */
+    value: string;
+    /** Name of the control. Defaults to `components.clipboard.label`. */
+    label?: ReactNode;
+    /** Name of the control once the text is copied. Defaults to
+     * `components.clipboard.copiedLabel`. */
+    copiedLabel?: ReactNode;
+    /** Announcement made through the status region once the text is copied. */
+    copiedAnnouncement?: string;
+    /**
+     * How long the copied state lasts, in milliseconds.
+     * Defaults to `components.clipboard.timeout`.
+     */
+    timeout?: number;
+    /** Called after a successful copy. */
+    onCopy?: (text: string) => void;
+    /** Called after a failed copy. */
+    onError?: (error: unknown) => void;
+    /** Icon shown before the copy. @default CopyIcon */
+    copyIcon?: ReactNode;
+    /** Icon shown after a successful copy. @default CheckIcon */
+    copiedIcon?: ReactNode;
+}
+/**
+ * A button that copies a value to the clipboard.
+ *
+ * The control reports its result twice: the label changes to the copied wording
+ * and a status region announces the same thing, because a label change alone is
+ * not announced by a screen reader. Focus stays on the button, so a reader can
+ * copy again immediately.
+ *
+ * @param props - CopyButton configuration options and button props.
+ * @param props.value - Text written to the clipboard.
+ * @param props.label - Name of the control before a copy.
+ * @param props.copiedLabel - Name of the control after a copy.
+ * @param props.copiedAnnouncement - Announcement made after a copy.
+ * @param props.timeout - How long the copied state lasts.
+ * @param props.onCopy - Called after a successful copy.
+ * @param props.onError - Called after a failed copy.
+ * @param props.copyIcon - Icon shown before the copy.
+ * @param props.copiedIcon - Icon shown after a copy.
+ * @returns The rendered control and its status region.
+ *
+ * @example
+ * ```tsx
+ * <CopyButton
+ *   value="INV-1042"
+ *   label="Copy invoice number"
+ *   copiedAnnouncement="Invoice number copied"
+ * />
+ * ```
+ *
+ * @see Clipboard - The headless primitive, for a consumer's own control.
+ */
+export declare const CopyButton: import('react').ForwardRefExoticComponent<CopyButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/components/clipboard/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/clipboard/CopyButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAK5D,KAAK,mBAAmB,GAAG,IAAI,CAC7B,WAAW,EACT,UAAU,GACV,cAAc,GACd,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,WAAW,CACd,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IAEd,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;6CACyC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,UAAU,+GAyEtB,CAAC"}