asheeui 1.1.1 → 2.2.1

package/dist/components/form/Form.js

@@ -1,42 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveCascade as n, resolveRadiusKey as r } from "../../utils/resolve-token.js";
-import { Button as i } from "../button/Button.js";
-import { FALLBACK_FORM_CONFIG as a } from "./form-config.js";
-import { FORM_BASE_CLASS as o, FORM_FIELD_GROUP_CLASS as s, FORM_LEGEND_CLASS as c } from "./form-styles.js";
-import { forwardRef as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/form/Form.tsx
-var p = l(({ children: l, legend: p, submitLabel: m, isPending: h = !1, component: g, componentProps: _, submitVariant: v, submitColor: y, submitSize: b, submitRadius: x, className: S, ...C }, w) => {
-	let T = t(), E = T.components?.form, D = n(v, E?.submitVariant, T.defaultVariant, a.submitVariant), O = n(y, E?.submitColor, T.defaultColor, a.submitColor), k = n(b, E?.submitSize, void 0, a.submitSize), A = r(x, E?.submitRadius, T.defaultRadius, a.submitRadius), j = /* @__PURE__ */ f(u, { children: [l, m && /* @__PURE__ */ d("div", {
-		className: "flex items-center gap-2 mt-4",
-		children: /* @__PURE__ */ d(i, {
-			type: "submit",
-			variant: D,
-			color: O,
-			size: k,
-			radius: A,
-			isLoading: h,
-			isDisabled: h,
-			children: m
-		})
-	})] });
-	return /* @__PURE__ */ d(g || "form", {
-		ref: w,
-		className: e(o, S),
-		...C,
-		..._,
-		children: p ? /* @__PURE__ */ f("fieldset", {
-			className: s,
-			children: [/* @__PURE__ */ d("legend", {
-				className: c,
-				children: p
-			}), j]
-		}) : j
-	});
-});
-p.displayName = "Form";
-//#endregion
-export { p as Form };

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

@@ -1,57 +0,0 @@
-import { Color, Radius, Size, Variant } from '../../shared';
-/**
- * Theme configuration options for the Form component.
- *
- * Set under `components.form` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- *
- * The form element itself carries no visual treatment: it is a grouping and
- * submission element, and the fields inside it style themselves. These options
- * describe the submit control the component renders when a label is given for
- * it.
- */
-export interface FormConfig {
-    /**
-     * Visual style variant of the submit control.
-     *
-     * @default "solid"
-     */
-    submitVariant?: Variant;
-    /**
-     * Theme accent colour of the submit control.
-     *
-     * @default "primary"
-     */
-    submitColor?: Color;
-    /**
-     * Size of the submit control.
-     *
-     * @default "md"
-     */
-    submitSize?: Size;
-    /**
-     * Corner rounding of the submit control.
-     *
-     * @default "md"
-     */
-    submitRadius?: Radius;
-}
-/**
- * Default config values registered for the Form component.
- *
- * The visual tokens are intentionally absent so they inherit from the global
- * defaults and the built-in fallback.
- */
-export declare const defaultFormConfig: FormConfig;
-/**
- * Hard fallback values used when no config tier provides a value.
- * These values are used when instance props, component config,
- * and global defaults are all undefined.
- */
-export declare const FALLBACK_FORM_CONFIG: Required<FormConfig>;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        form: FormConfig;
-    }
-}
-//# sourceMappingURL=form-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-config.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAE/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAK5C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF"}

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

@@ -1,12 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/form/form-config.ts
-var t = { submitRadius: "md" }, n = {
-	submitVariant: "solid",
-	submitColor: "primary",
-	submitSize: "md",
-	submitRadius: "md"
-};
-e("form", t);
-//#endregion
-export { n as FALLBACK_FORM_CONFIG, t as defaultFormConfig };

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

@@ -1,27 +0,0 @@
-/**
- * Form component styles for AsheeUI.
- * This file provides the static classes the Form component is built from.
- *
- * The list is deliberately short: a form groups and submits, and page layout
- * belongs to the consumer's Tailwind classes. Nothing here styles
- * a field, because fields are the framework's field components.
- */
-/**
- * Base classes for the form element.
- */
-export declare const FORM_BASE_CLASS = "w-full";
-/**
- * Classes for the group that wraps the fields when the consumer names them.
- * The browser's default fieldset frame is removed, because the grouping is
- * semantic rather than visual.
- */
-export declare const FORM_FIELD_GROUP_CLASS = "border-0 p-0 m-0 min-w-0";
-/**
- * Classes for the legend of that group.
- */
-export declare const FORM_LEGEND_CLASS = "p-0 mb-2 text-sm font-medium text-foreground";
-/**
- * Classes for the row that holds the submit control.
- */
-export declare const FORM_SUBMIT_ROW_CLASS = "flex items-center gap-2 mt-4";
-//# sourceMappingURL=form-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-styles.d.ts","sourceRoot":"","sources":["../../../src/components/form/form-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,eAAO,MAAM,eAAe,WAAW,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,6BAA6B,CAAC;AAEjE;;GAEG;AACH,eAAO,MAAM,iBAAiB,iDAAiD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,qBAAqB,iCAAiC,CAAC"}

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

@@ -1,5 +0,0 @@
-"use client";
-//#region src/components/form/form-styles.ts
-var e = "w-full", t = "border-0 p-0 m-0 min-w-0", n = "p-0 mb-2 text-sm font-medium text-foreground", r = "flex items-center gap-2 mt-4";
-//#endregion
-export { e as FORM_BASE_CLASS, t as FORM_FIELD_GROUP_CLASS, n as FORM_LEGEND_CLASS, r as FORM_SUBMIT_ROW_CLASS };

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

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

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

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

package/dist/components/form/index.js

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

package/dist/components/grid/Grid.d.ts

@@ -1,71 +0,0 @@
-import { ElementType, HTMLAttributes } from 'react';
-import { Space } from '../../shared';
-import { GridColumns, GridConfig } from './grid-config';
-type BaseGridProps = GridConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
-/**
- * Props for the Grid component.
- */
-export interface GridProps extends BaseGridProps {
-    /**
-     * Element to render.
-     * Defaults to a `div`. A grid whose cells are list items should render `ul`
-     * and receive `li` children.
-     *
-     * @default "div"
-     */
-    as?: ElementType;
-    /**
-     * Column count from the smallest viewport upwards.
-     * Resolved through the standard cascade: prop, then
-     * `components.grid.columns`, then the framework fallback of a single column.
-     *
-     * @default 1
-     */
-    columns?: GridColumns;
-    /**
-     * Column count from the `md` breakpoint upwards.
-     */
-    columnsMd?: GridColumns;
-    /**
-     * Column count from the `lg` breakpoint upwards.
-     */
-    columnsLg?: GridColumns;
-    /**
-     * Space between cells, from the shared spacing scale.
-     *
-     * @default "md"
-     */
-    gap?: Space;
-}
-/**
- * A responsive column grid.
- *
- * Grid states its column count per breakpoint rather than as a single number, so
- * a deck of cards is one column on a phone, two on a tablet and three on a
- * desktop without writing media queries by hand. A column count left undefined
- * inherits the value of the next smaller breakpoint through the cascade, so a
- * grid that never changes shape only has to state `columns`.
- *
- * @param props - Grid configuration options and element attributes.
- * @param props.columns - Columns from the smallest viewport. Defaults to 1.
- * @param props.columnsMd - Columns from `md` upwards.
- * @param props.columnsLg - Columns from `lg` upwards.
- * @param props.gap - Space between cells. Defaults to "md".
- * @param props.align - Cross-axis alignment. Defaults to "stretch".
- * @param props.as - Element to render. Defaults to "div".
- * @returns The rendered grid.
- *
- * @example
- * ```tsx
- * <Grid columns={1} columnsMd={2} columnsLg={3} gap="lg">
- *   <Card title="Inbox" description="12 unread" />
- *   <Card title="Sent" description="348 this month" />
- *   <Card title="Drafts" description="3 unfinished" />
- * </Grid>
- * ```
- *
- * @see Stack - The one-axis equivalent.
- */
-export declare const Grid: import('react').ForwardRefExoticComponent<GridProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Grid.d.ts.map

package/dist/components/grid/Grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AASvB,KAAK,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,IAAI,sGA+DhB,CAAC"}

package/dist/components/grid/Grid.js

@@ -1,23 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { SPACE_GAP_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 { FALLBACK_GRID_CONFIG as i } from "./grid-config.js";
-import { GRID_ALIGN_CLASS as a, GRID_BASE_CLASS as o, GRID_COLUMNS_CLASS as s, GRID_COLUMNS_LG_CLASS as c, GRID_COLUMNS_MD_CLASS as l } from "./grid-styles.js";
-import { forwardRef as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region src/components/grid/Grid.tsx
-var f = u(({ as: u, columns: f, columnsMd: p, columnsLg: m, gap: h, align: g, className: _, children: v, ...y }, b) => {
-	let x = n().components?.grid, S = r(f, x?.columns, void 0, i.columns), C = p ?? x?.columnsMd, w = m ?? x?.columnsLg, T = r(h, x?.gap, void 0, i.gap), E = r(g, x?.align, void 0, i.align);
-	return /* @__PURE__ */ d(u ?? "div", {
-		ref: b,
-		className: e(o, s[S], C !== void 0 && l[C], w !== void 0 && c[w], a[E], t[T], _),
-		...y,
-		children: v
-	});
-});
-f.displayName = "Grid";
-//#endregion
-export { f as Grid };

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

@@ -1,63 +0,0 @@
-import { Space } from '../../shared';
-/**
- * Column counts a grid can declare.
- * Only the counts the framework's own layouts use are offered, so the class
- * map stays small and every entry is a complete literal.
- */
-export type GridColumns = 1 | 2 | 3 | 4 | 6 | 12;
-/**
- * Cross-axis alignment of the grid's items.
- * `stretch` makes every cell fill the row height, which is what a row of cards
- * wants.
- */
-export type GridAlign = "start" | "center" | "end" | "stretch";
-/**
- * Theme configuration options for the Grid component.
- *
- * Set under `components.grid` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface GridConfig {
-    /**
-     * Column count from the smallest viewport upwards.
-     *
-     * @default 1
-     */
-    columns?: GridColumns;
-    /**
-     * Column count from the `md` breakpoint upwards.
-     */
-    columnsMd?: GridColumns;
-    /**
-     * Column count from the `lg` breakpoint upwards.
-     */
-    columnsLg?: GridColumns;
-    /**
-     * Space between cells.
-     *
-     * @default "md"
-     */
-    gap?: Space;
-    /**
-     * Cross-axis alignment of the cells.
-     *
-     * @default "stretch"
-     */
-    align?: GridAlign;
-}
-/**
- * Default config values registered for the Grid component.
- */
-export declare const defaultGridConfig: GridConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        grid: GridConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- * `columnsMd` and `columnsLg` have no fallback on purpose: an unstated
- * breakpoint inherits the value below it rather than forcing a column count.
- */
-export declare const FALLBACK_GRID_CONFIG: Required<Pick<GridConfig, "columns" | "gap" | "align">>;
-//# sourceMappingURL=grid-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid-config.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAEjD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAI/B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF;AAID;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CACzC,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC,CAK9C,CAAC"}

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

@@ -1,16 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/grid/grid-config.ts
-var t = {
-	columns: 1,
-	gap: "md",
-	align: "stretch"
-};
-e("grid", t);
-var n = {
-	columns: 1,
-	gap: "md",
-	align: "stretch"
-};
-//#endregion
-export { n as FALLBACK_GRID_CONFIG, t as defaultGridConfig };

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

@@ -1,12 +0,0 @@
-import { GridAlign, GridColumns } from './grid-config';
-/** Column classes from the smallest viewport upwards. */
-export declare const GRID_COLUMNS_CLASS: Record<GridColumns, string>;
-/** Column classes from the `md` breakpoint upwards. */
-export declare const GRID_COLUMNS_MD_CLASS: Record<GridColumns, string>;
-/** Column classes from the `lg` breakpoint upwards. */
-export declare const GRID_COLUMNS_LG_CLASS: Record<GridColumns, string>;
-/** Cross-axis alignment classes. */
-export declare const GRID_ALIGN_CLASS: Record<GridAlign, string>;
-/** Shared base classes for every grid. */
-export declare const GRID_BASE_CLASS = "grid w-full min-w-0";
-//# sourceMappingURL=grid-styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid-styles.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5D,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAO1D,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAO7D,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAO7D,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKtD,CAAC;AAEF,0CAA0C;AAC1C,eAAO,MAAM,eAAe,wBAAwB,CAAC"}

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

@@ -1,31 +0,0 @@
-"use client";
-//#region src/components/grid/grid-styles.ts
-var e = {
-	1: "grid-cols-1",
-	2: "grid-cols-2",
-	3: "grid-cols-3",
-	4: "grid-cols-4",
-	6: "grid-cols-6",
-	12: "grid-cols-12"
-}, t = {
-	1: "md:grid-cols-1",
-	2: "md:grid-cols-2",
-	3: "md:grid-cols-3",
-	4: "md:grid-cols-4",
-	6: "md:grid-cols-6",
-	12: "md:grid-cols-12"
-}, n = {
-	1: "lg:grid-cols-1",
-	2: "lg:grid-cols-2",
-	3: "lg:grid-cols-3",
-	4: "lg:grid-cols-4",
-	6: "lg:grid-cols-6",
-	12: "lg:grid-cols-12"
-}, r = {
-	start: "items-start",
-	center: "items-center",
-	end: "items-end",
-	stretch: "items-stretch"
-}, i = "grid w-full min-w-0";
-//#endregion
-export { r as GRID_ALIGN_CLASS, i as GRID_BASE_CLASS, e as GRID_COLUMNS_CLASS, n as GRID_COLUMNS_LG_CLASS, t as GRID_COLUMNS_MD_CLASS };

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

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

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

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

package/dist/components/grid/index.js

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

package/dist/components/hero/Hero.d.ts

@@ -1,90 +0,0 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { ActionConfig } from '../../shared';
-import { HeroConfig } from './hero-config';
-type BaseHeroProps = HeroConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
-/**
- * Props for the Hero component.
- */
-export interface HeroProps extends BaseHeroProps {
-    /**
-     * Short label above the title, for example the product category.
-     */
-    eyebrow?: ReactNode;
-    /**
-     * The headline.
-     */
-    title: ReactNode;
-    /**
-     * Supporting sentence under the headline.
-     */
-    description?: ReactNode;
-    /**
-     * The emphasised action of the hero.
-     */
-    primaryAction?: ActionConfig;
-    /**
-     * The supporting action of the hero.
-     */
-    secondaryAction?: ActionConfig;
-    /**
-     * Content placed beside the text column from the `lg` breakpoint upwards,
-     * typically an illustration or a product screenshot.
-     */
-    media?: ReactNode;
-    /**
-     * Element to render the hero band as.
-     * Defaults to `section`.
-     *
-     * @default "section"
-     */
-    as?: ElementType;
-    /**
-     * Content below the actions, for example a row of customer logos.
-     */
-    children?: ReactNode;
-}
-/**
- * The leading statement of a page.
- *
- * Hero places an eyebrow, a headline, a description and up to two configured
- * actions, with media beside them when the consumer provides any. It stays a
- * single component rather than a set of headline, subtitle and action
- * components, because the arrangement between them is the point.
- *
- * The hero is a `section` landmark and is named by its own heading, so a reader
- * navigating by region hears the headline rather than an unnamed region.
- *
- * @param props - Hero configuration options and element attributes.
- * @param props.title - The headline.
- * @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.media - Content beside the text column.
- * @param props.align - Text alignment. Defaults to "start".
- * @param props.spacing - Vertical padding. Defaults to "xl".
- * @param props.background - Background treatment. Defaults to "none".
- * @param props.mediaPosition - Side the media occupies. Defaults to "end".
- * @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 hero.
- *
- * @example
- * ```tsx
- * <Hero
- *   eyebrow="Everything in one place"
- *   title="Run your campaigns from a single workspace"
- *   description="Messages, templates and results, without switching tools."
- *   primaryAction={{ label: "Start free", href: "/signup" }}
- *   media={<Image src="/dashboard.png" alt="The campaign dashboard" />}
- * />
- * ```
- *
- * @see Section - The band a hero is built on.
- * @see CTA - The closing band of the same page.
- */
-export declare const Hero: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=Hero.d.ts.map

package/dist/components/hero/Hero.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../src/components/hero/Hero.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;AAOjD,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAUtE,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;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;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,IAAI,mGAuFhB,CAAC"}

package/dist/components/hero/Hero.js

@@ -1,63 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
-import { 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_HERO_CONFIG as s } from "./hero-config.js";
-import { HERO_LAYOUT_CLASS as c, HERO_MEDIA_CLASS as l, HERO_TEXT_COLUMN_CLASS as u } from "./hero-styles.js";
-import { forwardRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/hero/Hero.tsx
-var m = d(({ eyebrow: d, title: m, description: h, primaryAction: g, secondaryAction: _, media: v, align: y, spacing: b, background: x, mediaPosition: S, containerSize: C, contained: w, as: T, className: E, children: D, ...O }, k) => {
-	let A = t(), j = n({
-		align: y,
-		spacing: b,
-		background: x,
-		mediaPosition: S,
-		containerSize: C,
-		contained: w
-	}, A.components?.hero, s), M = j.align === "center", N = /* @__PURE__ */ p("div", {
-		className: e(u, M && "items-center text-center", !v && "max-w-2xl"),
-		children: [
-			/* @__PURE__ */ f(r, {
-				eyebrow: d,
-				title: m,
-				description: h,
-				align: j.align,
-				size: "xl"
-			}),
-			/* @__PURE__ */ f(o, {
-				primaryAction: g,
-				secondaryAction: _,
-				align: j.align
-			}),
-			D
-		]
-	}), P = v ? /* @__PURE__ */ p("div", {
-		className: c,
-		children: [N, /* @__PURE__ */ f("div", {
-			className: e(l, j.mediaPosition === "start" && "lg:order-first"),
-			children: v
-		})]
-	}) : N;
-	return /* @__PURE__ */ f(a, {
-		ref: k,
-		as: T,
-		spacing: j.spacing,
-		background: j.background,
-		contained: !1,
-		className: E,
-		...O,
-		children: j.contained ? /* @__PURE__ */ f(i, {
-			size: j.containerSize,
-			children: P
-		}) : P
-	});
-});
-m.displayName = "Hero";
-//#endregion
-export { m as Hero };

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

@@ -1,71 +0,0 @@
-import { Space } from '../../shared';
-import { ContainerSize } from '../container/container-config';
-import { SectionBackground } from '../section/section-config';
-/**
- * Horizontal alignment of a hero's text column.
- */
-export type HeroAlign = "start" | "center";
-/**
- * Side the media occupies on a wide screen.
- */
-export type HeroMediaPosition = "end" | "start";
-/**
- * Theme configuration options for the Hero component.
- *
- * Set under `components.hero` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface HeroConfig {
-    /**
-     * Alignment of the text column.
-     *
-     * @default "start"
-     */
-    align?: HeroAlign;
-    /**
-     * Vertical padding of the hero band.
-     *
-     * @default "xl"
-     */
-    spacing?: Space;
-    /**
-     * Background treatment of the hero band.
-     *
-     * @default "none"
-     */
-    background?: SectionBackground;
-    /**
-     * Side the media occupies from the `lg` breakpoint upwards.
-     *
-     * @default "end"
-     */
-    mediaPosition?: HeroMediaPosition;
-    /**
-     * Maximum content width of the hero.
-     *
-     * @default "lg"
-     */
-    containerSize?: ContainerSize;
-    /**
-     * Whether the hero wraps its content in a {@link Container}.
-     * The hero is contained automatically, so the framework's width and gutter
-     * apply; a consumer turns this off to nest the hero in its own layout.
-     *
-     * @default true
-     */
-    contained?: boolean;
-}
-/**
- * Default config values registered for the Hero component.
- */
-export declare const defaultHeroConfig: HeroConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        hero: HeroConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_HERO_CONFIG: Required<HeroConfig>;
-//# sourceMappingURL=hero-config.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hero-config.d.ts","sourceRoot":"","sources":["../../../src/components/hero/hero-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;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,OAAO,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,WAAW,UAAU;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;OAIG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAO/B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,IAAI,EAAE,UAAU,CAAC;KAClB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAOrD,CAAC"}