asheeui 1.0.0 → 1.1.0

package/dist/components/clipboard/CopyButton.js

@@ -0,0 +1,44 @@
+"use client";
+"use client";
+import { useAsheeConfig as e } from "../../libs/context.js";
+import { resolveCascade as t } from "../../utils/resolve-token.js";
+import { CheckIcon as n } from "../../icons/CheckIcon.js";
+import { Button as r } from "../button/Button.js";
+import { FALLBACK_CLIPBOARD_CONFIG as i } from "./clipboard-config.js";
+import { Clipboard as a } from "./Clipboard.js";
+import { CopyIcon as o } from "../../icons/CopyIcon.js";
+import { CLIPBOARD_STATUS_CLASS as s } from "./clipboard-styles.js";
+import { forwardRef as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/clipboard/CopyButton.tsx
+var f = c(({ value: c, label: f, copiedLabel: p, copiedAnnouncement: m, timeout: h, onCopy: g, onError: _, copyIcon: v, copiedIcon: y, ...b }, x) => {
+	let S = e().components?.clipboard, C = t(f, S?.label, void 0, i.label), w = t(p, S?.copiedLabel, void 0, i.copiedLabel);
+	return /* @__PURE__ */ u(a, {
+		value: c,
+		timeout: h,
+		onCopy: g,
+		onError: _,
+		children: ({ copied: e, copy: t }) => /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(r, {
+			ref: x,
+			type: "button",
+			variant: b.variant ?? S?.variant ?? void 0,
+			color: b.color ?? S?.color ?? void 0,
+			size: b.size ?? S?.size ?? void 0,
+			startContent: e ? y ?? /* @__PURE__ */ u(n, {}) : v ?? /* @__PURE__ */ u(o, {}),
+			onClick: () => {
+				t();
+			},
+			...b,
+			children: e ? w : C
+		}), /* @__PURE__ */ u("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: s,
+			"data-copied": e ? "true" : void 0,
+			children: e ? m ?? `${String(w)}: ${c}` : ""
+		})] })
+	});
+});
+f.displayName = "CopyButton";
+//#endregion
+export { f as CopyButton };

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

@@ -0,0 +1,42 @@
+import { Color, Radius, Size, Variant } from '../../shared';
+/**
+ * Theme configuration options for the clipboard components.
+ *
+ * Set under `components.clipboard` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface ClipboardConfig {
+    /**
+     * How long the copied state lasts, in milliseconds.
+     *
+     * @default 2000
+     */
+    timeout?: number;
+    /** Name of the copy control. @default "Copy" */
+    label?: string;
+    /** Name of the copy control once the text is on the clipboard.
+     * @default "Copied" */
+    copiedLabel?: string;
+    /** Visual style of the copy control. @default "bordered" */
+    variant?: Variant;
+    /** Accent colour of the copy control. @default "primary" */
+    color?: Color;
+    /** Density of the copy control. @default "sm" */
+    size?: Size;
+    /** Corner rounding of the copy control. Defaults to the framework radius. */
+    radius?: Radius;
+}
+/**
+ * Default config values registered for the clipboard components.
+ */
+export declare const defaultClipboardConfig: ClipboardConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        clipboard: ClipboardConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_CLIPBOARD_CONFIG: Required<ClipboardConfig>;
+//# sourceMappingURL=clipboard-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-config.d.ts","sourceRoot":"","sources":["../../../src/components/clipboard/clipboard-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;2BACuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAOpC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,SAAS,EAAE,eAAe,CAAC;KAC5B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,eAAe,CAQ/D,CAAC"}

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

@@ -0,0 +1,23 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/clipboard/clipboard-config.ts
+var t = {
+	timeout: 2e3,
+	label: "Copy",
+	copiedLabel: "Copied",
+	variant: "bordered",
+	color: "primary",
+	size: "sm"
+};
+e("clipboard", t);
+var n = {
+	timeout: 2e3,
+	label: "Copy",
+	copiedLabel: "Copied",
+	variant: "bordered",
+	color: "primary",
+	size: "sm",
+	radius: "sm"
+};
+//#endregion
+export { n as FALLBACK_CLIPBOARD_CONFIG, t as defaultClipboardConfig };

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

@@ -0,0 +1,11 @@
+/**
+ * Clipboard component styles for AsheeUI.
+ * This file provides the static class mappings for the clipboard pair.
+ */
+/**
+ * The status region a copy control announces its result through.
+ * It is visually hidden and stays in the document, so the change is announced
+ * without moving the reader's focus off the control they pressed.
+ */
+export declare const CLIPBOARD_STATUS_CLASS = "sr-only";
+//# sourceMappingURL=clipboard-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-styles.d.ts","sourceRoot":"","sources":["../../../src/components/clipboard/clipboard-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/clipboard/clipboard-styles.ts
+var e = "sr-only";
+//#endregion
+export { e as CLIPBOARD_STATUS_CLASS };

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

@@ -0,0 +1,4 @@
+export * from './Clipboard';
+export * from './CopyButton';
+export * from './clipboard-config';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/clipboard/index.js

@@ -0,0 +1,4 @@
+export * from "./Clipboard.js";
+export * from "./CopyButton.js";
+export * from "./clipboard-config.js";
+export * from "./clipboard-styles.js";

package/dist/components/container/Container.d.ts

@@ -0,0 +1,51 @@
+import { ElementType, HTMLAttributes } from 'react';
+import { ContainerConfig, ContainerSize } from './container-config';
+type BaseContainerProps = ContainerConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
+/**
+ * Props for the Container component.
+ */
+export interface ContainerProps extends BaseContainerProps {
+    /**
+     * Element to render.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+    /**
+     * Maximum content width.
+     * Resolved through the standard cascade: prop, then
+     * `components.container.size`, then the framework fallback.
+     *
+     * @default "lg"
+     */
+    size?: ContainerSize;
+}
+/**
+ * A centred content column with a maximum width.
+ *
+ * Container adds the three things a page needs from its outermost layout
+ * element and nothing else: a maximum width, a responsive gutter and horizontal
+ * centring. It carries no background and no vertical rhythm, so a `Section` can
+ * add those without the two fighting over the same properties.
+ *
+ * @param props - Container configuration options and element attributes.
+ * @param props.size - Maximum content width. Defaults to "lg".
+ * @param props.gutter - Reserve a horizontal gutter. Defaults to true.
+ * @param props.centered - Centre the content. Defaults to true.
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered container.
+ *
+ * @example
+ * ```tsx
+ * <Container size="sm">
+ *   <Typography role="body-md">A single reading column.</Typography>
+ * </Container>
+ * ```
+ *
+ * @see Section - Adds vertical rhythm and a background around a container.
+ * @see PageContent - The application-page equivalent.
+ */
+export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Container.d.ts.map

package/dist/components/container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/container/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAC;AAO5B,KAAK,kBAAkB,GAAG,eAAe,GACvC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,SAAS,2GA0CrB,CAAC"}

package/dist/components/container/Container.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n } from "../../utils/resolve-token.js";
+import { FALLBACK_CONTAINER_CONFIG as r } from "./container-config.js";
+import { CONTAINER_BASE_CLASS as i, CONTAINER_GUTTER_CLASS as a, CONTAINER_MAX_WIDTH_CLASS as o } from "./container-styles.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/container/Container.tsx
+var l = s(({ as: s, size: l, gutter: u, centered: d, className: f, ...p }, m) => {
+	let h = t().components?.container, g = n(l, h?.size, void 0, r.size), _ = n(u, h?.gutter, void 0, r.gutter), v = n(d, h?.centered, void 0, r.centered);
+	return /* @__PURE__ */ c(s ?? "div", {
+		ref: m,
+		className: e(i, o[g], v && "mx-auto", _ && a, f),
+		...p
+	});
+});
+l.displayName = "Container";
+//#endregion
+export { l as Container };

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

@@ -0,0 +1,61 @@
+/**
+ * Container component configuration for AsheeUI.
+ * This file defines the configuration type and defaults for the Container
+ * layout primitive, including its maximum width, gutter and centring
+ * behaviour. It registers the default configuration with the component
+ * registry and provides fallback values for the cascade resolution system.
+ */
+/**
+ * Maximum content width of a container.
+ *
+ * - `sm`: a single reading column.
+ * - `md`: a narrow application or form column.
+ * - `lg`: the default content width.
+ * - `xl`: a wide application shell.
+ * - `full`: no maximum width.
+ */
+export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Theme configuration options for the Container component.
+ *
+ * Set under `components.container` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface ContainerConfig {
+    /**
+     * Maximum content width.
+     *
+     * @default "lg"
+     */
+    size?: ContainerSize;
+    /**
+     * Whether to reserve a horizontal gutter.
+     * The gutter widens with the viewport, so content never touches the edge on
+     * a phone and never stretches to the full screen on a desktop.
+     *
+     * @default true
+     */
+    gutter?: boolean;
+    /**
+     * Whether to centre the content horizontally.
+     * Leave this on unless the container is nested in another centring
+     * element that already does it.
+     *
+     * @default true
+     */
+    centered?: boolean;
+}
+/**
+ * Default config values registered for the Container component.
+ */
+export declare const defaultContainerConfig: ContainerConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        container: ContainerConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_CONTAINER_CONFIG: Required<ContainerConfig>;
+//# sourceMappingURL=container-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-config.d.ts","sourceRoot":"","sources":["../../../src/components/container/container-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAIpC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,SAAS,EAAE,eAAe,CAAC;KAC5B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,eAAe,CAI/D,CAAC"}

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

@@ -0,0 +1,16 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/container/container-config.ts
+var t = {
+	size: "lg",
+	gutter: !0,
+	centered: !0
+};
+e("container", t);
+var n = {
+	size: "lg",
+	gutter: !0,
+	centered: !0
+};
+//#endregion
+export { n as FALLBACK_CONTAINER_CONFIG, t as defaultContainerConfig };

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

@@ -0,0 +1,18 @@
+import { ContainerSize } from './container-config';
+/**
+ * Maximum width class for each container size.
+ * The classes are complete literals so Tailwind can see them.
+ */
+export declare const CONTAINER_MAX_WIDTH_CLASS: Record<ContainerSize, string>;
+/**
+ * Shared base classes for every container.
+ * The container is a block element that never exceeds its parent.
+ */
+export declare const CONTAINER_BASE_CLASS = "w-full";
+/**
+ * Horizontal gutter applied when the gutter is enabled.
+ * The scale token is the layout gutter of the framework, so a container and a
+ * section align on the same edge.
+ */
+export declare const CONTAINER_GUTTER_CLASS: string;
+//# sourceMappingURL=container-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container-styles.d.ts","sourceRoot":"","sources":["../../../src/components/container/container-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAA2B,CAAC"}

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

@@ -0,0 +1,12 @@
+"use client";
+import { SPACE_PADDING_X_CLASS as e } from "../../shared/spacing.js";
+//#region src/components/container/container-styles.ts
+var t = {
+	sm: "max-w-2xl",
+	md: "max-w-4xl",
+	lg: "max-w-6xl",
+	xl: "max-w-7xl",
+	full: "max-w-none"
+}, n = "w-full", r = e.lg;
+//#endregion
+export { n as CONTAINER_BASE_CLASS, r as CONTAINER_GUTTER_CLASS, t as CONTAINER_MAX_WIDTH_CLASS };

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

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

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

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

package/dist/components/container/index.js

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

package/dist/components/cta/CTA.d.ts

@@ -0,0 +1,81 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ActionConfig } from '../../shared';
+import { CtaConfig } from './cta-config';
+type BaseCtaProps = CtaConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
+/**
+ * Props for the CTA component.
+ */
+export interface CtaProps extends BaseCtaProps {
+    /**
+     * Short label above the title.
+     */
+    eyebrow?: ReactNode;
+    /**
+     * The headline of the band.
+     */
+    title: ReactNode;
+    /**
+     * Supporting sentence under the headline.
+     */
+    description?: ReactNode;
+    /**
+     * The emphasised action of the band.
+     */
+    primaryAction?: ActionConfig;
+    /**
+     * The supporting action of the band.
+     */
+    secondaryAction?: ActionConfig;
+    /**
+     * Element to render the band as.
+     * Defaults to `section`.
+     *
+     * @default "section"
+     */
+    as?: ElementType;
+    /**
+     * Content below the actions, for example a small print line.
+     */
+    children?: ReactNode;
+}
+/**
+ * A closing call to action.
+ *
+ * CTA is the band a page ends on: one statement, one or two actions, and
+ * optionally a panel that lifts it off the page. It deliberately does not own a
+ * form: a consumer that wants an email field in the band places its own controls
+ * through `children`, so the framework never couples a layout pattern to an
+ * application's subscription flow.
+ *
+ * @param props - CTA configuration options and element attributes.
+ * @param props.title - The headline of the band.
+ * @param props.eyebrow - Short label above the headline.
+ * @param props.description - Supporting sentence under the headline.
+ * @param props.primaryAction - The emphasised action.
+ * @param props.secondaryAction - The supporting action.
+ * @param props.align - Content alignment. Defaults to "center".
+ * @param props.spacing - Vertical padding. Defaults to "lg".
+ * @param props.background - Background treatment. Defaults to "none".
+ * @param props.panel - Panel treatment. Defaults to "bordered".
+ * @param props.containerSize - Maximum content width. Defaults to "lg".
+ * @param props.contained - Respect the framework's width and gutter.
+ * Defaults to true.
+ * @param props.as - Element to render. Defaults to "section".
+ * @returns The rendered band.
+ *
+ * @example
+ * ```tsx
+ * <CTA
+ *   eyebrow="Ready when you are"
+ *   title="Send your first campaign today"
+ *   description="No card required, and no setup call."
+ *   primaryAction={{ label: "Create an account", href: "/signup" }}
+ *   secondaryAction={{ label: "Talk to sales", href: "/contact", variant: "ghost" }}
+ * />
+ * ```
+ *
+ * @see Hero - The leading band of the same page.
+ */
+export declare const CTA: import('react').ForwardRefExoticComponent<CtaProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=CTA.d.ts.map

package/dist/components/cta/CTA.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../src/components/cta/CTA.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,cAAc,CAAC;AAOnE,KAAK,YAAY,GAAG,SAAS,GAC3B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,GAAG,kGAsEf,CAAC"}

package/dist/components/cta/CTA.js

@@ -0,0 +1,60 @@
+"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 { SectionHeading as r } from "../section-kit/SectionHeading.js";
+import { Container as i } from "../container/Container.js";
+import { Section as a } from "../section/Section.js";
+import { ActionGroup as o } from "../section-kit/ActionGroup.js";
+import { FALLBACK_CTA_CONFIG as s } from "./cta-config.js";
+import { CTA_INNER_CLASS as c, CTA_PANEL_CLASS as l } from "./cta-styles.js";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/cta/CTA.tsx
+var p = u(({ eyebrow: u, title: p, description: m, primaryAction: h, secondaryAction: g, align: _, spacing: v, background: y, panel: b, containerSize: x, contained: S, as: C, className: w, children: T, ...E }, D) => {
+	let O = t(), k = n({
+		align: _,
+		spacing: v,
+		background: y,
+		panel: b,
+		containerSize: x,
+		contained: S
+	}, O.components?.cta, s), A = /* @__PURE__ */ d("div", {
+		className: l[k.panel],
+		children: /* @__PURE__ */ f("div", {
+			className: e(c, k.align === "center" && "items-center text-center"),
+			children: [
+				/* @__PURE__ */ d(r, {
+					eyebrow: u,
+					title: p,
+					description: m,
+					align: k.align,
+					size: "lg"
+				}),
+				/* @__PURE__ */ d(o, {
+					primaryAction: h,
+					secondaryAction: g,
+					align: k.align
+				}),
+				T
+			]
+		})
+	});
+	return /* @__PURE__ */ d(a, {
+		ref: D,
+		as: C,
+		spacing: k.spacing,
+		background: k.background,
+		contained: !1,
+		className: w,
+		...E,
+		children: k.contained ? /* @__PURE__ */ d(i, {
+			size: k.containerSize,
+			children: A
+		}) : A
+	});
+});
+p.displayName = "CTA";
+//#endregion
+export { p as CTA };

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

@@ -0,0 +1,69 @@
+import { Space } from '../../shared';
+import { ContainerSize } from '../container/container-config';
+import { SectionBackground } from '../section/section-config';
+/**
+ * Visual treatment of the call to action panel.
+ *
+ * - `bordered`: a bordered surface on the page background.
+ * - `muted`: a subdued surface without a border.
+ * - `plain`: no panel, so the actions sit directly on the band.
+ */
+export type CtaPanel = "bordered" | "muted" | "plain";
+/**
+ * Theme configuration options for the CTA component.
+ *
+ * Set under `components.cta` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface CtaConfig {
+    /**
+     * Alignment of the panel content.
+     *
+     * @default "center"
+     */
+    align?: "start" | "center";
+    /**
+     * Vertical padding of the band.
+     *
+     * @default "lg"
+     */
+    spacing?: Space;
+    /**
+     * Background treatment of the band.
+     *
+     * @default "none"
+     */
+    background?: SectionBackground;
+    /**
+     * Panel treatment.
+     *
+     * @default "bordered"
+     */
+    panel?: CtaPanel;
+    /**
+     * Maximum content width of the band.
+     *
+     * @default "lg"
+     */
+    containerSize?: ContainerSize;
+    /**
+     * Whether the band wraps its content in a {@link Container}.
+     *
+     * @default true
+     */
+    contained?: boolean;
+}
+/**
+ * Default config values registered for the CTA component.
+ */
+export declare const defaultCtaConfig: CtaConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        cta: CtaConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_CTA_CONFIG: Required<CtaConfig>;
+//# sourceMappingURL=cta-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-config.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-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;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAO9B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,GAAG,EAAE,SAAS,CAAC;KAChB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,SAAS,CAOnD,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/cta/cta-config.ts
+var t = {
+	align: "center",
+	spacing: "lg",
+	background: "none",
+	panel: "bordered",
+	containerSize: "lg",
+	contained: !0
+};
+e("cta", t);
+var n = {
+	align: "center",
+	spacing: "lg",
+	background: "none",
+	panel: "bordered",
+	containerSize: "lg",
+	contained: !0
+};
+//#endregion
+export { n as FALLBACK_CTA_CONFIG, t as defaultCtaConfig };

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

@@ -0,0 +1,8 @@
+import { CtaPanel } from './cta-config';
+/** Panel treatment classes. */
+export declare const CTA_PANEL_CLASS: Record<CtaPanel, string>;
+/** Inner arrangement of the panel. */
+export declare const CTA_INNER_CLASS = "flex flex-col gap-6";
+/** Centred variant of the inner arrangement. */
+export declare const CTA_CENTERED_CLASS = "items-center text-center";
+//# sourceMappingURL=cta-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cta-styles.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,+BAA+B;AAC/B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/cta/cta-styles.ts
+var e = {
+	bordered: "rounded-md border border-border bg-background p-8 md:p-12",
+	muted: "rounded-md bg-secondary/50 p-8 md:p-12",
+	plain: ""
+}, t = "flex flex-col gap-6", n = "items-center text-center";
+//#endregion
+export { n as CTA_CENTERED_CLASS, t as CTA_INNER_CLASS, e as CTA_PANEL_CLASS };

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

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

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

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

package/dist/components/cta/index.js

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