asheeui 0.7.0 → 1.1.0

package/dist/components/field/FieldShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../src/components/field/FieldShell.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAuB9D;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,UAAmB,EACnB,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAkB,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAqCjB"}
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../src/components/field/FieldShell.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAuB9D;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAmB,EACnB,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAkB,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,+BAwCjB"}

package/dist/components/field/FieldShell.js

@@ -13,37 +13,38 @@ var i = {
 	warning: "text-warning",
 	success: "text-success"
 };
-function o({ id: o, label: s, labelAlign: c = "left", description: l, descriptionId: u, message: d, messageId: f, status: p = "default", required: m, isLoading: h, children: g }) {
+function o({ id: o, labelId: s, htmlFor: c, label: l, labelAlign: u = "left", description: d, descriptionId: f, message: p, messageId: m, status: h = "default", required: g, isLoading: _, children: v }) {
 	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col gap-1.5",
 		children: [
-			s && /* @__PURE__ */ n("label", {
-				htmlFor: o,
-				className: e("text-sm font-medium text-foreground", i[c]),
+			l && /* @__PURE__ */ n("label", {
+				id: s,
+				htmlFor: c === null ? void 0 : c ?? o,
+				className: e("text-sm font-medium text-foreground", i[u]),
 				children: /* @__PURE__ */ r("span", {
 					className: "inline-flex items-center gap-1.5",
 					children: [
-						s,
-						m && /* @__PURE__ */ n("span", {
+						l,
+						g && /* @__PURE__ */ n("span", {
 							"aria-hidden": "true",
 							className: "text-danger",
 							children: "*"
 						}),
-						h && /* @__PURE__ */ n(t, { size: "sm" })
+						_ && /* @__PURE__ */ n(t, { size: "sm" })
 					]
 				})
 			}),
-			l && /* @__PURE__ */ n("p", {
-				id: u,
-				className: e("text-sm text-foreground/60"),
-				children: l
-			}),
-			g,
 			d && /* @__PURE__ */ n("p", {
 				id: f,
-				role: p === "error" ? "alert" : void 0,
-				className: e("text-sm", a[p]),
+				className: e("text-sm text-foreground/60"),
 				children: d
+			}),
+			v,
+			p && /* @__PURE__ */ n("p", {
+				id: m,
+				role: h === "error" ? "alert" : void 0,
+				className: e("text-sm", a[h]),
+				children: p
 			})
 		]
 	});

package/dist/components/footer/Footer.d.ts

@@ -0,0 +1,73 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { FooterConfig } from './footer-config';
+/**
+ * One link in the footer.
+ */
+export interface FooterLinkItem {
+    /** Stable identifier for the link. Defaults to its position in the list. */
+    id?: string | number;
+    /** Visible name of the link. */
+    label: ReactNode;
+    /** Destination of the link. */
+    href?: string;
+    /** Content before the label, typically an icon or a social mark. */
+    icon?: ReactNode;
+    /** Whether the link leaves the site, which marks the anchor accordingly. */
+    isExternal?: boolean;
+    /** Component that replaces the anchor for this link only. */
+    component?: ElementType;
+    /** Additional props for that component. */
+    componentProps?: Record<string, unknown>;
+}
+/**
+ * One column of footer navigation.
+ */
+export interface FooterGroup {
+    /** Stable identifier for the group. Defaults to its position in the list. */
+    id?: string | number;
+    /** Title of the column, which also names its navigation landmark. */
+    title: string;
+    /** The links in the column. */
+    links: FooterLinkItem[];
+}
+/**
+ * Substitution applied to every link in the footer.
+ */
+export interface FooterLink {
+    /** Component that replaces the anchor, such as a framework router link. */
+    component?: ElementType;
+    /** Additional props for that component. */
+    props?: Record<string, unknown>;
+}
+type BaseFooterProps = FooterConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
+/**
+ * Props for the Footer component.
+ */
+export interface FooterProps extends BaseFooterProps {
+    /** Brand content, typically a logo and a product name. */
+    brand?: ReactNode;
+    /** Short description under the brand. */
+    description?: ReactNode;
+    /** The navigation groups. */
+    groups?: FooterGroup[];
+    /** Social links, rendered as a row of icon links under the groups. */
+    social?: FooterLinkItem[];
+    /** Legal links, rendered beside the copyright line. */
+    legal?: FooterLinkItem[];
+    /** The copyright line. */
+    copyright?: ReactNode;
+    /** Action area in the brand column, typically a newsletter signup. */
+    newsletter?: ReactNode;
+    /** Substitution applied to every link the footer renders. */
+    link?: FooterLink;
+    /**
+     * Element to render the footer as.
+     * Defaults to `footer`, which is the contentinfo landmark.
+     *
+     * @default "footer"
+     */
+    as?: ElementType;
+}
+export declare const Footer: import('react').ForwardRefExoticComponent<FooterProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/Footer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAc5E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4EAA4E;IAC5E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IAEjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,yCAAyC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,sEAAsE;IACtE,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAE1B,uDAAuD;IACvD,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IAEzB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,sEAAsE;IACtE,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AA6ED,eAAO,MAAM,MAAM,qGAiIlB,CAAC"}

package/dist/components/footer/Footer.js

@@ -0,0 +1,112 @@
+"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 { resolveConfigCascade as r } from "../../utils/resolve-token.js";
+import { Typography as i } from "../typography/Typography.js";
+import { Link as a } from "../link/Link.js";
+import { Container as o } from "../container/Container.js";
+import { FALLBACK_FOOTER_CONFIG as s } from "./footer-config.js";
+import { FOOTER_LINK_CLASS as c, FOOTER_VARIANT_CLASS as l } from "./footer-styles.js";
+import { forwardRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/footer/Footer.tsx
+function m({ links: e, link: t, className: n }) {
+	return /* @__PURE__ */ f("ul", {
+		className: n,
+		children: e.map((e, n) => /* @__PURE__ */ f("li", { children: /* @__PURE__ */ f(a, {
+			href: e.href,
+			startIcon: e.icon,
+			isExternal: e.isExternal,
+			component: e.component ?? t?.component,
+			componentProps: {
+				...t?.props,
+				...e.componentProps
+			},
+			className: c,
+			children: e.label
+		}) }, e.id ?? n))
+	});
+}
+var h = u(({ brand: a, description: c, groups: u, social: h, legal: g, copyright: _, newsletter: v, link: y, variant: b, spacing: x, contained: S, containerSize: C, as: w, className: T, children: E, ...D }, O) => {
+	let k = n(), A = r({
+		variant: b,
+		spacing: x,
+		contained: S,
+		containerSize: C
+	}, k.components?.footer, s), j = w ?? "footer", M = !!(a || c || v), N = !!(_ || g || h), P = /* @__PURE__ */ p(d, { children: [
+		(M || u && u.length > 0) && /* @__PURE__ */ p("div", {
+			className: "flex flex-col gap-10 lg:flex-row lg:items-start lg:justify-between",
+			children: [M && /* @__PURE__ */ p("div", {
+				className: "flex max-w-sm flex-col gap-3",
+				children: [
+					a && /* @__PURE__ */ f(i, {
+						as: "span",
+						role: "heading-sm",
+						children: a
+					}),
+					c && /* @__PURE__ */ f(i, {
+						role: "body-sm",
+						tone: "muted",
+						children: c
+					}),
+					v
+				]
+			}), u && u.length > 0 && /* @__PURE__ */ f("div", {
+				className: "flex flex-wrap gap-10",
+				children: u.map((e, t) => /* @__PURE__ */ p("nav", {
+					"aria-label": e.title,
+					className: "flex min-w-32 flex-col gap-3",
+					children: [/* @__PURE__ */ f(i, {
+						as: "h2",
+						role: "label",
+						children: e.title
+					}), /* @__PURE__ */ f(m, {
+						links: e.links,
+						link: y,
+						className: "flex flex-col gap-2"
+					})]
+				}, e.id ?? t))
+			})]
+		}),
+		N && /* @__PURE__ */ p("div", {
+			className: "mt-10 flex flex-col gap-4 border-t border-border pt-6 sm:flex-row sm:items-center sm:justify-between",
+			children: [_ && /* @__PURE__ */ f(i, {
+				role: "caption",
+				tone: "muted",
+				children: _
+			}), /* @__PURE__ */ p("div", {
+				className: "flex flex-wrap items-center gap-4",
+				children: [g && g.length > 0 && /* @__PURE__ */ f("nav", {
+					"aria-label": "Legal",
+					children: /* @__PURE__ */ f(m, {
+						links: g,
+						link: y,
+						className: "flex flex-wrap items-center gap-4"
+					})
+				}), h && h.length > 0 && /* @__PURE__ */ f("nav", {
+					"aria-label": "Social",
+					children: /* @__PURE__ */ f(m, {
+						links: h,
+						link: y,
+						className: "flex items-center gap-3"
+					})
+				})]
+			})]
+		}),
+		E
+	] });
+	return /* @__PURE__ */ f(j, {
+		ref: O,
+		className: e(l[A.variant], t[A.spacing], T),
+		...D,
+		children: A.contained ? /* @__PURE__ */ f(o, {
+			size: A.containerSize,
+			children: P
+		}) : P
+	});
+});
+h.displayName = "Footer";
+//#endregion
+export { h as Footer };

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

@@ -0,0 +1,40 @@
+import { Space } from '../../shared';
+import { ContainerSize } from '../container/container-config';
+/**
+ * Surface treatment of the footer.
+ *
+ * - `solid`: the page background, so the footer reads as part of the page.
+ * - `muted`: a subdued band.
+ * - `bordered`: the page background with a separator above it.
+ */
+export type FooterVariant = "solid" | "muted" | "bordered";
+/**
+ * Theme configuration options for the Footer component.
+ *
+ * Set under `components.footer` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface FooterConfig {
+    /** Surface treatment. @default "bordered" */
+    variant?: FooterVariant;
+    /** Vertical padding of the footer. @default "lg" */
+    spacing?: Space;
+    /** Whether the footer wraps its content in a `Container`. @default true */
+    contained?: boolean;
+    /** Maximum content width of the footer. @default "lg" */
+    containerSize?: ContainerSize;
+}
+/**
+ * Default config values registered for the Footer component.
+ */
+export declare const defaultFooterConfig: FooterConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        footer: FooterConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_FOOTER_CONFIG: Required<FooterConfig>;
+//# sourceMappingURL=footer-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-config.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer-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,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB,oDAAoD;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,yDAAyD;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAKjC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAKzD,CAAC"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/footer/footer-config.ts
+var t = {
+	variant: "bordered",
+	spacing: "lg",
+	contained: !0,
+	containerSize: "lg"
+};
+e("footer", t);
+var n = {
+	variant: "bordered",
+	spacing: "lg",
+	contained: !0,
+	containerSize: "lg"
+};
+//#endregion
+export { n as FALLBACK_FOOTER_CONFIG, t as defaultFooterConfig };

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

@@ -0,0 +1,22 @@
+import { FooterVariant } from './footer-config';
+/** Surface treatment classes. */
+export declare const FOOTER_VARIANT_CLASS: Record<FooterVariant, string>;
+/** The upper region: the brand column beside the navigation groups. */
+export declare const FOOTER_TOP_CLASS = "flex flex-col gap-10 lg:flex-row lg:items-start lg:justify-between";
+/** The brand column. */
+export declare const FOOTER_BRAND_COLUMN_CLASS = "flex max-w-sm flex-col gap-3";
+/** The navigation groups. */
+export declare const FOOTER_GROUPS_CLASS = "flex flex-wrap gap-10";
+/** One navigation group. */
+export declare const FOOTER_GROUP_CLASS = "flex min-w-32 flex-col gap-3";
+/** A list inside the footer. */
+export declare const FOOTER_LIST_CLASS = "flex flex-col gap-2";
+/** One link inside the footer. */
+export declare const FOOTER_LINK_CLASS = "text-sm text-foreground/70 transition-colors hover:text-foreground";
+/** The lower region: copyright, legal links and social links. */
+export declare const FOOTER_BOTTOM_CLASS = "mt-10 flex flex-col gap-4 border-t border-border pt-6 sm:flex-row sm:items-center sm:justify-between";
+/** The legal and social link rows. */
+export declare const FOOTER_BOTTOM_LINKS_CLASS = "flex flex-wrap items-center gap-4";
+/** The row of icon links. */
+export declare const FOOTER_SOCIAL_ROW_CLASS = "flex items-center gap-3";
+//# sourceMappingURL=footer-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-styles.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,iCAAiC;AACjC,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI9D,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,gBAAgB,uEACyC,CAAC;AAEvE,wBAAwB;AACxB,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAExE,6BAA6B;AAC7B,eAAO,MAAM,mBAAmB,0BAA0B,CAAC;AAE3D,4BAA4B;AAC5B,eAAO,MAAM,kBAAkB,iCAAiC,CAAC;AAEjE,gCAAgC;AAChC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD,kCAAkC;AAClC,eAAO,MAAM,iBAAiB,uEACwC,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,mBAAmB,yGACwE,CAAC;AAEzG,sCAAsC;AACtC,eAAO,MAAM,yBAAyB,sCAAsC,CAAC;AAE7E,6BAA6B;AAC7B,eAAO,MAAM,uBAAuB,4BAA4B,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/footer/footer-styles.ts
+var e = {
+	solid: "bg-background",
+	muted: "bg-secondary/50",
+	bordered: "bg-background border-t border-border"
+}, t = "flex flex-col gap-10 lg:flex-row lg:items-start lg:justify-between", n = "flex max-w-sm flex-col gap-3", r = "flex flex-wrap gap-10", i = "flex min-w-32 flex-col gap-3", a = "flex flex-col gap-2", o = "text-sm text-foreground/70 transition-colors hover:text-foreground", s = "mt-10 flex flex-col gap-4 border-t border-border pt-6 sm:flex-row sm:items-center sm:justify-between", c = "flex flex-wrap items-center gap-4", l = "flex items-center gap-3";
+//#endregion
+export { s as FOOTER_BOTTOM_CLASS, c as FOOTER_BOTTOM_LINKS_CLASS, n as FOOTER_BRAND_COLUMN_CLASS, r as FOOTER_GROUPS_CLASS, i as FOOTER_GROUP_CLASS, o as FOOTER_LINK_CLASS, a as FOOTER_LIST_CLASS, l as FOOTER_SOCIAL_ROW_CLASS, t as FOOTER_TOP_CLASS, e as FOOTER_VARIANT_CLASS };

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

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

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

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

package/dist/components/footer/index.js

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

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

@@ -0,0 +1,109 @@
+import { ElementType, FormHTMLAttributes, ReactNode } from 'react';
+import { FormConfig } from './form-config';
+type BaseFormProps = FormConfig & Omit<FormHTMLAttributes<HTMLFormElement>, "color" | "children">;
+/**
+ * Configuration options for the Form component.
+ */
+export interface FormProps extends BaseFormProps {
+    /**
+     * The fields and other content of the form.
+     */
+    children?: ReactNode;
+    /**
+     * Legend that groups the fields.
+     * When it is given the fields are wrapped in a `fieldset` with that legend,
+     * which is how a form tells assistive technology which set of controls it is
+     * describing. A form whose fields are already grouped by other landmarks
+     * omits it and names itself with `aria-label` or `aria-labelledby`.
+     */
+    legend?: string;
+    /**
+     * Label of the submit control.
+     * When it is given the component renders an AsheeUI `Button` as the form's
+     * submit control, so no consumer has to rebuild one. Without it the
+     * consumer places its own control.
+     */
+    submitLabel?: string;
+    /**
+     * Whether a submission is in progress.
+     * While it is true the submit control is disabled and busy, which is how a
+     * consumer shows a pending submission without bespoke markup.
+     *
+     * @default false
+     */
+    isPending?: boolean;
+    /**
+     * Component that replaces the native `form` element, such as a framework
+     * form primitive.
+     *
+     * The substitution API is shared with `Link` and `Image`: `component` names
+     * the component and `componentProps` carries the props it needs.
+     */
+    component?: ElementType;
+    /**
+     * Additional props for `component`.
+     */
+    componentProps?: Record<string, unknown>;
+}
+/**
+ * A framework-native form element.
+ *
+ * Form wraps the native `form` element the way `Link` wraps the anchor and
+ * `Image` wraps the picture, so form-level improvements have one home without
+ * the framework taking responsibility for form state. It preserves native
+ * submission and validation: `action`, `method`, `encType`, `target`,
+ * `noValidate` and the submit event all pass through untouched, and the
+ * forwarded ref reaches the element itself.
+ *
+ * It is deliberately thin, because a consumer's form state belongs to the
+ * consumer or to a form library. There is no AsheeUI field registry, no
+ * validation schema, and no submission state: `onSubmit` is the native event,
+ * so a form library binds to it exactly as it binds to a plain form.
+ *
+ * Fields keep their own presentation through the framework's field
+ * components, and the component renders an AsheeUI `Button` as the submit
+ * control when a label is given for it. Page layout stays with the consumer's
+ * Tailwind classes.
+ *
+ * The form never moves focus, on mount or on a rejected submission: where a
+ * consumer sends focus after a failed validation is a consumer decision.
+ *
+ * The form element itself can be replaced, the way `Link` replaces the anchor
+ * and `Image` replaces the picture: pass `component` to name a form component
+ * and `componentProps` for the props it needs.
+ *
+ * @param props - Form configuration options and native form attributes.
+ * @param props.children - The fields and other content of the form.
+ * @param props.legend - Legend that groups the fields.
+ * @param props.submitLabel - Label of the submit control the component renders.
+ * @param props.isPending - Whether a submission is in progress. Defaults to false.
+ * @param props.component - Component that replaces the native form element.
+ * @param props.componentProps - Additional props for that component.
+ * @param props.submitVariant - Style of the submit control. Defaults to the configured value.
+ * @param props.submitColor - Colour of the submit control. Defaults to the configured value.
+ * @param props.submitSize - Size of the submit control. Defaults to "md".
+ * @param props.submitRadius - Corner rounding of the submit control. Defaults to "md".
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Form legend="Invoice details" submitLabel="Save" onSubmit={handleSubmit}>
+ *   <Input label="Reference" name="reference" />
+ *   <Textarea label="Notes" name="notes" />
+ * </Form>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // A form library binds to the native submit event, unchanged.
+ * <Form onSubmit={form.handleSubmit(save)}>
+ *   <Input label="Email" name="email" />
+ * </Form>
+ * ```
+ *
+ * @see FormConfig - The configuration type for component defaults.
+ * @see Button - The submit control the component renders.
+ */
+export declare const Form: import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<HTMLFormElement>>;
+export {};
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EAEvB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAQtE,KAAK,aAAa,GAAG,UAAU,GAC7B,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,eAAO,MAAM,IAAI,uGAyFhB,CAAC"}

package/dist/components/form/Form.js

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

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

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

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

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

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

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

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

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

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

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