asheeui 1.0.0 → 1.1.1

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

package/dist/components/dropmenu/Dropmenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropmenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropmenu/Dropmenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKhF;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,QAAQ,6GA8QpB,CAAC"}
+{"version":3,"file":"Dropmenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropmenu/Dropmenu.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,mBAAmB,CAAC;AAKhF;;;GAGG;AACH,KAAK,gBAAgB,GAAG,IAAI,CAC1B,UAAU,EACR,OAAO,GACP,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,IAAI,GACJ,OAAO,CACV,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE7D;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,eAAO,MAAM,QAAQ,6GAgRpB,CAAC"}

package/dist/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,77 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ActionConfig } from '../../shared';
+import { EmptyStateConfig } from './empty-state-config';
+type BaseEmptyStateProps = EmptyStateConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "title">;
+/**
+ * Props for the EmptyState component.
+ */
+export interface EmptyStateProps extends BaseEmptyStateProps {
+    /** Icon shown above the title. */
+    icon?: ReactNode;
+    /** What the region is and, where useful, why it is empty. */
+    title: ReactNode;
+    /** What the reader can do about it. */
+    description?: ReactNode;
+    /** The emphasised action, for example the one that creates the first item. */
+    primaryAction?: ActionConfig;
+    /** The supporting action, typically a link to the documentation. */
+    secondaryAction?: ActionConfig;
+    /**
+     * Live-region role of the state.
+     * Leave it unset for a state that is part of the page's initial markup. Pass
+     * `"status"` or `"alert"` for a state that replaces content after an
+     * asynchronous result, so the change is announced.
+     */
+    role?: "status" | "alert";
+    /**
+     * Element to render.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+    /** Content below the actions. */
+    children?: ReactNode;
+}
+/**
+ * A region with nothing in it.
+ *
+ * EmptyState covers the empty, the "no results" and the failed presentations of
+ * a region. Loading is deliberately not one of them: a loading region is a
+ * `Skeleton` or a `Spinner`, and pretending an in-progress region is empty would
+ * tell the reader the wrong thing.
+ *
+ * The state carries no live-region role of its own, because a state rendered
+ * with the page should not be announced as a change and a state that replaces
+ * content should be. A consumer that renders the state in response to a result
+ * passes `role="status"` or `role="alert"`.
+ *
+ * @param props - EmptyState configuration options and element attributes.
+ * @param props.title - What the region is.
+ * @param props.icon - Icon shown above the title.
+ * @param props.description - What the reader can do about it.
+ * @param props.primaryAction - The emphasised action.
+ * @param props.secondaryAction - The supporting action.
+ * @param props.type - Tone of the state. Defaults to "info".
+ * @param props.size - Density. Defaults to "md".
+ * @param props.panel - Draw the state as a panel. Defaults to false.
+ * @param props.role - Live-region role, for a state that replaces content.
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered state.
+ *
+ * @example
+ * ```tsx
+ * <EmptyState
+ *   icon={<SearchIcon />}
+ *   title="No campaigns match that filter"
+ *   description="Try a different name, or clear the filter to see everything."
+ *   primaryAction={{ label: "Clear filters", onClick: clearFilters }}
+ * />
+ * ```
+ *
+ * @see Skeleton - The loading presentation of the same region.
+ * @see Alert - An inline message that is not a whole region.
+ */
+export declare const EmptyState: import('react').ForwardRefExoticComponent<EmptyStateProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/empty-state/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAKjD,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAS9B,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,kCAAkC;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAC;IAEjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,oEAAoE;IACpE,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE1B;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,UAAU,4GAsEtB,CAAC"}

package/dist/components/empty-state/EmptyState.js

@@ -0,0 +1,46 @@
+"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 { ActionGroup as i } from "../section-kit/ActionGroup.js";
+import { FALLBACK_EMPTY_STATE_CONFIG as a } from "./empty-state-config.js";
+import { EMPTY_STATE_CLASS as o, EMPTY_STATE_ICON_CLASS as s, EMPTY_STATE_ICON_SIZE_CLASS as c, EMPTY_STATE_SIZE_CLASS as l } from "./empty-state-styles.js";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/empty-state/EmptyState.tsx
+var p = u(({ icon: u, title: p, description: m, primaryAction: h, secondaryAction: g, type: _, size: v, panel: y, role: b, as: x, className: S, children: C, ...w }, T) => {
+	let E = t(), D = n({
+		type: _,
+		size: v,
+		panel: y
+	}, E.components?.emptystate, a);
+	return /* @__PURE__ */ f(x ?? "div", {
+		ref: T,
+		role: b,
+		className: e(o, l[D.size], D.panel && "rounded-md border border-border bg-background", S),
+		...w,
+		children: [
+			u && /* @__PURE__ */ d("div", {
+				className: e(s[D.type], c[D.size]),
+				children: u
+			}),
+			/* @__PURE__ */ d(r, {
+				title: p,
+				description: m,
+				align: "center",
+				size: "md"
+			}),
+			/* @__PURE__ */ d(i, {
+				primaryAction: h,
+				secondaryAction: g,
+				align: "center"
+			}),
+			C
+		]
+	});
+});
+p.displayName = "EmptyState";
+//#endregion
+export { p as EmptyState };