themelia-react-ui 1.0.0 → 1.0.2

package/dist/date-pickers-ByP6Cv2z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-pickers-ByP6Cv2z.js","names":["React","CalendarIcon","useDatesConfig","cn","Button","Text","Label","Stack","PICKER_TRIGGER_CHROME","defaultDatePickerStrings","DatePickerHeader","DatePickerFooter","PopoverTrigger","Popover","PopoverContent","SelectValue","SelectItem","SelectContent","SelectTrigger","Select","React$1","DEFAULT_YEAR_SPAN","MonthYearPicker","dateFormat","currentYear","open","setOpen","selection","setSelection","value","defaultValue","dates","dateFnsLocale","locale","enUS","t","useStrings","strings","triggerId","describedBy","ariaDescribedBy","error","monthSelectId","yearSelectId","yearRange","start","fromYear","end","toYear","i","monthNames","format","createOutput","date","year","month","readableFormat","handleMonthChange","monthValue","handleYearChange","yearValue","handleConfirm","onValueChange","closeOnSelect","buttonText","placeholder","className","label","hint","triggerProps","iconOnly","Calendar","header","index","name","disabled","footer"],"sources":["../src/components/base/date-pickers/month-year-picker.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { Calendar as CalendarIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger\n} from '../popover';\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue\n} from '../../ui/select';\nimport { Label, Text } from '../../typography';\nimport { useDatesConfig } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\n\nimport { useStrings } from '../../../lib/strings';\n\nimport { DatePickerFooter } from './date-picker-footer';\nimport { DatePickerHeader } from './date-picker-header';\nimport { PICKER_TRIGGER_CHROME } from './date-picker.recipes';\nimport { defaultDatePickerStrings } from './date-pickers.strings';\nimport type { MonthYearPickerProps, MonthYearOutput } from './datepicker.types';\nimport { enUS } from 'date-fns/locale';\n\n/** Years offered on either side of the current year when no range is given. */\nconst DEFAULT_YEAR_SPAN = 10;\n\nexport const MonthYearPicker = React.forwardRef<HTMLDivElement, MonthYearPickerProps>(function MonthYearPicker({\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tformat: dateFormat = 'yyyy-MM',\n\treadableFormat = 'MMMM yyyy',\n\tplaceholder,\n\tlabel,\n\thint,\n\terror,\n\tdisabled = false,\n\tclassName,\n\tcloseOnSelect = true,\n\tstrings,\n\tlocale,\n\theader,\n\tfooter,\n\tfromYear,\n\ttoYear,\n\ticonOnly = false\n}: MonthYearPickerProps, ref) {\n\tconst currentYear = new Date().getFullYear();\n\tconst [open, setOpen] = React.useState(false);\n\tconst [selection, setSelection] = React.useState<{\n\t\tmonth: number;\n\t\tyear: number;\n\t} | undefined>(value ?? defaultValue);\n\n\tconst dates = useDatesConfig();\n\tconst dateFnsLocale = locale ?? dates.locale ?? enUS;\n\tconst t = useStrings(defaultDatePickerStrings, strings);\n\tconst triggerId = React.useId();\n\t// Mirrors the DatePicker variants: the error line is the trigger's\n\t// description, so screen readers announce it with the control.\n\tconst describedBy = `${triggerId}-description`;\n\tconst ariaDescribedBy = error ? describedBy : undefined;\n\t// Derived from useId so several pickers can coexist on one page; these were\n\t// previously the fixed literals \"month-select\" / \"year-select\".\n\tconst monthSelectId = `${triggerId}-month`;\n\tconst yearSelectId = `${triggerId}-year`;\n\n\t// Year range. Anchored to the current year rather than fixed literals: the\n\t// previous 2017–2035 defaults would have stopped offering any future year\n\t// once 2035 arrived.\n\tconst yearRange = React.useMemo(() => {\n\t\tconst start = fromYear ?? currentYear - DEFAULT_YEAR_SPAN;\n\t\tconst end = toYear ?? currentYear + DEFAULT_YEAR_SPAN;\n\t\treturn Array.from({ length: Math.max(end - start + 1, 1) }, (_, i) => start + i);\n\t}, [fromYear, toYear, currentYear]);\n\n\t// Month names (localized)\n\tconst monthNames = React.useMemo(() => {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst date = new Date(2000, i, 1);\n\t\t\treturn format(date, 'MMMM', { locale: dateFnsLocale });\n\t\t});\n\t}, [dateFnsLocale]);\n\n\t// Sync internal state with controlled value\n\tReact.useEffect(() => {\n\t\tif (value !== undefined) {\n\t\t\tsetSelection(value);\n\t\t}\n\t}, [value]);\n\n\t// Helper to create the output object\n\tconst createOutput = React.useCallback(\n\t\t(month: number, year: number): MonthYearOutput => {\n\t\t\tconst date = new Date(year, month, 1);\n\t\t\treturn {\n\t\t\t\tmonth,\n\t\t\t\tyear,\n\t\t\t\tformatted: format(date, dateFormat, { locale: dateFnsLocale }),\n\t\t\t\treadable: format(date, readableFormat, { locale: dateFnsLocale }),\n\t\t\t\tdate\n\t\t\t};\n\t\t},\n\t\t[dateFormat, readableFormat, dateFnsLocale]\n\t);\n\n\t// Handle selection change\n\tconst handleMonthChange = React.useCallback(\n\t\t(monthValue: unknown) => {\n\t\t\tconst monthStr = String(monthValue);\n\t\t\tconst month = parseInt(monthStr, 10);\n\t\t\tconst year = selection?.year ?? currentYear;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.year, currentYear]\n\t);\n\n\tconst handleYearChange = React.useCallback(\n\t\t(yearValue: unknown) => {\n\t\t\tconst yearStr = String(yearValue);\n\t\t\tconst year = parseInt(yearStr, 10);\n\t\t\tconst month = selection?.month ?? 0;\n\t\t\tsetSelection({ month, year });\n\t\t},\n\t\t[selection?.month]\n\t);\n\n\t// Handle confirm button click\n\tconst handleConfirm = React.useCallback(() => {\n\t\tif (selection) {\n\t\t\tonValueChange?.(createOutput(selection.month, selection.year));\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t}\n\t}, [selection, onValueChange, createOutput, closeOnSelect]);\n\n\t// Button display text\n\tconst buttonText = React.useMemo(() => {\n\t\tif (selection) {\n\t\t\tconst date = new Date(selection.year, selection.month, 1);\n\t\t\treturn format(date, readableFormat, { locale: dateFnsLocale });\n\t\t}\n\t\treturn placeholder ?? t.selectMonthYear;\n\t}, [selection, readableFormat, dateFnsLocale, placeholder, t.selectMonthYear]);\n\n\treturn (\n\t\t<Stack ref={ref} gap=\"md\" className={cn('month-year-picker--component', className)}>\n\t\t\t{!!(label || (hint && !error)) && (\n\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" justify=\"between\" gap=\"xs\">\n\t\t\t\t\t{!!label && (\n\t\t\t\t\t\t<Label\n\t\t\t\t\t\t\thtmlFor={triggerId}\n\t\t\t\t\t\t\tclassName={cn('leading-6', error && 'text-destructive')}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t)}\n\t\t\t\t\t{!error && !!hint && (\n\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{hint}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t)}\n\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t<PopoverTrigger\n\t\t\t\t\trender={(triggerProps) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...triggerProps}\n\t\t\t\t\t\t\tid={triggerId}\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"outline\"\n\t\t\t\t\t\t\taria-invalid={!!error}\n\t\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\t\t// Icon-only drops the visible value, so the action name has to\n\t\t\t\t\t\t\t// carry the button on its own.\n\t\t\t\t\t\t\taria-label={iconOnly ? t.selectMonthYear : undefined}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'w-full justify-start text-left font-normal',\n\t\t\t\t\t\t\t\tPICKER_TRIGGER_CHROME,\n\t\t\t\t\t\t\t\t// After the chrome: both set padding-x, and the square form\n\t\t\t\t\t\t\t\t// needs the later word.\n\t\t\t\t\t\t\t\ticonOnly && '!w-control shrink-0 justify-center !px-0',\n\t\t\t\t\t\t\t\t!selection && 'text-muted-foreground',\n\t\t\t\t\t\t\t\t\t\t(triggerProps as { className?: string }).className,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CalendarIcon className={cn('size-icon', !iconOnly && 'mr-control-gap')} />\n\t\t\t\t\t\t\t{!iconOnly && (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"min-w-0 truncate text-inherit\">\n\t\t\t\t\t\t\t\t\t{buttonText}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\n\t\t\t\t<PopoverContent\n\t\t\t\t\tinset=\"flush\"\n\t\t\t\t\tclassName=\"w-80 gap-0\"\n\t\t\t\t\talign=\"start\"\n\t\t\t\t>\n\t\t\t\t\t{/* Header */}\n\t\t\t\t\t{!!header && <DatePickerHeader config={header} />}\n\n\t\t\t\t\t{/* Month and Year Selectors */}\n\t\t\t\t\t<div className=\"p-surface\">\n\t\t\t\t\t<Stack gap=\"xl\">\n\t\t\t\t\t\t{/* Month Selector */}\n\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t<Label htmlFor={monthSelectId}>{t.month}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\titems={monthNames.map((label, index) => ({ label, value: index.toString() }))}\n\t\t\t\t\t\t\t\tvalue={selection?.month?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleMonthChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id={monthSelectId} className=\"w-full\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder={<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">{t.month}</Text>} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{monthNames.map((name, index) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={name} value={index.toString()}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">{name}</Text>\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</Stack>\n\n\t\t\t\t\t\t{/* Year Selector */}\n\t\t\t\t\t\t<Stack gap=\"md\">\n\t\t\t\t\t\t\t<Label htmlFor={yearSelectId}>{t.year}</Label>\n\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\tvalue={selection?.year?.toString()}\n\t\t\t\t\t\t\t\tonValueChange={handleYearChange}\n\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SelectTrigger id={yearSelectId} className=\"w-full\">\n\t\t\t\t\t\t\t\t<SelectValue placeholder={<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">{t.year}</Text>} />\n\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t<SelectContent>\n\t\t\t\t\t\t\t\t\t{yearRange.map((year) => (\n\t\t\t\t\t\t\t\t\t\t<SelectItem key={year} value={year.toString()}>\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" numeric lineHeight=\"tight\" className=\"text-inherit\">{year}</Text>\n\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</Stack>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Confirm Button */}\n\t\t\t\t\t<div className=\"px-surface pb-surface\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"w-full\"\n\t\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\t\tdisabled={disabled || !selection}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{t.confirm}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* Footer */}\n\t\t\t\t\t{!!footer && !!selection && (\n\t\t\t<DatePickerFooter\n\t\t\t\t\t\t\tconfig={footer}\n\t\t\t\t\t\t\toutput={createOutput(selection.month, selection.year)}\n\t\t\t\t\t\t\thasSelection={!!selection}\n\t\t\t\t\t\t\tautoSummary={buttonText}\n\t\t\t\t\t\t/>\n\t\t)}\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\n\t\t\t{!!error && (\n\t\t\t\t<Text id={describedBy} size=\"xs\" type=\"error\" content={error} />\n\t\t\t)}\n\t\t</Stack>\n\t);\n});\n\n// Convenience export for type\nexport type { MonthYearPickerProps, MonthYearOutput };\n\nMonthYearPicker.displayName = 'MonthYearPicker';\n"],"mappings":"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"}

package/dist/feedback-a9j9J-9A.js

@@ -1,391 +0,0 @@
-"use client";
-import { _ as e, c as t, s as n } from "./ui-provider-CftIB6TY.js";
-import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-C2EKeIw3.js";
-import { n as a } from "./buttons-Co6GavvM.js";
-import { a as o } from "./typography-Cv8MT-82.js";
-import { t as s } from "./structure-BvW4vG4H.js";
-import { n as c } from "./track-recipes-LLPNVwFg.js";
-import { t as l } from "./skeleton-BvRhK8y-.js";
-import { createContext as u, forwardRef as d, useContext as f, useId as p, useMemo as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AlertCircle as v, Loader2 as y } from "lucide-react";
-import { cva as b } from "class-variance-authority";
-import { Progress as x } from "@base-ui/react/progress";
-//#region src/components/ui/empty.tsx
-function S({ className: e, ...t }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty",
-		className: i("gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance", e),
-		...t
-	});
-}
-function C({ className: e, ...t }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty-header",
-		className: i("gap-2 flex max-w-sm flex-col items-center", e),
-		...t
-	});
-}
-var w = b("mb-space-md flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function ee({ className: e, variant: t = "default", ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty-icon",
-		"data-variant": t,
-		className: i(w({
-			variant: t,
-			className: e
-		})),
-		...n
-	});
-}
-function T({ className: e, ...t }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty-title",
-		className: i("text-lg font-medium tracking-tight", e),
-		...t
-	});
-}
-function E({ className: e, ...t }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty-description",
-		className: i("text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
-		...t
-	});
-}
-function D({ className: e, ...t }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "empty-content",
-		className: i("gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance", e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/base/feedback/empty.tsx
-function O(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function k({ className: e, ...t }) {
-	return /* @__PURE__ */ g(S, {
-		className: i("empty--component gap-space-lg rounded-radius-lg p-surface", e),
-		...t
-	});
-}
-function A({ className: e, ...t }) {
-	return /* @__PURE__ */ g(C, {
-		className: i("empty-header--component gap-normal", e),
-		...t
-	});
-}
-function j({ className: e, ...t }) {
-	return /* @__PURE__ */ g(ee, {
-		className: i("empty-media--component mb-space-sm", e),
-		...t
-	});
-}
-function M({ className: e, headingLevel: t = 3, role: n, "aria-level": r, children: a, ...s }) {
-	let c = n ?? "heading";
-	return /* @__PURE__ */ g(T, {
-		role: c,
-		"aria-level": r ?? (c === "heading" ? t : void 0),
-		className: i("empty-title--component tracking-normal", e),
-		...s,
-		children: O(a) ? /* @__PURE__ */ g(o, {
-			tag: "span",
-			size: "base",
-			weight: "semibold",
-			lineHeight: "tight",
-			children: a
-		}) : a
-	});
-}
-function N({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ g(E, {
-		className: i("empty-description--component", e),
-		...n,
-		children: O(t) ? /* @__PURE__ */ g(o, {
-			tag: "span",
-			type: "secondary",
-			lineHeight: "relaxed",
-			children: t
-		}) : t
-	});
-}
-function P({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ g(D, {
-		className: i("empty-content--component gap-space-md", e),
-		...n,
-		children: O(t) ? /* @__PURE__ */ g(o, { children: t }) : t
-	});
-}
-k.displayName = "Empty", A.displayName = "EmptyHeader", j.displayName = "EmptyMedia", M.displayName = "EmptyTitle", N.displayName = "EmptyDescription", P.displayName = "EmptyContent";
-//#endregion
-//#region src/components/base/feedback/progress.strings.ts
-var F = { indeterminateValue: "In progress" }, I = u(null);
-function L(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var R = {
-	neutral: "bg-muted-foreground",
-	primary: "bg-primary",
-	secondary: "bg-secondary-foreground",
-	success: "bg-success",
-	info: "bg-info",
-	warning: "bg-warning",
-	destructive: "bg-destructive"
-};
-function z(e, t) {
-	return typeof t == "function" ? (n) => i(e, t(n)) : i(e, t);
-}
-function te(e, t) {
-	let n = Number.isFinite(e) ? e : 0, r = Number.isFinite(t) ? t : 100;
-	return {
-		min: n,
-		max: r > n ? r : n + 100
-	};
-}
-function ne(e, t, n) {
-	return e === null || !Number.isFinite(e) ? null : Math.min(n, Math.max(t, e));
-}
-function B(e, t, n, r, i) {
-	if (e === null) return null;
-	if (i) return new Intl.NumberFormat(r, i).format(e);
-	let a = n === t ? 0 : (e - t) / (n - t);
-	return new Intl.NumberFormat(r, {
-		style: "percent",
-		maximumFractionDigits: 0
-	}).format(a);
-}
-var V = d(function({ value: i, min: a, max: c, format: l, locale: u, getAriaValueText: d, children: f, label: v, description: y, metadata: b, showValue: S, valueSlot: C, headerSlot: w, trackSlot: ee, size: T, tone: E = "primary", trackProps: D, indicatorProps: O, strings: k, className: A, "aria-describedby": j, ...M }, N) {
-	let P = r(F, k), R = t(), { defaultScale: V } = n(), K = e(T, V), q = u ?? R.locale, J = p(), { min: Y, max: X } = te(a, c), Z = ne(i, Y, X), Q = B(Z, Y, X, q, l), re = w === void 0 && f === void 0, $ = S ?? v !== void 0, ie = v !== void 0 || y !== void 0 || b !== void 0 || C !== void 0 || $, ae = [j, re && y !== void 0 ? J : void 0].filter(Boolean).join(" ") || void 0, oe = (e, t) => {
-		let n = B(t, Y, X, q, l);
-		return d ? d(n, t) : n ?? P.indeterminateValue;
-	}, se = m(() => ({
-		formattedValue: Q,
-		value: Z
-	}), [Q, Z]), ce = w ?? f ?? (ie ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _("div", {
-		className: "progress--summary min-w-0",
-		children: [v !== void 0 && /* @__PURE__ */ g(W, { children: v }), y !== void 0 && (L(y) ? /* @__PURE__ */ g(o, {
-			id: J,
-			tag: "span",
-			size: "xs",
-			type: "secondary",
-			className: "progress--description mt-space-2xs block",
-			children: y
-		}) : /* @__PURE__ */ g("div", {
-			id: J,
-			className: "progress--description mt-space-2xs",
-			children: y
-		}))]
-	}), ($ || C !== void 0 || b !== void 0) && /* @__PURE__ */ _(s, {
-		gap: "2xs",
-		align: "end",
-		className: "progress--details text-right",
-		children: [C ?? ($ ? /* @__PURE__ */ g(G, {}) : null), b !== void 0 && (L(b) ? /* @__PURE__ */ g(o, {
-			tag: "span",
-			size: "xs",
-			type: "secondary",
-			className: "progress--metadata tabular-nums",
-			children: b
-		}) : b)]
-	})] }) : null), le = ee ?? /* @__PURE__ */ g(H, {
-		...D,
-		size: D?.size ?? K,
-		children: D?.children ?? /* @__PURE__ */ g(U, {
-			...O,
-			tone: O?.tone ?? E
-		})
-	});
-	return /* @__PURE__ */ g(I.Provider, {
-		value: se,
-		children: /* @__PURE__ */ _(x.Root, {
-			ref: N,
-			value: Z,
-			min: Y,
-			max: X,
-			format: l,
-			locale: q,
-			getAriaValueText: oe,
-			"aria-describedby": ae,
-			"data-slot": "progress",
-			"data-size": K,
-			"data-tone": E,
-			className: z("progress--component grid min-w-0 w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-space-lg gap-y-space-sm", A),
-			...M,
-			children: [ce, le]
-		})
-	});
-});
-V.displayName = "Progress";
-var H = d(function({ className: t, size: r, ...a }, o) {
-	let { defaultScale: s } = n(), l = e(r, s);
-	return /* @__PURE__ */ g(x.Track, {
-		ref: o,
-		"data-slot": "progress-track",
-		"data-size": l,
-		className: z(i("progress-track--component progress--track relative col-span-full flex w-full items-center overflow-hidden rounded-full bg-muted", c[l]), t),
-		...a
-	});
-});
-H.displayName = "ProgressTrack";
-var U = d(function({ className: e, tone: t = "primary", ...n }, r) {
-	return /* @__PURE__ */ g(x.Indicator, {
-		ref: r,
-		"data-slot": "progress-indicator",
-		"data-tone": t,
-		className: z(i("progress-indicator--component progress--indicator h-full rounded-full transition-[width] duration-300 ease-out motion-reduce:transition-none", "data-[indeterminate]:w-full motion-safe:data-[indeterminate]:animate-pulse", R[t]), e),
-		...n
-	});
-});
-U.displayName = "ProgressIndicator";
-var W = d(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ g(x.Label, {
-		ref: r,
-		"data-slot": "progress-label",
-		className: z("progress-label--component progress--label min-w-0", e),
-		...n,
-		children: L(t) ? /* @__PURE__ */ g(o, {
-			tag: "span",
-			weight: "medium",
-			lineHeight: "tight",
-			className: "block",
-			children: t
-		}) : t
-	});
-});
-W.displayName = "ProgressLabel";
-var G = d(function({ className: e, children: t, ...n }, r) {
-	let i = f(I);
-	return /* @__PURE__ */ g(x.Value, {
-		ref: r,
-		"data-slot": "progress-value",
-		className: z("progress-value--component progress--value whitespace-nowrap", e),
-		...n,
-		children: (e, n) => {
-			let r = i?.value ?? n, a = i?.formattedValue ?? e, s = t ? t(a, r) : a;
-			return s == null ? null : L(s) ? /* @__PURE__ */ g(o, {
-				tag: "span",
-				weight: "medium",
-				lineHeight: "tight",
-				className: "block tabular-nums",
-				children: s
-			}) : s;
-		}
-	});
-});
-G.displayName = "ProgressValue";
-//#endregion
-//#region src/components/base/feedback/state-display.tsx
-var K = {
-	inline: "w-full max-w-full py-row-y",
-	panel: "w-full rounded-radius-lg border p-surface"
-}, q = {
-	neutral: "border-border bg-card",
-	destructive: "border-destructive/30 bg-destructive/5"
-};
-function J(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-var Y = d(function({ componentClassName: e, variant: t, tone: n, icon: r, title: a, description: c, action: l, details: u, className: d, ...f }, p) {
-	let m = e.replace("--component", "");
-	return /* @__PURE__ */ _("div", {
-		ref: p,
-		"data-variant": t,
-		"data-tone": n,
-		className: i(e, "grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-space-sm", "sm:grid-cols-[auto_minmax(0,1fr)_auto]", K[t], t === "panel" && q[n], d),
-		...f,
-		children: [
-			/* @__PURE__ */ g("span", {
-				"aria-hidden": "true",
-				className: i(`${m}--icon`, "mt-space-2xs inline-flex size-icon shrink-0 items-center justify-center"),
-				children: r
-			}),
-			(a !== void 0 || c !== void 0) && /* @__PURE__ */ _("div", {
-				className: i(`${m}--message`, "grid min-w-0", t === "inline" ? "gap-dense" : "gap-normal"),
-				children: [a !== void 0 && (J(a) ? /* @__PURE__ */ g(o, {
-					tag: "span",
-					weight: "semibold",
-					className: i(`${m}--title`, "block min-w-0"),
-					children: a
-				}) : /* @__PURE__ */ g("div", {
-					className: i(`${m}--title`, "min-w-0"),
-					children: a
-				})), c !== void 0 && (J(c) ? /* @__PURE__ */ g(o, {
-					tag: "span",
-					size: t === "inline" ? "xs" : void 0,
-					type: "secondary",
-					className: i(`${m}--description`, "block min-w-0"),
-					children: c
-				}) : /* @__PURE__ */ g("div", {
-					className: i(`${m}--description`, "min-w-0"),
-					children: c
-				}))]
-			}),
-			l !== void 0 && /* @__PURE__ */ g("div", {
-				className: i(`${m}--action`, "col-start-2 row-start-2 mt-space-sm justify-self-start", "sm:col-start-3 sm:row-start-1 sm:mt-0 sm:justify-self-end sm:self-start"),
-				children: l
-			}),
-			u !== void 0 && /* @__PURE__ */ g(s, {
-				gap: "md",
-				className: i(`${m}--details`, "col-start-2 col-end-[-1] mt-space-md"),
-				children: u
-			})
-		]
-	});
-});
-Y.displayName = "StateDisplayFrame";
-var X = d(function({ label: e, description: t, progress: n, variant: r = "inline", skeleton: i = !1, lines: a = 3, icon: o, className: s, ...c }, u) {
-	let d = typeof n == "number" ? Math.min(100, Math.max(0, n)) : void 0;
-	return /* @__PURE__ */ g(Y, {
-		ref: u,
-		role: "status",
-		"aria-live": "polite",
-		componentClassName: "loading-state--component",
-		variant: r,
-		tone: "neutral",
-		icon: o ?? /* @__PURE__ */ g(y, { className: "size-icon animate-spin text-muted-foreground" }),
-		title: e,
-		description: t,
-		details: d !== void 0 || i ? /* @__PURE__ */ _(h, { children: [d !== void 0 && /* @__PURE__ */ g(V, {
-			value: d,
-			size: "sm",
-			showValue: !1,
-			"aria-label": typeof e == "string" ? e : void 0
-		}), i === !0 ? /* @__PURE__ */ g(l, { lines: a }) : i] }) : void 0,
-		className: s,
-		...c
-	});
-});
-X.displayName = "LoadingState";
-var Z = d(function({ title: e, description: t, action: n, onRetry: r, retryLabel: i, variant: o = "panel", icon: s, className: c, ...l }, u) {
-	return /* @__PURE__ */ g(Y, {
-		ref: u,
-		role: "alert",
-		componentClassName: "error-state--component",
-		variant: o,
-		tone: "destructive",
-		icon: s ?? /* @__PURE__ */ g(v, { className: "size-icon text-destructive" }),
-		title: e,
-		description: t,
-		action: n ?? (r && i ? /* @__PURE__ */ g(a, {
-			type: "button",
-			tone: "destructive",
-			buttonStyle: "ghost",
-			onClick: r,
-			children: i
-		}) : void 0),
-		className: c,
-		...l
-	});
-});
-Z.displayName = "ErrorState";
-//#endregion
-export { W as a, F as c, N as d, A as f, U as i, k as l, M as m, X as n, H as o, j as p, V as r, G as s, Z as t, P as u };
-
-//# sourceMappingURL=feedback-a9j9J-9A.js.map

package/dist/feedback-a9j9J-9A.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-a9j9J-9A.js","names":["Empty","EmptyHeader","EmptyMedia","EmptyTitle","EmptyDescription","EmptyContent","isSimpleText","EmptyPrimitive","EmptyHeaderPrimitive","EmptyMediaPrimitive","EmptyTitlePrimitive","EmptyDescriptionPrimitive","EmptyContentPrimitive","isSimpleText","Progress","_Fragment","ProgressPrimitive","_Fragment","Progress","resolveComponentScale","useFormattingConfig","useDensityConfig","cn","Button","Text","Stack","trackHeightClasses","ContentSkeleton","Fragment$1","Empty$1","props","className","EmptyHeader$1","emptyMediaVariants","cva","EmptyMedia$1","variant","EmptyTitle$1","EmptyDescription$1","EmptyContent$1","isSimpleText$2","value","Empty","EmptyHeader","EmptyMedia","EmptyTitle","ariaLevel","resolvedRole","role","headingLevel","children","EmptyDescription","EmptyContent","defaultProgressStrings","ProgressContext","createContext","isSimpleText$1","INDICATOR_TONE_CLASSNAMES","mergeStateClassName","baseClassName","state","normalizeRange","min","minProp","maxCandidate","maxProp","normalizeValue","max","formatProgressValue","format","locale","normalized","Progress$1","forwardRef","valueProp","showValueProp","sizeProp","stringsProp","ariaDescribedBy","strings","useStrings","formatting","size","defaultScale","resolvedLocale","descriptionId","useId","formattedValue","usesGeneratedHeader","headerSlot","showValue","label","hasSummary","description","metadata","valueSlot","descriptionIds","resolvedGetAriaValueText","normalizedFormattedValue","currentValue","getAriaValueText","contextValue","useMemo","resolvedHeader","ProgressLabel","ProgressValue","resolvedTrack","trackSlot","ProgressTrack","trackProps","ProgressIndicator","indicatorProps","tone","Progress","context","useContext","primitiveValue","_primitiveFormattedValue","content","frameVariantClass","frameToneClass","isSimpleText","StateDisplayFrame","regionPrefix","componentClassName","icon","title","action","details","LoadingState","resolvedProgress","progress","Loader2","skeleton","ErrorState","AlertCircle","onRetry","retryLabel"],"sources":["../src/components/ui/empty.tsx","../src/components/base/feedback/empty.tsx","../src/components/base/feedback/progress.strings.ts","../src/components/base/feedback/progress.tsx","../src/components/base/feedback/state-display.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Empty({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\n        \"gap-2 flex max-w-sm flex-col items-center\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-space-md flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n}\n","/**\n * Tokenized low-level empty-state parts.\n *\n * Use the blocks `EmptyState` for an opinionated ready-made state. These\n * parts are for consumers that need to assemble their own media/content/action\n * anatomy without importing the internal shadcn primitive.\n */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tEmpty as EmptyPrimitive,\n\tEmptyContent as EmptyContentPrimitive,\n\tEmptyDescription as EmptyDescriptionPrimitive,\n\tEmptyHeader as EmptyHeaderPrimitive,\n\tEmptyMedia as EmptyMediaPrimitive,\n\tEmptyTitle as EmptyTitlePrimitive,\n} from '../../ui/empty';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type EmptyProps = ComponentProps<typeof EmptyPrimitive>;\nexport type EmptyContentProps = ComponentProps<typeof EmptyContentPrimitive>;\nexport type EmptyDescriptionProps = ComponentProps<typeof EmptyDescriptionPrimitive>;\nexport type EmptyHeaderProps = ComponentProps<typeof EmptyHeaderPrimitive>;\nexport type EmptyMediaProps = ComponentProps<typeof EmptyMediaPrimitive>;\nexport interface EmptyTitleProps extends ComponentProps<typeof EmptyTitlePrimitive> {\n\t/** Accessible heading level used by the default `role=\"heading\"` output. */\n\theadingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root layout for a consumer-blocks empty state. */\nexport function Empty({ className, ...props }: EmptyProps) {\n\treturn (\n\t\t<EmptyPrimitive\n\t\t\tclassName={cn('empty--component gap-space-lg rounded-radius-lg p-surface', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Centered title and description stack. */\nexport function EmptyHeader({ className, ...props }: EmptyHeaderProps) {\n\treturn <EmptyHeaderPrimitive className={cn('empty-header--component gap-normal', className)} {...props} />;\n}\n\n/** Optional icon or illustration region. */\nexport function EmptyMedia({ className, ...props }: EmptyMediaProps) {\n\treturn <EmptyMediaPrimitive className={cn('empty-media--component mb-space-sm', className)} {...props} />;\n}\n\n/** Empty-state heading calibrated to the admin typography scale. */\nexport function EmptyTitle({ className, headingLevel = 3, role, 'aria-level': ariaLevel, children, ...props }: EmptyTitleProps) {\n\tconst resolvedRole = role ?? 'heading';\n\treturn (\n\t\t<EmptyTitlePrimitive\n\t\t\trole={resolvedRole}\n\t\t\taria-level={ariaLevel ?? (resolvedRole === 'heading' ? headingLevel : undefined)}\n\t\t\tclassName={cn('empty-title--component tracking-normal', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"base\" weight=\"semibold\" lineHeight=\"tight\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</EmptyTitlePrimitive>\n\t);\n}\n\n/** Supporting explanation for the absence of content. */\nexport function EmptyDescription({ className, children, ...props }: EmptyDescriptionProps) {\n\treturn (\n\t\t<EmptyDescriptionPrimitive className={cn('empty-description--component', className)} {...props}>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" type=\"secondary\" lineHeight=\"relaxed\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</EmptyDescriptionPrimitive>\n\t);\n}\n\n/** Actions or next-step content rendered below the explanation. */\nexport function EmptyContent({ className, children, ...props }: EmptyContentProps) {\n\treturn (\n\t\t<EmptyContentPrimitive className={cn('empty-content--component gap-space-md', className)} {...props}>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</EmptyContentPrimitive>\n\t);\n}\n\nEmpty.displayName = 'Empty';\nEmptyHeader.displayName = 'EmptyHeader';\nEmptyMedia.displayName = 'EmptyMedia';\nEmptyTitle.displayName = 'EmptyTitle';\nEmptyDescription.displayName = 'EmptyDescription';\nEmptyContent.displayName = 'EmptyContent';\n","export interface ProgressStrings {\n\t/** Screen-reader value announced while progress is indeterminate. */\n\tindeterminateValue: string;\n}\n\nexport const defaultProgressStrings: ProgressStrings = {\n\tindeterminateValue: 'In progress',\n};\n","import { trackHeightClasses } from '../../../lib/track-recipes';\n/**\n * Progress — token-driven Base UI progress wrapper for completion, quota,\n * and long-running task states.\n *\n * The root keeps the Base UI accessibility contract while adding a concise\n * admin summary API (`label`, `description`, `metadata`, `showValue`),\n * semantic tones, structural sizes, stable DOM hooks, and composition slots.\n * Consumers can still assemble `ProgressLabel`, `ProgressValue`,\n * `ProgressTrack`, and `ProgressIndicator` directly.\n */\nimport { Progress as ProgressPrimitive } from '@base-ui/react/progress';\nimport { createContext, forwardRef, useContext, useId, useMemo, type ReactNode } from 'react';\n\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { useDensityConfig, useFormattingConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport type { SemanticTone } from '../../../lib/component-vocabulary';\n\nimport { defaultProgressStrings, type ProgressStrings } from './progress.strings';\n\nexport type ProgressSize = ComponentScale;\nexport type ProgressTone = SemanticTone;\n\ntype ProgressRootState = ProgressPrimitive.Root.State;\ntype ProgressTrackState = ProgressPrimitive.Track.State;\ntype ProgressIndicatorState = ProgressPrimitive.Indicator.State;\ntype ProgressLabelState = ProgressPrimitive.Label.State;\ntype ProgressValueState = ProgressPrimitive.Value.State;\n\ntype StatefulClassName<TState> = string | ((state: TState) => string | undefined) | undefined;\n\nexport interface ProgressProps extends Omit<\n\tProgressPrimitive.Root.Props,\n\t'children' | 'format' | 'getAriaValueText' | 'locale' | 'max' | 'min' | 'value'\n> {\n\t/** Current value. `null` renders an indeterminate state. */\n\tvalue: number | null;\n\t/** Minimum value used to normalize the visual percentage. @default 0 */\n\tmin?: number;\n\t/** Maximum value used to normalize the visual percentage. @default 100 */\n\tmax?: number;\n\t/** Intl options for formatting the raw value instead of the default normalized percentage. */\n\tformat?: Intl.NumberFormatOptions;\n\t/** Locale forwarded to `Intl.NumberFormat`. */\n\tlocale?: Intl.LocalesArgument;\n\t/** Human-readable text for the current value. Receives the wrapper's normalized display value. */\n\tgetAriaValueText?: (formattedValue: string | null, value: number | null) => string;\n\t/** Low-level compound content. `headerSlot` takes precedence when both are supplied. */\n\tchildren?: ReactNode;\n\t/** Accessible visual label. Supplying it also enables `showValue` by default. */\n\tlabel?: ReactNode;\n\t/** Supporting text automatically connected with `aria-describedby`. */\n\tdescription?: ReactNode;\n\t/** Optional right-aligned task metadata, such as \"18,400 of 25,000 rows\". */\n\tmetadata?: ReactNode;\n\t/** Show the formatted value beside the label. Defaults to `true` when `label` is supplied. */\n\tshowValue?: boolean;\n\t/** Replaces the formatted value while retaining the default summary layout. */\n\tvalueSlot?: ReactNode;\n\t/** Replaces the entire content above the track. */\n\theaderSlot?: ReactNode;\n\t/** Replaces the default track and indicator composition. */\n\ttrackSlot?: ReactNode;\n\t/** Track thickness. @default \"default\" */\n\tsize?: ProgressSize;\n\t/** Semantic indicator color. @default \"primary\" */\n\ttone?: ProgressTone;\n\t/** Props forwarded to the default track. Ignored when `trackSlot` is supplied. */\n\ttrackProps?: ProgressTrackProps;\n\t/** Props forwarded to the default indicator. Ignored when `trackSlot` is supplied. */\n\tindicatorProps?: ProgressIndicatorProps;\n\t/** Override the indeterminate screen-reader copy. */\n\tstrings?: StringsProp<ProgressStrings>;\n}\n\nexport interface ProgressTrackProps extends ProgressPrimitive.Track.Props {\n\t/** Track thickness. @default \"default\" */\n\tsize?: ProgressSize;\n}\n\nexport interface ProgressIndicatorProps extends ProgressPrimitive.Indicator.Props {\n\t/** Semantic fill color. @default \"primary\" */\n\ttone?: ProgressTone;\n}\n\nexport interface ProgressLabelProps extends ProgressPrimitive.Label.Props {\n\t/** Accessible label content. */\n\tchildren?: ReactNode;\n}\n\nexport interface ProgressValueProps extends Omit<ProgressPrimitive.Value.Props, 'children'> {\n\t/** Customize the formatted display while preserving the value semantics. */\n\tchildren?: (formattedValue: string | null, value: number | null) => ReactNode;\n}\n\ninterface ProgressContextValue {\n\tformattedValue: string | null;\n\tvalue: number | null;\n}\n\nconst ProgressContext = createContext<ProgressContextValue | null>(null);\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n\n\nconst INDICATOR_TONE_CLASSNAMES: Record<ProgressTone, string> = {\n\tneutral: 'bg-muted-foreground',\n\tprimary: 'bg-primary',\n\tsecondary: 'bg-secondary-foreground',\n\tsuccess: 'bg-success',\n\tinfo: 'bg-info',\n\twarning: 'bg-warning',\n\tdestructive: 'bg-destructive',\n};\n\nfunction mergeStateClassName<TState>(\n\tbaseClassName: string,\n\tclassName: StatefulClassName<TState>,\n): string | ((state: TState) => string) {\n\tif (typeof className === 'function') {\n\t\treturn (state) => cn(baseClassName, className(state));\n\t}\n\n\treturn cn(baseClassName, className);\n}\n\nfunction normalizeRange(minProp: number | undefined, maxProp: number | undefined) {\n\tconst min = Number.isFinite(minProp) ? (minProp as number) : 0;\n\tconst maxCandidate = Number.isFinite(maxProp) ? (maxProp as number) : 100;\n\tconst max = maxCandidate > min ? maxCandidate : min + 100;\n\n\treturn { min, max };\n}\n\nfunction normalizeValue(value: number | null, min: number, max: number): number | null {\n\tif (value === null || !Number.isFinite(value)) return null;\n\treturn Math.min(max, Math.max(min, value));\n}\n\nfunction formatProgressValue(\n\tvalue: number | null,\n\tmin: number,\n\tmax: number,\n\tlocale: Intl.LocalesArgument | undefined,\n\tformat: Intl.NumberFormatOptions | undefined,\n): string | null {\n\tif (value === null) return null;\n\n\tif (format) {\n\t\treturn new Intl.NumberFormat(locale, format).format(value);\n\t}\n\n\tconst normalized = max === min ? 0 : (value - min) / (max - min);\n\treturn new Intl.NumberFormat(locale, {\n\t\tstyle: 'percent',\n\t\tmaximumFractionDigits: 0,\n\t}).format(normalized);\n}\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n\t{\n\t\tvalue: valueProp,\n\t\tmin: minProp,\n\t\tmax: maxProp,\n\t\tformat,\n\t\tlocale,\n\t\tgetAriaValueText,\n\t\tchildren,\n\t\tlabel,\n\t\tdescription,\n\t\tmetadata,\n\t\tshowValue: showValueProp,\n\t\tvalueSlot,\n\t\theaderSlot,\n\t\ttrackSlot,\n\t\tsize: sizeProp,\n\t\ttone = 'primary',\n\t\ttrackProps,\n\t\tindicatorProps,\n\t\tstrings: stringsProp,\n\t\tclassName,\n\t\t'aria-describedby': ariaDescribedBy,\n\t\t...props\n\t},\n\tref,\n) {\n\tconst strings = useStrings(defaultProgressStrings, stringsProp);\n\tconst formatting = useFormattingConfig();\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst resolvedLocale = locale ?? formatting.locale;\n\tconst descriptionId = useId();\n\tconst { min, max } = normalizeRange(minProp, maxProp);\n\tconst value = normalizeValue(valueProp, min, max);\n\tconst formattedValue = formatProgressValue(value, min, max, resolvedLocale, format);\n\tconst usesGeneratedHeader = headerSlot === undefined && children === undefined;\n\tconst showValue = showValueProp ?? label !== undefined;\n\tconst hasSummary =\n\t\tlabel !== undefined || description !== undefined || metadata !== undefined || valueSlot !== undefined || showValue;\n\tconst descriptionIds =\n\t\t[ariaDescribedBy, usesGeneratedHeader && description !== undefined ? descriptionId : undefined]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ') || undefined;\n\tconst resolvedGetAriaValueText = (_formattedValue: string | null, currentValue: number | null) => {\n\t\tconst normalizedFormattedValue = formatProgressValue(currentValue, min, max, resolvedLocale, format);\n\t\tif (getAriaValueText) {\n\t\t\treturn getAriaValueText(normalizedFormattedValue, currentValue);\n\t\t}\n\t\treturn normalizedFormattedValue ?? strings.indeterminateValue;\n\t};\n\tconst contextValue = useMemo(() => ({ formattedValue, value }), [formattedValue, value]);\n\tconst resolvedHeader =\n\t\theaderSlot ??\n\t\tchildren ??\n\t\t(hasSummary ? (\n\t\t\t<>\n\t\t\t\t<div className=\"progress--summary min-w-0\">\n\t\t\t\t\t{label !== undefined && <ProgressLabel>{label}</ProgressLabel>}\n\t\t\t\t\t{description !== undefined &&\n\t\t\t\t\t\t(isSimpleText(description) ? (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tid={descriptionId}\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\tclassName=\"progress--description mt-space-2xs block\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div id={descriptionId} className=\"progress--description mt-space-2xs\">\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t{(showValue || valueSlot !== undefined || metadata !== undefined) && (\n\t\t\t\t\t<Stack gap=\"2xs\" align=\"end\" className=\"progress--details text-right\">\n\t\t\t\t\t\t{valueSlot ?? (showValue ? <ProgressValue /> : null)}\n\t\t\t\t\t\t{metadata !== undefined &&\n\t\t\t\t\t\t\t(isSimpleText(metadata) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"progress--metadata tabular-nums\">\n\t\t\t\t\t\t\t\t\t{metadata}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tmetadata\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</>\n\t\t) : null);\n\tconst resolvedTrack = trackSlot ?? (\n\t\t<ProgressTrack {...trackProps} size={trackProps?.size ?? size}>\n\t\t\t{trackProps?.children ?? <ProgressIndicator {...indicatorProps} tone={indicatorProps?.tone ?? tone} />}\n\t\t</ProgressTrack>\n\t);\n\n\treturn (\n\t\t<ProgressContext.Provider value={contextValue}>\n\t\t\t<ProgressPrimitive.Root\n\t\t\t\tref={ref}\n\t\t\t\tvalue={value}\n\t\t\t\tmin={min}\n\t\t\t\tmax={max}\n\t\t\t\tformat={format}\n\t\t\t\tlocale={resolvedLocale}\n\t\t\t\tgetAriaValueText={resolvedGetAriaValueText}\n\t\t\t\taria-describedby={descriptionIds}\n\t\t\t\tdata-slot=\"progress\"\n\t\t\t\tdata-size={size}\n\t\t\t\tdata-tone={tone}\n\t\t\t\tclassName={mergeStateClassName<ProgressRootState>(\n\t\t\t\t\t'progress--component grid min-w-0 w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-space-lg gap-y-space-sm',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{resolvedHeader}\n\t\t\t\t{resolvedTrack}\n\t\t\t</ProgressPrimitive.Root>\n\t\t</ProgressContext.Provider>\n\t);\n});\nProgress.displayName = 'Progress';\n\nconst ProgressTrack = forwardRef<HTMLDivElement, ProgressTrackProps>(function ProgressTrack(\n\t{ className, size: sizeProp, ...props },\n\tref,\n) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\treturn (\n\t\t<ProgressPrimitive.Track\n\t\t\tref={ref}\n\t\t\tdata-slot=\"progress-track\"\n\t\t\tdata-size={size}\n\t\t\tclassName={mergeStateClassName<ProgressTrackState>(\n\t\t\t\tcn(\n\t\t\t\t\t'progress-track--component progress--track relative col-span-full flex w-full items-center overflow-hidden rounded-full bg-muted',\n\t\t\t\t\ttrackHeightClasses[size],\n\t\t\t\t),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nProgressTrack.displayName = 'ProgressTrack';\n\nconst ProgressIndicator = forwardRef<HTMLDivElement, ProgressIndicatorProps>(function ProgressIndicator(\n\t{ className, tone = 'primary', ...props },\n\tref,\n) {\n\treturn (\n\t\t<ProgressPrimitive.Indicator\n\t\t\tref={ref}\n\t\t\tdata-slot=\"progress-indicator\"\n\t\t\tdata-tone={tone}\n\t\t\tclassName={mergeStateClassName<ProgressIndicatorState>(\n\t\t\t\tcn(\n\t\t\t\t\t'progress-indicator--component progress--indicator h-full rounded-full transition-[width] duration-300 ease-out motion-reduce:transition-none',\n\t\t\t\t\t'data-[indeterminate]:w-full motion-safe:data-[indeterminate]:animate-pulse',\n\t\t\t\t\tINDICATOR_TONE_CLASSNAMES[tone],\n\t\t\t\t),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nProgressIndicator.displayName = 'ProgressIndicator';\n\nconst ProgressLabel = forwardRef<HTMLSpanElement, ProgressLabelProps>(function ProgressLabel(\n\t{ className, children, ...props },\n\tref,\n) {\n\treturn (\n\t\t<ProgressPrimitive.Label\n\t\t\tref={ref}\n\t\t\tdata-slot=\"progress-label\"\n\t\t\tclassName={mergeStateClassName<ProgressLabelState>(\n\t\t\t\t'progress-label--component progress--label min-w-0',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" weight=\"medium\" lineHeight=\"tight\" className=\"block\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</ProgressPrimitive.Label>\n\t);\n});\nProgressLabel.displayName = 'ProgressLabel';\n\nconst ProgressValue = forwardRef<HTMLSpanElement, ProgressValueProps>(function ProgressValue(\n\t{ className, children, ...props },\n\tref,\n) {\n\tconst context = useContext(ProgressContext);\n\n\treturn (\n\t\t<ProgressPrimitive.Value\n\t\t\tref={ref}\n\t\t\tdata-slot=\"progress-value\"\n\t\t\tclassName={mergeStateClassName<ProgressValueState>(\n\t\t\t\t'progress-value--component progress--value whitespace-nowrap',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{(_primitiveFormattedValue, primitiveValue) => {\n\t\t\t\tconst value = context?.value ?? primitiveValue;\n\t\t\t\tconst formattedValue = context?.formattedValue ?? _primitiveFormattedValue;\n\t\t\t\tconst content = children ? children(formattedValue, value) : formattedValue;\n\n\t\t\t\tif (content === null || content === undefined) return null;\n\t\t\t\treturn isSimpleText(content) ? (\n\t\t\t\t\t// The percentage is the bar's primary value, so it mirrors\n\t\t\t\t\t// ProgressLabel: provider-default size and medium weight. Pinning\n\t\t\t\t\t// it to `xs`/secondary demoted the headline number below its own\n\t\t\t\t\t// caption and left the two off a shared baseline.\n\t\t\t\t\t<Text tag=\"span\" weight=\"medium\" lineHeight=\"tight\" className=\"block tabular-nums\">\n\t\t\t\t\t\t{content}\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\tcontent\n\t\t\t\t);\n\t\t\t}}\n\t\t</ProgressPrimitive.Value>\n\t);\n});\nProgressValue.displayName = 'ProgressValue';\n\nexport { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, defaultProgressStrings };\nexport type { ProgressStrings };\n","/**\n * Shared async-state presentations for bounded admin surfaces.\n *\n * `inline` is a compact, chrome-free status for menus, table regions, and\n * existing panels. `panel` owns one deliberate frame so consumers do not\n * have to recreate card padding around loading and error states. Loading and\n * error use the same icon/message/action grid, which keeps transitions between\n * states visually stable.\n */\nimport { AlertCircle, Loader2 } from 'lucide-react';\nimport {\n\tforwardRef,\n\ttype ComponentPropsWithoutRef,\n\ttype ReactNode,\n} from 'react';\n\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nimport { Progress } from './progress';\nimport { ContentSkeleton } from '../skeleton/skeleton';\n\ntype DivProps = ComponentPropsWithoutRef<'div'>;\ntype StateDisplayVariant = 'inline' | 'panel';\ntype StateDisplayTone = 'neutral' | 'destructive';\n\ninterface StateDisplayFrameProps extends Omit<DivProps, 'title'> {\n\tcomponentClassName: string;\n\t/** Which state is shown — loading, empty, or error. */\n\tvariant: StateDisplayVariant;\n\ttone: StateDisplayTone;\n\t/** Glyph shown above the message. */\n\ticon: ReactNode;\n\t/** Heading above the description. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Control offered alongside the message. */\n\taction?: ReactNode;\n\tdetails?: ReactNode;\n}\n\nconst frameVariantClass: Record<StateDisplayVariant, string> = {\n\tinline: 'w-full max-w-full py-row-y',\n\tpanel: 'w-full rounded-radius-lg border p-surface',\n};\n\nconst frameToneClass: Record<StateDisplayTone, string> = {\n\tneutral: 'border-border bg-card',\n\tdestructive: 'border-destructive/30 bg-destructive/5',\n};\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nconst StateDisplayFrame = forwardRef<HTMLDivElement, StateDisplayFrameProps>(\n\tfunction StateDisplayFrame({\n\t\tcomponentClassName,\n\t\tvariant,\n\t\ttone,\n\t\ticon,\n\t\ttitle,\n\t\tdescription,\n\t\taction,\n\t\tdetails,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst regionPrefix = componentClassName.replace('--component', '');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tdata-variant={variant}\n\t\t\t\tdata-tone={tone}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tcomponentClassName,\n\t\t\t\t\t'grid min-w-0 grid-cols-[auto_minmax(0,1fr)] items-start gap-x-space-sm',\n\t\t\t\t\t'sm:grid-cols-[auto_minmax(0,1fr)_auto]',\n\t\t\t\t\tframeVariantClass[variant],\n\t\t\t\t\tvariant === 'panel' && frameToneClass[tone],\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t`${regionPrefix}--icon`,\n\t\t\t\t\t\t'mt-space-2xs inline-flex size-icon shrink-0 items-center justify-center',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{icon}\n\t\t\t\t</span>\n\t\t\t\t{(title !== undefined || description !== undefined) && (\n\t\t\t\t\t<div className={cn(`${regionPrefix}--message`, 'grid min-w-0', variant === 'inline' ? 'gap-dense' : 'gap-normal')}>\n\t\t\t\t\t\t{title !== undefined && (\n\t\t\t\t\t\t\tisSimpleText(title) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"semibold\" className={cn(`${regionPrefix}--title`, 'block min-w-0')}>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : <div className={cn(`${regionPrefix}--title`, 'min-w-0')}>{title}</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{description !== undefined && (\n\t\t\t\t\t\t\tisSimpleText(description) ? (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\t\tsize={variant === 'inline' ? 'xs' : undefined}\n\t\t\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\t\t\tclassName={cn(`${regionPrefix}--description`, 'block min-w-0')}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<div className={cn(`${regionPrefix}--description`, 'min-w-0')}>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{action !== undefined && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t`${regionPrefix}--action`,\n\t\t\t\t\t\t\t'col-start-2 row-start-2 mt-space-sm justify-self-start',\n\t\t\t\t\t\t\t'sm:col-start-3 sm:row-start-1 sm:mt-0 sm:justify-self-end sm:self-start',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{action}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{details !== undefined && (\n\t\t\t\t\t<Stack\n\t\t\t\t\t\tgap=\"md\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t`${regionPrefix}--details`,\n\t\t\t\t\t\t\t'col-start-2 col-end-[-1] mt-space-md',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{details}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nStateDisplayFrame.displayName = 'StateDisplayFrame';\n\nexport type LoadingStateVariant = StateDisplayVariant;\n\nexport interface LoadingStateProps extends DivProps {\n\t/** Primary line of the state message. */\n\tlabel?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Completion percentage, 0-100, for determinate loading. */\n\tprogress?: number;\n\t/** Which state is shown — loading, empty, or error. */\n\tvariant?: LoadingStateVariant;\n\t/** Renders placeholder bars instead of a message. */\n\tskeleton?: boolean | ReactNode;\n\t/** How many skeleton bars to draw. */\n\tlines?: number;\n\t/** Glyph shown above the message. */\n\ticon?: ReactNode;\n}\n\nexport const LoadingState = forwardRef<HTMLDivElement, LoadingStateProps>(\n\tfunction LoadingState({\n\t\tlabel,\n\t\tdescription,\n\t\tprogress,\n\t\tvariant = 'inline',\n\t\tskeleton = false,\n\t\tlines = 3,\n\t\ticon,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst resolvedProgress = typeof progress === 'number'\n\t\t\t? Math.min(100, Math.max(0, progress))\n\t\t\t: undefined;\n\t\tconst details = resolvedProgress !== undefined || skeleton\n\t\t\t? (\n\t\t\t\t<>\n\t\t\t\t\t{resolvedProgress !== undefined && (\n\t\t\t\t\t\t<Progress\n\t\t\t\t\t\t\tvalue={resolvedProgress}\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tshowValue={false}\n\t\t\t\t\t\t\taria-label={typeof label === 'string' ? label : undefined}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{skeleton === true ? <ContentSkeleton lines={lines} /> : skeleton}\n\t\t\t\t</>\n\t\t\t)\n\t\t\t: undefined;\n\n\t\treturn (\n\t\t\t<StateDisplayFrame\n\t\t\t\tref={ref}\n\t\t\t\trole=\"status\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\tcomponentClassName=\"loading-state--component\"\n\t\t\t\tvariant={variant}\n\t\t\t\ttone=\"neutral\"\n\t\t\t\ticon={icon ?? (\n\t\t\t\t\t<Loader2 className=\"size-icon animate-spin text-muted-foreground\" />\n\t\t\t\t)}\n\t\t\t\ttitle={label}\n\t\t\t\tdescription={description}\n\t\t\t\tdetails={details}\n\t\t\t\tclassName={className}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nLoadingState.displayName = 'LoadingState';\n\nexport type ErrorStateVariant = StateDisplayVariant;\n\nexport interface ErrorStateProps extends Omit<DivProps, 'title'> {\n\t/** Heading above the description. */\n\ttitle?: ReactNode;\n\t/** Supporting copy under the label. */\n\tdescription?: ReactNode;\n\t/** Control offered alongside the message. */\n\taction?: ReactNode;\n\tonRetry?: () => void;\n\t/** Copy for the retry action in the error state. */\n\tretryLabel?: ReactNode;\n\t/** Which state is shown — loading, empty, or error. */\n\tvariant?: ErrorStateVariant;\n\t/** Glyph shown above the message. */\n\ticon?: ReactNode;\n}\n\nexport const ErrorState = forwardRef<HTMLDivElement, ErrorStateProps>(\n\tfunction ErrorState({\n\t\ttitle,\n\t\tdescription,\n\t\taction,\n\t\tonRetry,\n\t\tretryLabel,\n\t\tvariant = 'panel',\n\t\ticon,\n\t\tclassName,\n\t\t...props\n\t}, ref) {\n\t\tconst retryAction = action ?? (onRetry && retryLabel ? (\n\t\t\t<Button\n\t\t\t\ttype=\"button\"\n\t\t\t\ttone=\"destructive\"\n\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\tonClick={onRetry}\n\t\t\t>\n\t\t\t\t{retryLabel}\n\t\t\t</Button>\n\t\t) : undefined);\n\n\t\treturn (\n\t\t\t<StateDisplayFrame\n\t\t\t\tref={ref}\n\t\t\t\trole=\"alert\"\n\t\t\t\tcomponentClassName=\"error-state--component\"\n\t\t\t\tvariant={variant}\n\t\t\t\ttone=\"destructive\"\n\t\t\t\ticon={icon ?? <AlertCircle className=\"size-icon text-destructive\" />}\n\t\t\t\ttitle={title}\n\t\t\t\tdescription={description}\n\t\t\t\taction={retryAction}\n\t\t\t\tclassName={className}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nErrorState.displayName = 'ErrorState';\n"],"mappings":"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"}

package/dist/field-affordance-recipes-CHdUtn2Z.js

@@ -1,17 +0,0 @@
-import { t as e } from "./affordance-geometry.generated-DXl-Zb3Z.js";
-//#region src/lib/field-affordance-recipes.ts
-var t = {
-	target: "inline-flex size-control-clear shrink-0 items-center justify-center rounded-inner p-0 outline-none transition-[color,box-shadow]",
-	focus: "focus-visible:z-10 focus-visible:border-input focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-	clear: "text-muted-foreground hover:text-foreground",
-	toggle: "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-	icon: "size-control-clear-icon shrink-0 max-h-full max-w-full",
-	centered: "absolute top-1/2 -translate-y-1/2",
-	clearEnd: e.clearEnd,
-	clearPadding: e.clearPadding,
-	togglePadding: e.togglePadding
-};
-//#endregion
-export { t };
-
-//# sourceMappingURL=field-affordance-recipes-CHdUtn2Z.js.map

package/dist/field-affordance-recipes-CHdUtn2Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-affordance-recipes-CHdUtn2Z.js","names":["affordanceGeometry","fieldAffordanceRecipes"],"sources":["../src/lib/field-affordance-recipes.ts"],"sourcesContent":["import { affordanceGeometry } from './affordance-geometry.generated';\n\n/** Field affordances have one target/clearance owner. Primitives own behavior. */\nexport const fieldAffordanceRecipes = {\n\ttarget: 'inline-flex size-control-clear shrink-0 items-center justify-center rounded-inner p-0 outline-none transition-[color,box-shadow]',\n\tfocus: 'focus-visible:z-10 focus-visible:border-input focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\tclear: 'text-muted-foreground hover:text-foreground',\n\ttoggle: 'text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n\ticon: 'size-control-clear-icon shrink-0 max-h-full max-w-full',\n\tcentered: 'absolute top-1/2 -translate-y-1/2',\n\tclearEnd: affordanceGeometry.clearEnd,\n\tclearPadding: affordanceGeometry.clearPadding,\n\ttogglePadding: affordanceGeometry.togglePadding,\n} as const;\n"],"mappings":";;AAGA,IAAaC,IAAyB;CACrC,QAAQ;CACR,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,UAAU;CACV,UAAUD,EAAmB;CAC7B,cAAcA,EAAmB;CACjC,eAAeA,EAAmB;AACnC"}

package/dist/field-state-recipes-CBTRt9Bt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-state-recipes-CBTRt9Bt.js","names":["fieldStateRecipes"],"sources":["../src/lib/field-state-recipes.ts"],"sourcesContent":["/** Native fields and field-shaped triggers share one frame-state contract.\n * Validation marks the frame; editable values retain the semantic foreground.\n * Compound fields apply the same state to their outer frame, never each child.\n */\nexport const fieldStateRecipes = {\n\tfocus: 'focus-visible:border-input focus-visible:ring-ring/50 focus-visible:ring-2',\n\tinvalid: 'aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n\tgroupFocus: 'has-[[data-slot=input-group-control]:focus-visible]:border-input has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-2',\n\tgroupInvalid: 'has-[[data-slot][aria-invalid=true]]:ring-2 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[[data-slot][aria-invalid=true]]:border-destructive',\n} as const;\n"],"mappings":";AAIA,IAAaA,IAAoB;CAChC,OAAO;CACP,SAAS;CACT,YAAY;CACZ,cAAc;AACf"}