asheeui 1.0.0 → 1.1.0

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

@@ -0,0 +1,124 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,87 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,79 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1,21 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+"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/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,4GAuGtB,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/radio/RadioGroup.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAKxB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,4GAuGtB,CAAC"}

package/dist/components/section/Section.d.ts

@@ -0,0 +1,56 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { Space } from '../../shared';
+import { SectionConfig } from './section-config';
+type BaseSectionProps = SectionConfig & Omit<HTMLAttributes<HTMLElement>, "color">;
+/**
+ * Props for the Section component.
+ */
+export interface SectionProps extends BaseSectionProps {
+    /**
+     * Element to render.
+     * Defaults to `section`, which is the correct landmark when the section
+     * carries a heading. A section used purely for spacing should render a `div`
+     * through this prop, so the page does not gain an unnamed region.
+     *
+     * @default "section"
+     */
+    as?: ElementType;
+    /**
+     * Vertical padding, from the shared spacing scale.
+     * Resolved through the standard cascade: prop, then
+     * `components.section.spacing`, then the framework fallback.
+     *
+     * @default "lg"
+     */
+    spacing?: Space;
+}
+/**
+ * A full-width band with vertical rhythm.
+ *
+ * Section owns the vertical space between parts of a page and the background
+ * behind them. It does not own the maximum width unless asked to, so it composes
+ * either way round: a Section can contain a Container, or a Page can place a
+ * Container around several Sections.
+ *
+ * @param props - Section configuration options and element attributes.
+ * @param props.spacing - Vertical padding. Defaults to "lg".
+ * @param props.background - Background treatment. Defaults to "none".
+ * @param props.contained - Wrap the children in a Container. Defaults to false.
+ * @param props.containerSize - Container width when contained. Defaults to "lg".
+ * @param props.divider - Draw a separator above the section. Defaults to false.
+ * @param props.as - Element to render. Defaults to "section".
+ * @returns The rendered section.
+ *
+ * @example
+ * ```tsx
+ * <Section spacing="xl" background="muted" contained>
+ *   <Typography role="heading-xl">Everything your team needs</Typography>
+ * </Section>
+ * ```
+ *
+ * @see Container - Maximum width and gutter.
+ * @see PageContent - The application-page equivalent.
+ */
+export declare const Section: import('react').ForwardRefExoticComponent<SectionProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Section.d.ts.map

package/dist/components/section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAyB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAKjE,OAAO,EAGL,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,aAAa,GACnC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,OAAO,sGA0EnB,CAAC"}