asheeui 1.1.1 → 2.0.0

package/dist/components/error-state/error-state-config.d.ts

@@ -0,0 +1,66 @@
+import { Size } from '../../shared';
+/**
+ * How the failed region announces itself.
+ *
+ * - `alert`: it is announced as soon as it appears, which is right when it
+ *   replaces content after a request failed.
+ * - `status`: it is announced politely, which is right when the failure is not
+ *   the result of the reader's last action.
+ * - `none`: it is not announced, which is right when it is part of the page's
+ *   initial markup, such as a not-found page.
+ */
+export type ErrorStateRole = "alert" | "status" | "none";
+/**
+ * Theme configuration options for the ErrorState component.
+ *
+ * Set under `components.errorstate` in the AsheeUI config. Values feed the
+ * component-level tier of the theme cascade.
+ */
+export interface ErrorStateConfig {
+    /**
+     * Density of the state.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Whether the state is drawn as a panel.
+     *
+     * @default true
+     */
+    panel?: boolean;
+    /**
+     * How the state is announced.
+     *
+     * @default "alert"
+     */
+    role?: ErrorStateRole;
+    /**
+     * Wording of the retry control.
+     *
+     * @default "Try again"
+     */
+    retryLabel?: string;
+    /**
+     * Wording of the disclosure that holds the technical detail.
+     *
+     * @default "Technical details"
+     */
+    detailLabel?: string;
+}
+/**
+ * Default config values registered for the ErrorState component.
+ * A panel and an announcement are the defaults because this state usually
+ * replaces a region after a request failed.
+ */
+export declare const defaultErrorStateConfig: ErrorStateConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        errorstate: ErrorStateConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_ERROR_STATE_CONFIG: Required<ErrorStateConfig>;
+//# sourceMappingURL=error-state-config.d.ts.map

package/dist/components/error-state/error-state-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state-config.d.ts","sourceRoot":"","sources":["../../../src/components/error-state/error-state-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAMrC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CAMlE,CAAC"}

package/dist/components/error-state/error-state-config.js

@@ -0,0 +1,20 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/error-state/error-state-config.ts
+var t = {
+	size: "md",
+	panel: !0,
+	role: "alert",
+	retryLabel: "Try again",
+	detailLabel: "Technical details"
+};
+e("errorstate", t);
+var n = {
+	size: "md",
+	panel: !0,
+	role: "alert",
+	retryLabel: "Try again",
+	detailLabel: "Technical details"
+};
+//#endregion
+export { n as FALLBACK_ERROR_STATE_CONFIG, t as defaultErrorStateConfig };

package/dist/components/error-state/error-state-styles.d.ts

@@ -0,0 +1,17 @@
+/**
+ * ErrorState component styles for AsheeUI.
+ * This file provides the static class mappings for the failed-region
+ * presentation: the disclosure that holds the technical detail and its body.
+ */
+/**
+ * The disclosure.
+ * It is the platform's own `details` element rather than a framework component,
+ * because a detail a reader opens has to work when scripting is unavailable, and
+ * because it is not application state.
+ */
+export declare const ERROR_STATE_DETAIL_CLASS = "w-full max-w-2xl text-left text-sm text-foreground/70";
+/** The summary a reader activates to open the detail. */
+export declare const ERROR_STATE_DETAIL_SUMMARY_CLASS = "cursor-pointer font-medium text-foreground";
+/** The detail body, which keeps the technical text as it was written. */
+export declare const ERROR_STATE_DETAIL_BODY_CLASS = "mt-2 overflow-x-auto rounded-md border border-border bg-background p-3 font-mono text-xs";
+//# sourceMappingURL=error-state-styles.d.ts.map

package/dist/components/error-state/error-state-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state-styles.d.ts","sourceRoot":"","sources":["../../../src/components/error-state/error-state-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,0DACoB,CAAC;AAE1D,yDAAyD;AACzD,eAAO,MAAM,gCAAgC,+CACC,CAAC;AAE/C,yEAAyE;AACzE,eAAO,MAAM,6BAA6B,6FACkD,CAAC"}

package/dist/components/error-state/error-state-styles.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/error-state/error-state-styles.ts
+var e = "w-full max-w-2xl text-left text-sm text-foreground/70", t = "cursor-pointer font-medium text-foreground", n = "mt-2 overflow-x-auto rounded-md border border-border bg-background p-3 font-mono text-xs";
+//#endregion
+export { n as ERROR_STATE_DETAIL_BODY_CLASS, e as ERROR_STATE_DETAIL_CLASS, t as ERROR_STATE_DETAIL_SUMMARY_CLASS };

package/dist/components/error-state/index.d.ts

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

package/dist/components/error-state/index.d.ts.map

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

package/dist/components/error-state/index.js

@@ -0,0 +1,3 @@
+export * from "./ErrorState.js";
+export * from "./error-state-config.js";
+export * from "./error-state-styles.js";

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,112 @@
+import { InputHTMLAttributes } from 'react';
+import { FieldStatus } from '../field/field-config';
+import { FileUploadConfig } from './file-upload-config';
+type BaseFileUploadProps = FileUploadConfig & Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "onChange" | "size" | "type" | "value">;
+/**
+ * Props for the FileUpload component.
+ */
+export interface FileUploadProps extends BaseFileUploadProps {
+    /**
+     * Called with the files the reader chose, once the ones over the size limit
+     * have been left out. The field owns nothing: the consumer keeps the list and
+     * passes it back through `files`.
+     */
+    onFilesSelected: (files: File[]) => void;
+    /**
+     * The files that have been chosen, which the field lists and can remove.
+     */
+    files?: File[];
+    /**
+     * Called with the file the reader removed.
+     * Its presence is what draws a remove control beside each file.
+     */
+    onRemove?: (file: File) => void;
+    /**
+     * Largest file the field accepts, in bytes.
+     * A larger file is left out and reported here rather than being passed on to
+     * be rejected later.
+     */
+    maxSize?: number;
+    /**
+     * Label of the field.
+     */
+    label?: string;
+    /**
+     * Description shown under the label.
+     */
+    description?: string;
+    /**
+     * Message shown under the field.
+     */
+    message?: string;
+    /**
+     * Validation status of the field.
+     *
+     * @default "default"
+     */
+    status?: FieldStatus;
+    /**
+     * Whether the field is unavailable.
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the field must be filled in before the form is submitted.
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Extra classes for the field wrapper.
+     */
+    className?: string;
+}
+/**
+ * A field that accepts files.
+ *
+ * The zone is a label for the field, so a pointer opens the picker, a keyboard
+ * reaches the field, and a screen reader reads the zone as the field's name.
+ * Files dropped on the zone take the same path as files chosen from the picker,
+ * which is what keeps the size limit from being skipped.
+ *
+ * The field owns nothing: it reports what was chosen and lists what the consumer
+ * passes back, which is what lets one component serve a plain form and a form
+ * library that owns the files.
+ *
+ * @param props - FileUpload configuration options and field attributes.
+ * @param props.onFilesSelected - Called with the accepted files.
+ * @param props.files - The files that have been chosen.
+ * @param props.onRemove - Called with the file the reader removed.
+ * @param props.maxSize - Largest accepted file, in bytes.
+ * @param props.accept - The kinds of file the picker offers.
+ * @param props.multiple - Whether more than one file may be chosen.
+ * @param props.label - Label of the field.
+ * @param props.description - Description under the label.
+ * @param props.message - Message under the field.
+ * @param props.status - Validation status. Defaults to "default".
+ * @param props.isDisabled - Whether the field is unavailable. Defaults to false.
+ * @param props.size - Density of the zone. Defaults to "md".
+ * @param props.buttonLabel - Name of the control. Defaults to "Choose files".
+ * @param props.hint - Instruction in the zone. Defaults to "Drag files here".
+ * @returns The rendered field.
+ *
+ * @example
+ * ```tsx
+ * <FileUpload
+ *   label="Attachments"
+ *   accept="application/pdf"
+ *   multiple
+ *   maxSize={5 * 1024 * 1024}
+ *   files={files}
+ *   onFilesSelected={(chosen) => setFiles((current) => [...current, ...chosen])}
+ *   onRemove={(file) => setFiles((current) => current.filter((f) => f !== file))}
+ * />
+ * ```
+ *
+ * @see Input - The text field, which shares the field contract.
+ * @see Chip - The token the field uses for a chosen file.
+ */
+export declare const FileUpload: import('react').ForwardRefExoticComponent<FileUploadProps & import('react').RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/file-upload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/FileUpload.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAGL,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAY9B,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAClE,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;;;OAIG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEhC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,eAAO,MAAM,UAAU,8GAkKtB,CAAC"}

package/dist/components/file-upload/FileUpload.js

@@ -0,0 +1,83 @@
+"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 { FieldShell as r } from "../field/FieldShell.js";
+import { Chip as i } from "../chip/Chip.js";
+import { describeRejectedFiles as a } from "./file-upload.helpers.js";
+import { FALLBACK_FILE_UPLOAD_CONFIG as o } from "./file-upload-config.js";
+import { FILE_UPLOAD_BUTTON_CLASS as s, FILE_UPLOAD_HINT_CLASS as c, FILE_UPLOAD_INPUT_CLASS as l, FILE_UPLOAD_SIZE_CLASS as u, FILE_UPLOAD_ZONE_CLASS as d } from "./file-upload-styles.js";
+import { forwardRef as f, useId as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/file-upload/FileUpload.tsx
+var v = f(({ onFilesSelected: f, files: v, onRemove: y, maxSize: b, label: x, description: S, message: C, status: w, isDisabled: T, required: E, buttonLabel: D, hint: O, size: k, className: A, id: j, ...M }, N) => {
+	let P = t(), F = p(), I = j ?? F, L = n({
+		buttonLabel: D,
+		hint: O,
+		size: k
+	}, P.components?.fileupload, o), [R, z] = h(!1), [B, V] = h(""), H = m(null), U = (e) => {
+		H.current = e, typeof N == "function" ? N(e) : N && (N.current = e);
+	}, W = (e) => {
+		let t = Array.from(e ?? []);
+		if (t.length === 0) return;
+		let n = b === void 0 ? t : t.filter((e) => e.size <= b), r = t.length - n.length;
+		V(r === 0 ? "" : a(r, b ?? 0)), n.length > 0 && f(n);
+	}, G = (e) => {
+		e.preventDefault(), z(!1), !T && W(e.dataTransfer?.files ?? null);
+	}, K = () => {
+		W(H.current?.files ?? null);
+	}, q = C ?? B, J = C ? w ?? "default" : B ? "error" : "default", Y = e(d, u[L.size], R && "border-primary bg-primary/10", T && "cursor-not-allowed opacity-60 hover:border-border");
+	return /* @__PURE__ */ g("div", {
+		className: e("flex w-full min-w-0 flex-col", A),
+		children: /* @__PURE__ */ _(r, {
+			id: I,
+			label: x,
+			description: S,
+			message: q,
+			status: J,
+			required: E,
+			children: [
+				/* @__PURE__ */ g("input", {
+					...M,
+					ref: U,
+					id: I,
+					type: "file",
+					className: l,
+					disabled: T,
+					onChange: K
+				}),
+				/* @__PURE__ */ g("label", {
+					htmlFor: I,
+					className: Y,
+					onDragOver: (e) => {
+						e.preventDefault(), T || z(!0);
+					},
+					onDragLeave: () => z(!1),
+					onDrop: G,
+					children: /* @__PURE__ */ _("span", {
+						className: "flex flex-wrap items-baseline justify-center gap-1 text-sm",
+						children: [/* @__PURE__ */ g("span", {
+							className: s,
+							children: L.buttonLabel
+						}), /* @__PURE__ */ _("span", {
+							className: c,
+							children: ["or ", L.hint.toLowerCase()]
+						})]
+					})
+				}),
+				v && v.length > 0 && /* @__PURE__ */ g("ul", {
+					className: "flex flex-wrap gap-2 pt-1",
+					children: v.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(i, {
+						closeLabel: `Remove ${e.name}`,
+						onClose: y ? () => y(e) : void 0,
+						children: e.name
+					}) }, `${e.name}-${e.lastModified}`))
+				})
+			]
+		})
+	});
+});
+v.displayName = "FileUpload";
+//#endregion
+export { v as FileUpload };

package/dist/components/file-upload/file-upload-config.d.ts

@@ -0,0 +1,41 @@
+import { Size } from '../../shared';
+/**
+ * Theme configuration options for the FileUpload component.
+ *
+ * Set under `components.fileupload` in the AsheeUI config. Values feed the
+ * component-level tier of the theme cascade.
+ */
+export interface FileUploadConfig {
+    /**
+     * Name of the control inside the drop zone.
+     *
+     * @default "Choose files"
+     */
+    buttonLabel?: string;
+    /**
+     * Instruction shown in the zone when nothing is being dragged over it.
+     *
+     * @default "Drag files here"
+     */
+    hint?: string;
+    /**
+     * Density of the zone.
+     *
+     * @default "md"
+     */
+    size?: Size;
+}
+/**
+ * Default config values registered for the FileUpload component.
+ */
+export declare const defaultFileUploadConfig: FileUploadConfig;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        fileupload: FileUploadConfig;
+    }
+}
+/**
+ * Hard fallback values used when no config tier provides a value.
+ */
+export declare const FALLBACK_FILE_UPLOAD_CONFIG: Required<FileUploadConfig>;
+//# sourceMappingURL=file-upload-config.d.ts.map

package/dist/components/file-upload/file-upload-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-config.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAIrC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,gBAAgB,CAIlE,CAAC"}

package/dist/components/file-upload/file-upload-config.js

@@ -0,0 +1,16 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/file-upload/file-upload-config.ts
+var t = {
+	buttonLabel: "Choose files",
+	hint: "Drag files here",
+	size: "md"
+};
+e("fileupload", t);
+var n = {
+	buttonLabel: "Choose files",
+	hint: "Drag files here",
+	size: "md"
+};
+//#endregion
+export { n as FALLBACK_FILE_UPLOAD_CONFIG, t as defaultFileUploadConfig };

package/dist/components/file-upload/file-upload-styles.d.ts

@@ -0,0 +1,22 @@
+import { Size } from '../../shared';
+/**
+ * The drop zone, which is a label for the field it hides.
+ * Its focus ring follows the field, so the zone shows where the keyboard is even
+ * though the field itself is visually hidden.
+ */
+export declare const FILE_UPLOAD_ZONE_CLASS = "flex w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed border-border bg-background text-center transition-colors hover:border-primary focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2";
+/** The zone while a file is dragged over it. */
+export declare const FILE_UPLOAD_ZONE_ACTIVE_CLASS = "border-primary bg-primary/10";
+/** The zone when the field is unavailable. */
+export declare const FILE_UPLOAD_ZONE_DISABLED_CLASS = "cursor-not-allowed opacity-60 hover:border-border";
+/** Padding for each density. */
+export declare const FILE_UPLOAD_SIZE_CLASS: Record<Size, string>;
+/** The control's label, styled as an emphasised part of the zone. */
+export declare const FILE_UPLOAD_BUTTON_CLASS = "font-medium text-primary underline";
+/** The instruction beside it. */
+export declare const FILE_UPLOAD_HINT_CLASS = "text-sm text-foreground/60";
+/** The field itself, which is present for the keyboard and the picker only. */
+export declare const FILE_UPLOAD_INPUT_CLASS = "sr-only";
+/** The list of chosen files. */
+export declare const FILE_UPLOAD_LIST_CLASS = "flex flex-wrap gap-2 pt-1";
+//# sourceMappingURL=file-upload-styles.d.ts.map

package/dist/components/file-upload/file-upload-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-styles.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,4QACwO,CAAC;AAE5Q,gDAAgD;AAChD,eAAO,MAAM,6BAA6B,iCAAiC,CAAC;AAE5E,8CAA8C;AAC9C,eAAO,MAAM,+BAA+B,sDACS,CAAC;AAEtD,gCAAgC;AAChC,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIvD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,wBAAwB,uCAAuC,CAAC;AAE7E,iCAAiC;AACjC,eAAO,MAAM,sBAAsB,+BAA+B,CAAC;AAEnE,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,gCAAgC;AAChC,eAAO,MAAM,sBAAsB,8BAA8B,CAAC"}

package/dist/components/file-upload/file-upload-styles.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/file-upload/file-upload-styles.ts
+var e = "flex w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-2 rounded-md border-2 border-dashed border-border bg-background text-center transition-colors hover:border-primary focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2", t = "border-primary bg-primary/10", n = "cursor-not-allowed opacity-60 hover:border-border", r = {
+	sm: "px-4 py-6",
+	md: "px-6 py-10",
+	lg: "px-8 py-14"
+}, i = "font-medium text-primary underline", a = "text-sm text-foreground/60", o = "sr-only", s = "flex flex-wrap gap-2 pt-1";
+//#endregion
+export { i as FILE_UPLOAD_BUTTON_CLASS, a as FILE_UPLOAD_HINT_CLASS, o as FILE_UPLOAD_INPUT_CLASS, s as FILE_UPLOAD_LIST_CLASS, r as FILE_UPLOAD_SIZE_CLASS, t as FILE_UPLOAD_ZONE_ACTIVE_CLASS, e as FILE_UPLOAD_ZONE_CLASS, n as FILE_UPLOAD_ZONE_DISABLED_CLASS };

package/dist/components/file-upload/file-upload.helpers.d.ts

@@ -0,0 +1,26 @@
+/**
+ * FileUpload component helpers for AsheeUI.
+ * This file provides the small pure functions the file field needs: reporting a
+ * file size in the reader's terms and describing what the field rejected.
+ */
+/**
+ * Describe a file size in the reader's terms.
+ *
+ * @param bytes - The size in bytes.
+ * @returns A short description, such as `1.5 MB`.
+ *
+ * @example
+ * ```tsx
+ * formatFileSize(1536); // "1.5 KB"
+ * ```
+ */
+export declare function formatFileSize(bytes: number): string;
+/**
+ * Describe the files a size limit left out.
+ *
+ * @param count - How many files were left out.
+ * @param maxSize - The limit, in bytes.
+ * @returns A sentence naming the count and the limit.
+ */
+export declare function describeRejectedFiles(count: number, maxSize: number): string;
+//# sourceMappingURL=file-upload.helpers.d.ts.map

package/dist/components/file-upload/file-upload.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/file-upload.helpers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAepD;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAI5E"}

package/dist/components/file-upload/file-upload.helpers.js

@@ -0,0 +1,17 @@
+"use client";
+//#region src/components/file-upload/file-upload.helpers.ts
+function e(e) {
+	if (e < 1024) return `${e} B`;
+	let t = [
+		"KB",
+		"MB",
+		"GB"
+	], n = e / 1024, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	return `${Number(n.toFixed(1))} ${t[r]}`;
+}
+function t(t, n) {
+	return `${t === 1 ? "One file was" : `${t} files were`} larger than ${e(n)} and was not added.`;
+}
+//#endregion
+export { t as describeRejectedFiles, e as formatFileSize };

package/dist/components/file-upload/index.d.ts

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

package/dist/components/file-upload/index.d.ts.map

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

package/dist/components/file-upload/index.js

@@ -0,0 +1,4 @@
+export * from "./FileUpload.js";
+export * from "./file-upload-config.js";
+export * from "./file-upload-styles.js";
+export * from "./file-upload.helpers.js";

package/dist/components/loading-state/LoadingState.d.ts

@@ -0,0 +1,57 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { LoadingStateConfig } from './loading-state-config';
+type BaseLoadingStateProps = LoadingStateConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
+/**
+ * Props for the LoadingState component.
+ */
+export interface LoadingStateProps extends BaseLoadingStateProps {
+    /**
+     * Supporting sentence under the label, for example what is being fetched.
+     */
+    description?: ReactNode;
+    /**
+     * Element that replaces the framework's spinner, for a progress bar or a
+     * consumer's own indicator.
+     */
+    indicator?: ReactNode;
+    /**
+     * Element to render.
+     * Defaults to a `div`.
+     *
+     * @default "div"
+     */
+    as?: ElementType;
+    /**
+     * Content below the label, for example a cancel control.
+     */
+    children?: ReactNode;
+}
+/**
+ * A region whose content has not arrived yet.
+ *
+ * The state is a `status` region, so assistive technology is told that something
+ * is in progress rather than being left with a silent gap. It claims room by
+ * default, so the page does not jump when the content arrives, and it says what
+ * is loading rather than only that something is.
+ *
+ * @param props - LoadingState configuration options and element attributes.
+ * @param props.label - Text shown and announced. Defaults to "Loading".
+ * @param props.description - Supporting sentence.
+ * @param props.indicator - Element that replaces the framework's spinner.
+ * @param props.size - Density of the indicator and the padding. Defaults to "md".
+ * @param props.panel - Draw the state as a panel. Defaults to false.
+ * @param props.minHeight - Room the state claims. Defaults to "sm".
+ * @param props.as - Element to render. Defaults to "div".
+ * @returns The rendered state.
+ *
+ * @example
+ * ```tsx
+ * <LoadingState label="Loading invoices" description="This usually takes a moment." />
+ * ```
+ *
+ * @see Skeleton - The placeholder form, for content whose shape is known.
+ * @see EmptyState - The presentation for a region that has nothing in it.
+ */
+export declare const LoadingState: import('react').ForwardRefExoticComponent<LoadingStateProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=LoadingState.d.ts.map

package/dist/components/loading-state/LoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../src/components/loading-state/LoadingState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wBAAwB,CAAC;AAOhC,KAAK,qBAAqB,GAAG,kBAAkB,GAC7C,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY,8GAsDxB,CAAC"}

package/dist/components/loading-state/LoadingState.js

@@ -0,0 +1,44 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { SPACE_MIN_HEIGHT_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 { Spinner as a } from "../spinner/spinner.js";
+import { FALLBACK_LOADING_STATE_CONFIG as o } from "./loading-state-config.js";
+import { LOADING_STATE_CLASS as s, LOADING_STATE_SIZE_CLASS as c } from "./loading-state-styles.js";
+import { forwardRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/loading-state/LoadingState.tsx
+var f = l(({ as: l, label: f, description: p, indicator: m, size: h, panel: g, minHeight: _, className: v, children: y, ...b }, x) => {
+	let S = n(), C = r({
+		label: f,
+		size: h,
+		panel: g,
+		minHeight: _
+	}, S.components?.loadingstate, o);
+	return /* @__PURE__ */ d(l ?? "div", {
+		ref: x,
+		role: "status",
+		className: e(s, c[C.size], t[C.minHeight], C.panel && "rounded-md border border-border bg-background", v),
+		...b,
+		children: [
+			m ?? /* @__PURE__ */ u(a, { size: C.size }),
+			/* @__PURE__ */ u(i, {
+				role: "body-sm",
+				tone: "muted",
+				children: C.label
+			}),
+			p && /* @__PURE__ */ u(i, {
+				role: "caption",
+				tone: "muted",
+				children: p
+			}),
+			y
+		]
+	});
+});
+f.displayName = "LoadingState";
+//#endregion
+export { f as LoadingState };

package/dist/components/loading-state/index.d.ts

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

package/dist/components/loading-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}

package/dist/components/loading-state/index.js

@@ -0,0 +1,3 @@
+export * from "./LoadingState.js";
+export * from "./loading-state-config.js";
+export * from "./loading-state-styles.js";