asheeui 1.0.0 → 1.1.1

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"}

package/dist/components/section/Section.js

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { SPACE_PADDING_Y_CLASS as t } from "../../shared/spacing.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { resolveCascade as r } from "../../utils/resolve-token.js";
+import { Container as i } from "../container/Container.js";
+import { FALLBACK_SECTION_CONFIG as a } from "./section-config.js";
+import { SECTION_BACKGROUND_CLASS as o, SECTION_BASE_CLASS as s } from "./section-styles.js";
+import { forwardRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/section/Section.tsx
+var u = c(({ as: c, spacing: u, background: d, contained: f, containerSize: p, divider: m, className: h, children: g, ..._ }, v) => {
+	let y = n().components?.section, b = r(u, y?.spacing, void 0, a.spacing), x = r(d, y?.background, void 0, a.background), S = r(f, y?.contained, void 0, a.contained), C = r(p, y?.containerSize, void 0, a.containerSize), w = r(m, y?.divider, void 0, a.divider);
+	return /* @__PURE__ */ l(c ?? "section", {
+		ref: v,
+		className: e(s, t[b], o[x], w && "border-t border-border", h),
+		..._,
+		children: S ? /* @__PURE__ */ l(i, {
+			size: C,
+			children: g
+		}) : g
+	});
+});
+u.displayName = "Section";
+//#endregion
+export { u as Section };

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

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

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

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

package/dist/components/section/index.js

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

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

@@ -0,0 +1,64 @@
+import { Space } from '../../shared';
+import { ContainerSize } from '../container/container-config';
+/**
+ * Background treatment of a section.
+ *
+ * - `none`: transparent, so the page background shows through.
+ * - `muted`: a subdued band, used to separate one section from the next.
+ * - `tinted`: a faint accent band, used to emphasise a section.
+ */
+export type SectionBackground = "none" | "muted" | "tinted";
+/**
+ * Theme configuration options for the Section component.
+ *
+ * Set under `components.section` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface SectionConfig {
+    /**
+     * Vertical padding of the section.
+     *
+     * @default "lg"
+     */
+    spacing?: Space;
+    /**
+     * Background treatment.
+     *
+     * @default "none"
+     */
+    background?: SectionBackground;
+    /**
+     * Whether the section wraps its children in a {@link Container}.
+     * Off by default, so a section can be composed with any other layout
+     * element. On, the section owns the maximum width and the gutter.
+     *
+     * @default false
+     */
+    contained?: boolean;
+    /**
+     * Maximum content width used when the section is contained.
+     *
+     * @default "lg"
+     */
+    containerSize?: ContainerSize;
+    /**
+     * Whether to draw a separator line above the section.
+     *
+     * @default false
+     */
+    divider?: boolean;
+}
+/**
+ * Default config values registered for the Section component.
+ */
+export declare const defaultSectionConfig: SectionConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        section: SectionConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_SECTION_CONFIG: Required<SectionConfig>;
+//# sourceMappingURL=section-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-config.d.ts","sourceRoot":"","sources":["../../../src/components/section/section-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAMlC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,aAAa,CAM3D,CAAC"}

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

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/section/section-config.ts
+var t = {
+	spacing: "lg",
+	background: "none",
+	contained: !1,
+	containerSize: "lg",
+	divider: !1
+};
+e("section", t);
+var n = {
+	spacing: "lg",
+	background: "none",
+	contained: !1,
+	containerSize: "lg",
+	divider: !1
+};
+//#endregion
+export { n as FALLBACK_SECTION_CONFIG, t as defaultSectionConfig };

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

@@ -0,0 +1,8 @@
+import { SectionBackground } from './section-config';
+/** Background treatment classes for each section background. */
+export declare const SECTION_BACKGROUND_CLASS: Record<SectionBackground, string>;
+/** Shared base classes for every section. */
+export declare const SECTION_BASE_CLASS = "w-full";
+/** Separator drawn above a section that asks for one. */
+export declare const SECTION_DIVIDER_CLASS = "border-t border-border";
+//# sourceMappingURL=section-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-styles.d.ts","sourceRoot":"","sources":["../../../src/components/section/section-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,gEAAgE;AAChE,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAItE,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAE3C,yDAAyD;AACzD,eAAO,MAAM,qBAAqB,2BAA2B,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/section/section-styles.ts
+var e = {
+	none: "",
+	muted: "bg-secondary/50",
+	tinted: "bg-primary/5"
+}, t = "w-full", n = "border-t border-border";
+//#endregion
+export { e as SECTION_BACKGROUND_CLASS, t as SECTION_BASE_CLASS, n as SECTION_DIVIDER_CLASS };

package/dist/components/section-kit/ActionGroup.d.ts

@@ -0,0 +1,47 @@
+import { ActionConfig } from '../../shared';
+/**
+ * Props for the internal ActionGroup helper.
+ */
+export interface ActionGroupProps {
+    /**
+     * The emphasised action of the pattern.
+     * Renders as a solid button or link.
+     */
+    primaryAction?: ActionConfig;
+    /**
+     * The supporting action of the pattern.
+     * Renders as a bordered button or link.
+     */
+    secondaryAction?: ActionConfig;
+    /**
+     * Horizontal alignment of the group on a wide screen.
+     * The actions are always stacked vertically on a narrow screen.
+     *
+     * @default "start"
+     */
+    align?: "start" | "center";
+    /**
+     * Additional classes for the wrapper.
+     */
+    className?: string;
+}
+/**
+ * Renders a pattern's configured actions.
+ *
+ * The group stacks on a narrow screen and sits in a row from the `sm`
+ * breakpoint, which is the arrangement that keeps two actions readable on a
+ * phone without the consumer writing a media query.
+ *
+ * @param props - The configured actions and their alignment.
+ * @returns The rendered group, or null when the pattern has no actions.
+ *
+ * @example
+ * ```tsx
+ * <ActionGroup
+ *   primaryAction={{ label: "Start free", href: "/signup" }}
+ *   secondaryAction={{ label: "Read the docs", href: "/docs" }}
+ * />
+ * ```
+ */
+export declare function ActionGroup({ primaryAction, secondaryAction, align, className, }: ActionGroupProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ActionGroup.d.ts.map

package/dist/components/section-kit/ActionGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/section-kit/ActionGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIjD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,eAAe,EACf,KAAe,EACf,SAAS,GACV,EAAE,gBAAgB,sCAoBlB"}

package/dist/components/section-kit/ActionGroup.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../button/Button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/section-kit/ActionGroup.tsx
+function i({ primaryAction: t, secondaryAction: i, align: o = "start", className: s }) {
+	return !t && !i ? null : /* @__PURE__ */ r("div", {
+		className: e("flex flex-col gap-3 sm:flex-row sm:items-center", o === "center" && "sm:justify-center", s),
+		children: [t && /* @__PURE__ */ n(a, {
+			action: t,
+			defaultVariant: "solid"
+		}), i && /* @__PURE__ */ n(a, {
+			action: i,
+			defaultVariant: "bordered"
+		})]
+	});
+}
+function a({ action: e, defaultVariant: r }) {
+	let { label: i, href: a, variant: o, color: s, size: c, radius: l, icon: u, component: d, componentProps: f } = e;
+	return /* @__PURE__ */ n(t, {
+		href: a,
+		variant: o ?? r,
+		color: s,
+		size: c,
+		radius: l,
+		startContent: u,
+		link: d ? {
+			component: d,
+			props: f
+		} : void 0,
+		children: i
+	});
+}
+//#endregion
+export { i as ActionGroup };

package/dist/components/section-kit/SectionHeading.d.ts

@@ -0,0 +1,65 @@
+import { ElementType, ReactNode } from 'react';
+/**
+ * Heading sizes a section heading can use.
+ * The size selects a semantic typography role, so the visual step and the
+ * markup step are decided together.
+ */
+export type SectionHeadingSize = "md" | "lg" | "xl";
+/**
+ * Horizontal alignment of a section heading.
+ */
+export type SectionHeadingAlign = "start" | "center";
+/**
+ * Props for the internal SectionHeading helper.
+ */
+export interface SectionHeadingProps {
+    /**
+     * Short label above the title, for example the category of a section.
+     */
+    eyebrow?: ReactNode;
+    /**
+     * The heading itself.
+     */
+    title?: ReactNode;
+    /**
+     * Supporting sentence under the title.
+     */
+    description?: ReactNode;
+    /**
+     * Horizontal alignment of the block.
+     *
+     * @default "start"
+     */
+    align?: SectionHeadingAlign;
+    /**
+     * Element the title renders as.
+     * Defaults to the element the resolved typography role implies.
+     */
+    titleAs?: ElementType;
+    /**
+     * Size of the title.
+     *
+     * @default "md"
+     */
+    size?: SectionHeadingSize;
+    /**
+     * Identifier applied to the title element, so a section can point at it with
+     * `aria-labelledby`.
+     */
+    titleId?: string;
+    /**
+     * Additional classes for the wrapper.
+     */
+    className?: string;
+}
+/**
+ * The eyebrow, title and description block the patterns share.
+ *
+ * @param props - The heading content and its presentation options.
+ * @returns The rendered heading block, or null when it has nothing to show.
+ *
+ * @see Hero - Uses it for the page's leading statement.
+ * @see FeatureGrid - Uses it for the heading above the grid.
+ */
+export declare function SectionHeading({ eyebrow, title, description, align, titleAs, size, titleId, className, }: SectionHeadingProps): import("react").JSX.Element | null;
+//# sourceMappingURL=SectionHeading.d.ts.map

package/dist/components/section-kit/SectionHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.d.ts","sourceRoot":"","sources":["../../../src/components/section-kit/SectionHeading.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAe,EACf,OAAO,EACP,IAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,sCA4CrB"}

package/dist/components/section-kit/SectionHeading.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Typography as t } from "../typography/Typography.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/section-kit/SectionHeading.tsx
+function i({ eyebrow: i, title: a, description: o, align: s = "start", titleAs: c, size: l = "md", titleId: u, className: d }) {
+	if (!i && !a && !o) return null;
+	let f = s === "center";
+	return /* @__PURE__ */ r("div", {
+		className: e("flex flex-col gap-2", f && "items-center text-center", d),
+		children: [
+			i && /* @__PURE__ */ n(t, {
+				role: "overline",
+				tone: "primary",
+				children: i
+			}),
+			a && /* @__PURE__ */ n(t, {
+				as: c,
+				id: u,
+				role: l === "xl" ? "display" : l === "lg" ? "heading-xl" : "heading-lg",
+				className: f ? "text-balance" : "text-pretty",
+				children: a
+			}),
+			o && /* @__PURE__ */ n(t, {
+				role: "body-lg",
+				tone: "muted",
+				className: e("max-w-2xl", f && "mx-auto"),
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+export { i as SectionHeading };

package/dist/components/section-kit/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Internal section kit for AsheeUI.
+ *
+ * The kit holds the parts the framework's patterns share: the heading block
+ * (`SectionHeading`) and the configured action group (`ActionGroup`). It is an
+ * internal helper module, like the field and menu helpers: it is deliberately
+ * not exported from the package entry point and is not part of the public
+ * component inventory.
+ */
+export * from './ActionGroup';
+export * from './SectionHeading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/section-kit/index.d.ts.map

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

package/dist/components/section-kit/index.js

@@ -0,0 +1,2 @@
+export * from "./ActionGroup.js";
+export * from "./SectionHeading.js";