asheeui 2.0.0 → 2.3.0

package/dist/components/pin-input/PinInput.js

@@ -1,124 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { RADIUS_CLASS as t } from "../../shared/radius.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveClassKey as r, resolveConfigCascade as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
-import { FieldShell as o } from "../field/FieldShell.js";
-import { FALLBACK_PIN_INPUT_CONFIG as s } from "./pin-input-config.js";
-import { PIN_INPUT_BOX_CLASS as ee, PIN_INPUT_BOX_DEFAULT_CLASS as te, PIN_INPUT_BOX_DISABLED_CLASS as c, PIN_INPUT_BOX_INVALID_CLASS as l, PIN_INPUT_GROUP_CLASS as u, PIN_INPUT_SIZE_CLASS as d } from "./pin-input-styles.js";
-import { Fragment as f, forwardRef as p, useId as ne, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/pin-input/PinInput.tsx
-function v(e, t) {
-	return t === "numeric" ? e.replace(/\D+/g, "") : t === "alphanumeric" ? e.replace(/[^0-9a-zA-Z]+/g, "") : e.replace(/\s+/g, "");
-}
-var y = p(({ value: p, defaultValue: y, onValueChange: re, onComplete: b, length: x, mode: ie, size: ae, masked: oe, radius: S, isDisabled: se, isInvalid: ce, label: C, labelAlign: w, description: T, message: E, status: D, required: O, isLoading: k, groupLabel: A = "Verification code", separatorAfter: j, name: M, className: N, id: P, placeholder: F, ...I }, L) => {
-	let R = n(), z = R.components?.pininput, B = i({
-		length: x,
-		mode: ie,
-		size: ae,
-		masked: oe,
-		isDisabled: se,
-		isInvalid: ce,
-		radius: S ?? void 0
-	}, z, s), V = a(S, z?.radius, R.defaultRadius, s.radius), H = r(V, t, s.radius), U = ne(), W = P ?? U, G = `${W}-label`, K = `${W}-description`, q = `${W}-message`, [le, ue] = h(y ?? ""), J = p !== void 0, Y = J ? p : le, X = m([]), Z = (e) => {
-		let t = Math.max(0, Math.min(e, B.length - 1));
-		X.current[t]?.focus();
-	}, Q = (e) => {
-		let t = e.slice(0, B.length);
-		J || ue(t), re?.(t), t.length === B.length && b?.(t);
-	}, $ = (e, t) => {
-		let n = v(t, B.mode), r = (Y.slice(0, e) + n + Y.slice(e + n.length)).slice(0, B.length);
-		Q(r), Z(e + n.length);
-	}, de = (e, t) => {
-		let n = v(t, B.mode);
-		if (n.length === 0) {
-			Q(Y.slice(0, e) + Y.slice(e + 1));
-			return;
-		}
-		if (n.length > 1) {
-			$(e, n);
-			return;
-		}
-		let r = e >= Y.length ? Y + n : Y.slice(0, e) + n + Y.slice(e + 1);
-		Q(r), Z(e + 1);
-	}, fe = (e, t) => {
-		switch (t.key) {
-			case "Backspace":
-				t.preventDefault(), e < Y.length && Q(Y.slice(0, e) + Y.slice(e + 1)), Z(e - 1);
-				return;
-			case "Delete":
-				t.preventDefault(), e < Y.length && Q(Y.slice(0, e) + Y.slice(e + 1));
-				return;
-			case "ArrowLeft":
-				t.preventDefault(), Z(e - 1);
-				return;
-			case "ArrowRight":
-				t.preventDefault(), Z(e + 1);
-				return;
-			case "Home":
-				t.preventDefault(), Z(0);
-				return;
-			case "End":
-				t.preventDefault(), Z(B.length - 1);
-				return;
-		}
-	}, pe = (e, t) => {
-		let n = t.clipboardData?.getData("text") ?? "";
-		n && (t.preventDefault(), $(e, n));
-	}, me = [T ? K : null, E ? q : null].filter(Boolean).join(" ") || void 0;
-	return /* @__PURE__ */ g(o, {
-		id: W,
-		htmlFor: null,
-		labelId: G,
-		label: C,
-		labelAlign: w,
-		description: T,
-		descriptionId: K,
-		message: E,
-		messageId: q,
-		status: D,
-		required: O,
-		isLoading: k,
-		children: /* @__PURE__ */ _("fieldset", {
-			ref: L,
-			"aria-labelledby": C ? G : void 0,
-			"aria-label": C ? void 0 : A,
-			"aria-describedby": me,
-			"data-disabled": B.isDisabled ? "true" : void 0,
-			className: e(u, N),
-			children: [Array.from({ length: B.length }, (t, n) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g("input", {
-				ref: (e) => {
-					X.current[n] = e;
-				},
-				id: n === 0 ? W : `${W}-${n}`,
-				type: B.masked ? "password" : "text",
-				inputMode: B.mode === "numeric" ? "numeric" : "text",
-				pattern: B.mode === "numeric" ? "[0-9]*" : void 0,
-				autoComplete: n === 0 ? "one-time-code" : "off",
-				placeholder: F,
-				disabled: B.isDisabled,
-				"aria-label": `${A}, character ${n + 1} of ${B.length}`,
-				"aria-invalid": B.isInvalid || void 0,
-				value: Y[n] ?? "",
-				onKeyDown: (e) => fe(n, e),
-				onPaste: (e) => pe(n, e),
-				onChange: (e) => de(n, e.target.value),
-				className: e(ee, d[B.size], H, B.isDisabled ? c : B.isInvalid ? l : te),
-				...I
-			}), j !== void 0 && j > 0 && n + 1 === j && n + 1 < B.length && /* @__PURE__ */ g("span", {
-				"aria-hidden": "true",
-				className: "px-1 text-foreground/40",
-				children: "-"
-			})] }, `pin-${n}`)), M && /* @__PURE__ */ g("input", {
-				type: "hidden",
-				name: M,
-				value: Y
-			})]
-		})
-	});
-});
-y.displayName = "PinInput";
-//#endregion
-export { y as PinInput, v as sanitizePinValue };

package/dist/components/pin-input/index.d.ts

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

package/dist/components/pin-input/index.d.ts.map

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

package/dist/components/pin-input/index.js

@@ -1,3 +0,0 @@
-export * from "./PinInput.js";
-export * from "./pin-input-config.js";
-export * from "./pin-input-styles.js";

package/dist/components/pin-input/pin-input-config.d.ts

@@ -1,82 +0,0 @@
-import { Radius } from '../../shared';
-/**
- * Characters a PIN field accepts.
- *
- * - `numeric`: digits only, which is what a code sent by SMS contains.
- * - `alphanumeric`: letters and digits, for a code that mixes both.
- * - `text`: any character except whitespace.
- */
-export type PinInputMode = "numeric" | "alphanumeric" | "text";
-/**
- * Density of a PIN field.
- */
-export type PinInputSize = "sm" | "md" | "lg";
-/**
- * Theme configuration options for the PinInput component.
- *
- * Set under `components.pininput` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface PinInputConfig {
-    /**
-     * Number of characters the field collects.
-     *
-     * @default 4
-     */
-    length?: number;
-    /**
-     * Characters the field accepts.
-     *
-     * @default "numeric"
-     */
-    mode?: PinInputMode;
-    /**
-     * Density of the boxes.
-     *
-     * @default "md"
-     */
-    size?: PinInputSize;
-    /**
-     * Whether the typed characters are hidden.
-     * Use it for a value that must not be readable over a shoulder.
-     *
-     * @default false
-     */
-    masked?: boolean;
-    /**
-     * Corner rounding of each box.
-     * Defaults to the framework radius, so a PIN field matches the surrounding
-     * form.
-     */
-    radius?: Radius;
-    /**
-     * Whether the field is disabled.
-     *
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the current value is invalid.
-     * Marks the group for assistive technology and colours the boxes, so an
-     * error is never carried by colour alone.
-     *
-     * @default false
-     */
-    isInvalid?: boolean;
-}
-/**
- * Default config values registered for the PinInput component.
- */
-export declare const defaultPinInputConfig: PinInputConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        pininput: PinInputConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_PIN_INPUT_CONFIG: Required<Omit<PinInputConfig, "radius">> & {
-    radius: Radius;
-};
-//# sourceMappingURL=pin-input-config.d.ts.map

package/dist/components/pin-input/pin-input-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pin-input-config.d.ts","sourceRoot":"","sources":["../../../src/components/pin-input/pin-input-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,MAAM,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAOnC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAC9C,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC/B,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAQnB,CAAC"}

package/dist/components/pin-input/pin-input-config.js

@@ -1,23 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/pin-input/pin-input-config.ts
-var t = {
-	length: 4,
-	mode: "numeric",
-	size: "md",
-	masked: !1,
-	isDisabled: !1,
-	isInvalid: !1
-};
-e("pininput", t);
-var n = {
-	length: 4,
-	mode: "numeric",
-	size: "md",
-	masked: !1,
-	isDisabled: !1,
-	isInvalid: !1,
-	radius: "sm"
-};
-//#endregion
-export { n as FALLBACK_PIN_INPUT_CONFIG, t as defaultPinInputConfig };

package/dist/components/pin-input/pin-input-styles.d.ts

@@ -1,16 +0,0 @@
-import { PinInputSize } from './pin-input-config';
-/** The group of boxes. */
-export declare const PIN_INPUT_GROUP_CLASS = "flex flex-wrap items-center gap-2";
-/** Shared base classes for a box. */
-export declare const PIN_INPUT_BOX_CLASS = "border-2 text-center font-semibold tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:cursor-not-allowed";
-/** Box density classes. */
-export declare const PIN_INPUT_SIZE_CLASS: Record<PinInputSize, string>;
-/** Box state: no error, not disabled. */
-export declare const PIN_INPUT_BOX_DEFAULT_CLASS = "border-border bg-background text-foreground";
-/** Box state: the value is invalid. */
-export declare const PIN_INPUT_BOX_INVALID_CLASS = "border-danger bg-background text-foreground";
-/** Box state: the field is disabled. */
-export declare const PIN_INPUT_BOX_DISABLED_CLASS = "border-border bg-secondary/40 text-foreground/60";
-/** The separator shown between groups of boxes. */
-export declare const PIN_INPUT_SEPARATOR_CLASS = "px-1 text-foreground/40";
-//# sourceMappingURL=pin-input-styles.d.ts.map

package/dist/components/pin-input/pin-input-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pin-input-styles.d.ts","sourceRoot":"","sources":["../../../src/components/pin-input/pin-input-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,0BAA0B;AAC1B,eAAO,MAAM,qBAAqB,sCAAsC,CAAC;AAEzE,qCAAqC;AACrC,eAAO,MAAM,mBAAmB,yMACwK,CAAC;AAEzM,2BAA2B;AAC3B,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI7D,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,2BAA2B,gDACO,CAAC;AAEhD,uCAAuC;AACvC,eAAO,MAAM,2BAA2B,gDACO,CAAC;AAEhD,wCAAwC;AACxC,eAAO,MAAM,4BAA4B,qDACW,CAAC;AAErD,mDAAmD;AACnD,eAAO,MAAM,yBAAyB,4BAA4B,CAAC"}

package/dist/components/pin-input/pin-input-styles.js

@@ -1,9 +0,0 @@
-"use client";
-//#region src/components/pin-input/pin-input-styles.ts
-var e = "flex flex-wrap items-center gap-2", t = "border-2 text-center font-semibold tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:cursor-not-allowed", n = {
-	sm: "h-9 w-8 text-sm",
-	md: "h-11 w-10 text-base",
-	lg: "h-14 w-12 text-lg"
-}, r = "border-border bg-background text-foreground", i = "border-danger bg-background text-foreground", a = "border-border bg-secondary/40 text-foreground/60", o = "px-1 text-foreground/40";
-//#endregion
-export { t as PIN_INPUT_BOX_CLASS, r as PIN_INPUT_BOX_DEFAULT_CLASS, a as PIN_INPUT_BOX_DISABLED_CLASS, i as PIN_INPUT_BOX_INVALID_CLASS, e as PIN_INPUT_GROUP_CLASS, o as PIN_INPUT_SEPARATOR_CLASS, n as PIN_INPUT_SIZE_CLASS };

package/dist/components/pricing-card/PricingCard.d.ts

@@ -1,87 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ActionConfig } from '../../shared';
-import { PricingCardConfig } from './pricing-card-config';
-/**
- * One line of a plan's feature list.
- */
-export interface PricingFeatureItem {
-    /** Stable identifier for the line. Defaults to its position in the list. */
-    id?: string | number;
-    /** What the line says. */
-    label: ReactNode;
-    /**
-     * Whether the plan includes this line.
-     * An excluded line also carries the wording "(not included)" for assistive
-     * technology, so the meaning never depends on the visual treatment alone.
-     *
-     * @default true
-     */
-    included?: boolean;
-}
-type BasePricingCardProps = PricingCardConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "title">;
-/**
- * Props for the PricingCard component.
- */
-export interface PricingCardProps extends BasePricingCardProps {
-    /** Name of the plan. */
-    name: ReactNode;
-    /** The amount, shown as the card's leading figure. */
-    price: ReactNode;
-    /** Billing period shown beside the amount, for example "/month". */
-    period?: ReactNode;
-    /** One sentence about who the plan is for. */
-    description?: ReactNode;
-    /** Short label above the plan name, for example "Most popular". */
-    badge?: ReactNode;
-    /** The plan's feature lines. */
-    features?: PricingFeatureItem[];
-    /** The emphasised action, typically the plan's signup. */
-    primaryAction?: ActionConfig;
-    /** The supporting action, typically a sales contact. */
-    secondaryAction?: ActionConfig;
-    /** Content below the actions. */
-    children?: ReactNode;
-}
-/**
- * One plan in a pricing table.
- *
- * The amount is a required prop and renders as text rather than being parsed as
- * a number, so a plan can say "Free", "$12" or "Custom" without the framework
- * pretending to understand currency. A recommended plan is marked visually and
- * carries the reason in its `badge`, so the recommendation is never communicated
- * by colour alone.
- *
- * @param props - PricingCard configuration options and element attributes.
- * @param props.name - Name of the plan.
- * @param props.price - The amount.
- * @param props.period - Billing period shown beside the amount.
- * @param props.description - One sentence about the plan.
- * @param props.badge - Short label above the plan name.
- * @param props.features - The plan's feature lines.
- * @param props.primaryAction - The emphasised action.
- * @param props.secondaryAction - The supporting action.
- * @param props.variant - Surface treatment. Defaults to "bordered".
- * @param props.size - Card density. Defaults to "lg".
- * @param props.highlighted - Mark the plan as recommended. Defaults to false.
- *
- * @returns The rendered card.
- *
- * @example
- * ```tsx
- * <PricingCard
- *   badge="Most popular"
- *   name="Growth"
- *   price="$29"
- *   period="/month"
- *   highlighted
- *   features={[{ label: "10,000 messages" }]}
- *   primaryAction={{ label: "Choose Growth", href: "/signup" }}
- * />
- * ```
- *
- * @see Grid - Places several plans in a table.
- * @see Card - The surface the plan renders in.
- */
-export declare const PricingCard: import('react').ForwardRefExoticComponent<PricingCardProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=PricingCard.d.ts.map

package/dist/components/pricing-card/PricingCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PricingCard.d.ts","sourceRoot":"","sources":["../../../src/components/pricing-card/PricingCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAMjD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAY/B;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,0BAA0B;IAC1B,KAAK,EAAE,SAAS,CAAC;IAEjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,oBAAoB,GAAG,iBAAiB,GAC3C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,wBAAwB;IACxB,IAAI,EAAE,SAAS,CAAC;IAEhB,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAC;IAEjB,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAEhC,0DAA0D;IAC1D,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,wDAAwD;IACxD,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,WAAW,6GAoGvB,CAAC"}

package/dist/components/pricing-card/PricingCard.js

@@ -1,79 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
-import { CheckIcon as r } from "../../icons/CheckIcon.js";
-import { CloseIcon as i } from "../../icons/CloseIcon.js";
-import { Typography as a } from "../typography/Typography.js";
-import { Card as o } from "../card/Card.js";
-import { ActionGroup as s } from "../section-kit/ActionGroup.js";
-import { FALLBACK_PRICING_CARD_CONFIG as c } from "./pricing-card-config.js";
-import { PRICING_BADGE_CLASS as l, PRICING_BODY_CLASS as u, PRICING_PRICE_CLASS as d } from "./pricing-card-styles.js";
-import { forwardRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/components/pricing-card/PricingCard.tsx
-var h = f(({ name: f, price: h, period: g, description: _, badge: v, features: y, primaryAction: b, secondaryAction: x, variant: S, size: C, highlighted: w, className: T, children: E, ...D }, O) => {
-	let k = t(), A = n({
-		variant: S,
-		size: C,
-		highlighted: w
-	}, k.components?.pricingcard, c);
-	return /* @__PURE__ */ p(o, {
-		ref: O,
-		variant: A.variant,
-		size: A.size,
-		title: f,
-		description: _,
-		header: v ? /* @__PURE__ */ p("span", {
-			className: l,
-			children: v
-		}) : void 0,
-		className: e("h-full", A.highlighted && "border-primary ring-1 ring-primary", T),
-		...D,
-		children: /* @__PURE__ */ m("div", {
-			className: u,
-			children: [
-				/* @__PURE__ */ m("p", {
-					className: d,
-					children: [/* @__PURE__ */ p(a, {
-						as: "span",
-						role: "heading-xl",
-						children: h
-					}), g && /* @__PURE__ */ p(a, {
-						as: "span",
-						role: "body-sm",
-						tone: "muted",
-						children: g
-					})]
-				}),
-				y && y.length > 0 && /* @__PURE__ */ p("ul", {
-					className: "flex flex-col gap-2",
-					children: y.map((e, t) => {
-						let n = e.included === !1;
-						return /* @__PURE__ */ m("li", {
-							className: "flex items-start gap-2",
-							children: [n ? /* @__PURE__ */ p(i, { className: "mt-1 size-4 shrink-0 text-foreground/40" }) : /* @__PURE__ */ p(r, { className: "mt-1 size-4 shrink-0 text-success" }), /* @__PURE__ */ m(a, {
-								role: "body-sm",
-								tone: n ? "muted" : "default",
-								children: [e.label, n && /* @__PURE__ */ p("span", {
-									className: "sr-only",
-									children: " (not included)"
-								})]
-							})]
-						}, e.id ?? t);
-					})
-				}),
-				/* @__PURE__ */ p(s, {
-					primaryAction: b,
-					secondaryAction: x,
-					className: "w-full"
-				}),
-				E
-			]
-		})
-	});
-});
-h.displayName = "PricingCard";
-//#endregion
-export { h as PricingCard };

package/dist/components/pricing-card/index.d.ts

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

package/dist/components/pricing-card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pricing-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC"}

package/dist/components/pricing-card/index.js

@@ -1,3 +0,0 @@
-export * from "./PricingCard.js";
-export * from "./pricing-card-config.js";
-export * from "./pricing-card-styles.js";

package/dist/components/pricing-card/pricing-card-config.d.ts

@@ -1,35 +0,0 @@
-import { Size } from '../../shared';
-/**
- * Surface treatment of a pricing card.
- * These map to the framework's card variants, so a pricing card looks like the
- * rest of the surface system.
- */
-export type PricingCardVariant = "bordered" | "elevated";
-/**
- * Theme configuration options for the PricingCard component.
- *
- * Set under `components.pricingcard` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface PricingCardConfig {
-    /** Surface treatment. @default "bordered" */
-    variant?: PricingCardVariant;
-    /** Density of the card padding. @default "lg" */
-    size?: Size;
-    /** Whether the card is the recommended plan. @default false */
-    highlighted?: boolean;
-}
-/**
- * Default config values registered for the PricingCard component.
- */
-export declare const defaultPricingCardConfig: PricingCardConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        pricingcard: PricingCardConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_PRICING_CARD_CONFIG: Required<PricingCardConfig>;
-//# sourceMappingURL=pricing-card-config.d.ts.map

package/dist/components/pricing-card/pricing-card-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pricing-card-config.d.ts","sourceRoot":"","sources":["../../../src/components/pricing-card/pricing-card-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,iBAItC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,WAAW,EAAE,iBAAiB,CAAC;KAChC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,iBAAiB,CAIpE,CAAC"}

package/dist/components/pricing-card/pricing-card-config.js

@@ -1,16 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/pricing-card/pricing-card-config.ts
-var t = {
-	variant: "bordered",
-	size: "lg",
-	highlighted: !1
-};
-e("pricingcard", t);
-var n = {
-	variant: "bordered",
-	size: "lg",
-	highlighted: !1
-};
-//#endregion
-export { n as FALLBACK_PRICING_CARD_CONFIG, t as defaultPricingCardConfig };

package/dist/components/pricing-card/pricing-card-styles.d.ts

@@ -1,21 +0,0 @@
-/**
- * PricingCard component styles for AsheeUI.
- * This file provides the static class mappings for the PricingCard pattern.
- */
-/** The price line, where the amount and the period sit on one baseline. */
-export declare const PRICING_PRICE_CLASS = "flex items-baseline gap-1";
-/** The list of included and excluded features. */
-export declare const PRICING_FEATURES_CLASS = "flex flex-col gap-2";
-/** One feature line. */
-export declare const PRICING_FEATURE_CLASS = "flex items-start gap-2";
-/** The marker of an included feature. */
-export declare const PRICING_FEATURE_INCLUDED_CLASS = "mt-1 size-4 shrink-0 text-success";
-/** The marker of an excluded feature. */
-export declare const PRICING_FEATURE_EXCLUDED_CLASS = "mt-1 size-4 shrink-0 text-foreground/40";
-/** The badge above the plan name. */
-export declare const PRICING_BADGE_CLASS = "inline-flex w-fit items-center rounded-sm bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary";
-/** The ring that marks the recommended plan. */
-export declare const PRICING_HIGHLIGHTED_CLASS = "border-primary ring-1 ring-primary";
-/** The body arrangement of the card. */
-export declare const PRICING_BODY_CLASS = "flex flex-col gap-6";
-//# sourceMappingURL=pricing-card-styles.d.ts.map

package/dist/components/pricing-card/pricing-card-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pricing-card-styles.d.ts","sourceRoot":"","sources":["../../../src/components/pricing-card/pricing-card-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2EAA2E;AAC3E,eAAO,MAAM,mBAAmB,8BAA8B,CAAC;AAE/D,kDAAkD;AAClD,eAAO,MAAM,sBAAsB,wBAAwB,CAAC;AAE5D,wBAAwB;AACxB,eAAO,MAAM,qBAAqB,2BAA2B,CAAC;AAE9D,yCAAyC;AACzC,eAAO,MAAM,8BAA8B,sCACN,CAAC;AAEtC,yCAAyC;AACzC,eAAO,MAAM,8BAA8B,4CACA,CAAC;AAE5C,qCAAqC;AACrC,eAAO,MAAM,mBAAmB,yGACwE,CAAC;AAEzG,gDAAgD;AAChD,eAAO,MAAM,yBAAyB,uCAAuC,CAAC;AAE9E,wCAAwC;AACxC,eAAO,MAAM,kBAAkB,wBAAwB,CAAC"}

package/dist/components/pricing-card/pricing-card-styles.js

@@ -1,5 +0,0 @@
-"use client";
-//#region src/components/pricing-card/pricing-card-styles.ts
-var e = "flex items-baseline gap-1", t = "flex flex-col gap-2", n = "flex items-start gap-2", r = "mt-1 size-4 shrink-0 text-success", i = "mt-1 size-4 shrink-0 text-foreground/40", a = "inline-flex w-fit items-center rounded-sm bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary", o = "border-primary ring-1 ring-primary", s = "flex flex-col gap-6";
-//#endregion
-export { a as PRICING_BADGE_CLASS, s as PRICING_BODY_CLASS, t as PRICING_FEATURES_CLASS, n as PRICING_FEATURE_CLASS, i as PRICING_FEATURE_EXCLUDED_CLASS, r as PRICING_FEATURE_INCLUDED_CLASS, o as PRICING_HIGHLIGHTED_CLASS, e as PRICING_PRICE_CLASS };

package/dist/components/radio/Radio.d.ts

@@ -1,90 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
-import { RadioConfig } from './radio-config';
-type BaseRadioProps = RadioConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "children" | "color">;
-/**
- * Configuration options for the Radio component.
- */
-export interface RadioProps extends BaseRadioProps {
-    /**
-     * The value of the radio button.
-     * Used to identify which radio is selected in a group.
-     */
-    value: string;
-    /**
-     * Label text for the radio.
-     * Displayed next to the radio button.
-     */
-    label?: ReactNode;
-    /**
-     * Description text shown below the label.
-     * Provides additional context for the option.
-     */
-    description?: ReactNode;
-    /**
-     * Whether the radio is checked.
-     * For controlled usage.
-     */
-    checked?: boolean;
-    /**
-     * Whether the radio is initially checked.
-     * For uncontrolled usage.
-     * @default false
-     */
-    defaultChecked?: boolean;
-    /**
-     * Callback fired when the radio state changes.
-     * Receives the checked state, value, and the change event.
-     */
-    onChange?: (checked: boolean, value: string, event: ChangeEvent<HTMLInputElement>) => void;
-}
-/**
- * A single radio button with label and description.
- *
- * Radio renders a circular radio button with an optional label and
- * description. It supports controlled and uncontrolled usage, validation
- * states, and the standard AsheeUI cascade for visual tokens. When used
- * within a RadioGroup, it inherits shared props from the group context.
- *
- * The component automatically handles accessibility attributes including
- * proper role, aria-checked, and focus management.
- *
- * @param props - Radio configuration options.
- * @param props.value - The value of the radio button.
- * @param props.label - Label text for the radio.
- * @param props.description - Description text shown below the label.
- * @param props.checked - Whether the radio is checked (controlled).
- * @param props.defaultChecked - Whether the radio is initially checked (uncontrolled).
- * @param props.onChange - Callback fired when the radio state changes.
- * @param props.size - Size scale. Defaults to "md".
- * @param props.color - Theme accent color. Defaults to "primary".
- * @param props.variant - Visual style variant. Defaults to "default".
- * @param props.radius - Corner rounding. Defaults to "full".
- * @param props.status - Validation status.
- * @param props.disabled - Whether the radio is disabled.
- *
- * @example
- * ```tsx
- * import { Radio } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [checked, setChecked] = useState(false);
- *
- *   return (
- *     <Radio
- *       value="option-1"
- *       label="Option 1"
- *       description="This is the first option"
- *       checked={checked}
- *       onChange={(checked) => setChecked(checked)}
- *     />
- *   );
- * }
- * ```
- *
- * @see RadioGroup - The parent component that manages radio groups.
- * @see RadioConfig - The configuration type for component defaults.
- */
-export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
-export {};
-//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAWf,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAaxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;CACX;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,KAAK,yGAoNjB,CAAC"}