@flood-md/react 0.2.6 → 0.2.9

package/dist/index.js

@@ -25,12 +25,114 @@ import { ConfirmationDialog } from "./alert-dialog.js";
 import { FilePicker } from "./file-input.js";
 import { SearchField, PasswordField } from "./text-inputs.js";
 import { SearchSelection } from "./combobox.js";
+import { FreeTagEntry } from "./tag-input.js";
+import { InlineEditable } from "./editable.js";
+import { SearchCommandList } from "./command-list.js";
+import { SegmentedDateField } from "./date-field.js";
+import { SegmentedTimeField } from "./time-field.js";
+import { DateCalendar } from "./calendar.js";
+import { CalendarDatePicker } from "./date-picker.js";
+import { ValidationErrorSummary } from "./error-summary.js";
+import { ResizablePaneGroup } from "./resizable-panels.js";
+import { DateRangeCalendar } from "./range-calendar.js";
+import { PairedDateRangeField } from "./date-range-field.js";
+import { CalendarDateRangePicker } from "./date-range-picker.js";
+import { ContextActionMenu } from "./context-menu.js";
+import { SelectionTree } from "./tree.js";
+import { ClockTimePicker } from "./time-picker.js";
+import { CivilDateTimeRangePicker } from "./date-time-range-picker.js";
+import { FileRecord, UploadRecord, ModalImagePreview, FileMetadata } from "./file-records.js";
+import { ManagedDataTable } from "./data-table.js";
+import { CheckableCard, ExclusiveCard } from "./collection-cards.js";
+import { ColorPreview, ColorEditor } from "./color-controls.js";
+import { HoverPreview } from "./hover-card.js";
+import { HierarchicalSelect } from "./tree-select.js";
+import { CivilDateTimePicker } from "./date-time-picker.js";
+import { HierarchicalNavigation } from "./navigation-tree.js";
+/** @since 0.2.8 */
+export const TimePicker = /* @__PURE__ */ forwardRef(function TimePicker(props, ref) { return _jsx(ClockTimePicker, { ...props, ref: ref }); });
+/** Four atomic civil date/time form values, without timezone conversion. @since 0.2.8 */
+export const DateTimeRangePicker = /* @__PURE__ */ forwardRef(function DateTimeRangePicker(props, ref) { return _jsx(CivilDateTimeRangePicker, { ...props, ref: ref }); });
+/** A quiet combined format/size chip; display metadata only. @since 0.2.8 */
+export const FileMeta = /* @__PURE__ */ forwardRef(function FileMeta(props, ref) { return _jsx(FileMetadata, { ...props, ref: ref }); });
+/** A display row; it neither reads files nor creates object URLs. @since 0.2.8 */
+export const FileItem = /* @__PURE__ */ forwardRef(function FileItem(props, ref) { return _jsx(FileRecord, { ...props, ref: ref }); });
+/** A named native list of FileItem rows. @since 0.2.8 */
+export const FileList = /* @__PURE__ */ forwardRef(function FileList({ label, className, ...props }, ref) {
+    if (!label.trim())
+        throw new Error("Flood FileList requires a nonempty label");
+    return _jsx(DataList, { ...props, ref: ref, "aria-label": label, className: classes("flood-file-list", className) });
+});
+/** Host-owned upload state with applicable actions only. @since 0.2.8 */
+export const UploadItem = /* @__PURE__ */ forwardRef(function UploadItem(props, ref) { return _jsx(UploadRecord, { ...props, ref: ref }); });
+/** A named native list of UploadItem rows. @since 0.2.8 */
+export const UploadList = /* @__PURE__ */ forwardRef(function UploadList(props, ref) { return _jsx(FileList, { ...props, ref: ref }); });
+/** A single-image viewer using Flood Dialog focus and dismissal. @since 0.2.8 */
+export const ImagePreview = /* @__PURE__ */ forwardRef(function ImagePreview(props, ref) { return _jsx(ModalImagePreview, { ...props, ref: ref }); });
+/** A client-side table composed from native table, checkbox and pagination. @since 0.2.8 */
+export const DataTable = /* @__PURE__ */ forwardRef(function DataTable(props, ref) { return _jsx(ManagedDataTable, { ...props, ref: ref }); });
+/** A native list; links and actions stay independent. @since 0.2.8 */
+export const DataList = /* @__PURE__ */ forwardRef(function DataList({ density = "comfortable", dividers = true, className, ...props }, ref) {
+    return _jsx("ul", { ...props, ref: ref, role: "list", "data-density": density, "data-dividers": dividers, className: classes("flood-data-list", className) });
+});
+/** A structured list row, never an interactive wrapper. @since 0.2.8 */
+export const DataListItem = /* @__PURE__ */ forwardRef(function DataListItem({ title, description, media, metadata, actions, className, ...props }, ref) {
+    return _jsxs("li", { ...props, ref: ref, className: classes("flood-data-list-item", className), children: [hasFieldContent(media) && _jsx("div", { className: "flood-data-list-item__media", children: media }), _jsxs("div", { className: "flood-data-list-item__copy", children: [_jsx("div", { className: "flood-data-list-item__title", children: title }), hasFieldContent(description) && _jsx("div", { className: "flood-data-list-item__description", children: description })] }), (hasFieldContent(metadata) || hasFieldContent(actions)) && _jsxs("div", { className: "flood-data-list-item__trailing", children: [hasFieldContent(metadata) && _jsx("div", { className: "flood-data-list-item__metadata", children: metadata }), hasFieldContent(actions) && _jsx("div", { className: "flood-data-list-item__actions", children: actions })] })] });
+});
+/** A native checkbox inside a clickable noninteractive content card. @since 0.2.8 */
+export const CheckCard = /* @__PURE__ */ forwardRef(function CheckCard(props, ref) { return _jsx(CheckableCard, { ...props, ref: ref }); });
+/** Give exclusive choices the same native name and an enclosing Fieldset. @since 0.2.8 */
+export const RadioCard = /* @__PURE__ */ forwardRef(function RadioCard(props, ref) { return _jsx(ExclusiveCard, { ...props, ref: ref }); });
+/** @since 0.2.8 */
+export const ColorSwatch = /* @__PURE__ */ forwardRef(function ColorSwatch(props, ref) { return _jsx(ColorPreview, { ...props, ref: ref }); });
+/** @since 0.2.8 */
+export const ColorPicker = /* @__PURE__ */ forwardRef(function ColorPicker(props, ref) { return _jsx(ColorEditor, { ...props, ref: ref }); });
+/** @since 0.2.8 */
+export const HoverCard = /* @__PURE__ */ forwardRef(function HoverCard(props, ref) { return _jsx(HoverPreview, { ...props, ref: ref }); });
+/** @since 0.2.8 */
+export const TreeSelect = /* @__PURE__ */ forwardRef(function TreeSelect(props, ref) { return _jsx(HierarchicalSelect, { ...props, ref: ref }); });
+/** @since 0.2.8 */
+export const DateTimePicker = /* @__PURE__ */ forwardRef(function DateTimePicker(props, ref) {
+    return _jsx(CivilDateTimePicker, { ...props, ref: ref });
+});
+/** @since 0.2.7 */
+export const Tree = /* @__PURE__ */ forwardRef(function Tree(props, ref) {
+    return _jsx(SelectionTree, { ...props, ref: ref });
+});
+/** @since 0.2.7 */
+export const NavigationTree = /* @__PURE__ */ forwardRef(function NavigationTree(props, ref) {
+    return _jsx(HierarchicalNavigation, { ...props, ref: ref });
+});
+/** @since 0.2.7 */
+export const ErrorSummary = /* @__PURE__ */ forwardRef(function ErrorSummary({ announcement = "off", autoFocus = false, ...props }, ref) { return _jsx(ValidationErrorSummary, { ...props, ref: ref, announcement: announcement, autoFocus: autoFocus }); });
+/** @since 0.2.7 */
+export const ResizablePanels = /* @__PURE__ */ forwardRef(function ResizablePanels({ orientation = "horizontal", defaultValue = 50, min = 10, max = 90, step = 1, largeStep = 10, ...props }, ref) { return _jsx(ResizablePaneGroup, { ...props, ref: ref, orientation: orientation, defaultValue: defaultValue, min: min, max: max, step: step, largeStep: largeStep }); });
+/** @since 0.2.7 */
+export const RangeCalendar = /* @__PURE__ */ forwardRef(function RangeCalendar({ weekStartsOn = 0, locale = "en-US", autoFocus = false, ...props }, ref) { return _jsx(DateRangeCalendar, { ...props, ref: ref, weekStartsOn: weekStartsOn, locale: locale, autoFocus: autoFocus }); });
+/** @since 0.2.7 */
+export const DateRangeField = /* @__PURE__ */ forwardRef(function DateRangeField({ controlSize = "md", order = "month-day-year", startLabel = "Start date", endLabel = "End date", ...props }, ref) { return _jsx(PairedDateRangeField, { ...props, ref: ref, controlSize: controlSize, order: order, startLabel: startLabel, endLabel: endLabel }); });
+/** @since 0.2.7 */
+export const DateRangePicker = /* @__PURE__ */ forwardRef(function DateRangePicker({ controlSize = "md", defaultOpen = false, ...props }, ref) { return _jsx(CalendarDateRangePicker, { ...props, ref: ref, controlSize: controlSize, defaultOpen: defaultOpen }); });
+/** @since 0.2.7 */
+export const DatePicker = /* @__PURE__ */ forwardRef(function DatePicker({ controlSize = "md", defaultOpen = false, ...props }, ref) { return _jsx(CalendarDatePicker, { ...props, ref: ref, controlSize: controlSize, defaultOpen: defaultOpen }); });
+/** @since 0.2.7 */
+export const Calendar = /* @__PURE__ */ forwardRef(function Calendar({ weekStartsOn = 0, locale = "en-US", autoFocus = false, ...props }, ref) { return _jsx(DateCalendar, { ...props, ref: ref, weekStartsOn: weekStartsOn, locale: locale, autoFocus: autoFocus }); });
+/** @since 0.2.7 */
+export const TimeField = /* @__PURE__ */ forwardRef(function TimeField({ controlSize = "md", precision = "minute", ...props }, ref) { return _jsx(SegmentedTimeField, { ...props, ref: ref, controlSize: controlSize, precision: precision }); });
+/** @since 0.2.7 */
+export const DateField = /* @__PURE__ */ forwardRef(function DateField({ controlSize = "md", order = "month-day-year", ...props }, ref) { return _jsx(SegmentedDateField, { ...props, ref: ref, controlSize: controlSize, order: order }); });
+/** @since 0.2.7 */
+export const CommandList = /* @__PURE__ */ forwardRef(function CommandList({ controlSize = "md", hideLabel = false, disabled = false, loading = false, ...props }, ref) { return _jsx(SearchCommandList, { ...props, ref: ref, controlSize: controlSize, hideLabel: hideLabel, disabled: disabled, loading: loading }); });
+/** @since 0.2.7 */
+export const TagInput = /* @__PURE__ */ forwardRef(function TagInput({ controlSize = "md", hideLabel = false, removeLabel = "Remove", requiredMessage = "Add at least one tag.", ...props }, ref) { return _jsx(FreeTagEntry, { ...props, ref: ref, controlSize: controlSize, hideLabel: hideLabel, removeLabel: removeLabel, requiredMessage: requiredMessage }); });
+/** @since 0.2.7 */
+export const Editable = /* @__PURE__ */ forwardRef(function Editable({ controlSize = "md", blurAction = "commit", showActions = true, ...props }, ref) { return _jsx(InlineEditable, { ...props, ref: ref, controlSize: controlSize, blurAction: blurAction, showActions: showActions }); });
 const classes = (...values) => values.filter(Boolean).join(" ");
-export const Button = forwardRef(function Button({ variant = "solid", size = "md", loading = false, disabled, type = "button", className, children, ...props }, ref) {
+export const Button = /* @__PURE__ */ forwardRef(function Button({ variant = "solid", size = "md", loading = false, disabled, type = "button", className, children, ...props }, ref) {
     return (_jsxs("button", { ...props, ref: ref, type: type, disabled: disabled || loading, "aria-busy": loading || undefined, className: classes("flood-button", `flood-button--${variant}`, `flood-button--${size}`, className), children: [loading && _jsx(Spinner, { decorative: true }), children] }));
 });
 /** @since 0.2.5 */
-export const Tag = forwardRef(function Tag({ size = "md", icon, disabled = false, onRemove, removeLabel, removeButtonProps, className, children, ...props }, ref) {
+export const Tag = /* @__PURE__ */ forwardRef(function Tag({ size = "md", icon, disabled = false, onRemove, removeLabel, removeButtonProps, className, children, ...props }, ref) {
     const label = removeLabel ?? (typeof children === "string" || typeof children === "number" ? `Remove ${children}` : "");
     if (onRemove && !label.trim())
         throw new Error("Flood Tag removal needs an accessible removeLabel for rich content");
@@ -39,67 +141,69 @@ export const Tag = forwardRef(function Tag({ size = "md", icon, disabled = false
                     onRemove(); }, children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "m6 6 12 12M18 6 6 18" }) }) })] });
 });
 /** @since 0.2.4 */
-export const Kbd = forwardRef(function Kbd({ size = "sm", className, ...props }, ref) {
+export const Kbd = /* @__PURE__ */ forwardRef(function Kbd({ size = "sm", className, ...props }, ref) {
     return _jsx("kbd", { ...props, ref: ref, className: classes("flood-kbd", className), "data-size": size });
 });
 /** @since 0.2.4 */
-export const Toolbar = forwardRef(function Toolbar({ label, orientation = "horizontal", loop = true, ...props }, ref) {
+export const Toolbar = /* @__PURE__ */ forwardRef(function Toolbar({ label, orientation = "horizontal", loop = true, ...props }, ref) {
     return _jsx(RovingToolbar, { ...props, ref: ref, label: label, orientation: orientation, loop: loop });
 });
 /** @since 0.2.4 */
-export const DescriptionList = forwardRef(function DescriptionList({ items, layout = "inline", density = "compact", dividers = false, ...props }, ref) {
+export const DescriptionList = /* @__PURE__ */ forwardRef(function DescriptionList({ items, layout = "inline", density = "compact", dividers = false, ...props }, ref) {
     return _jsx(DescribedData, { ...props, ref: ref, items: items, layout: layout, density: density, dividers: dividers });
 });
 /** @since 0.2.4 */
-export const Table = forwardRef(function Table({ caption, children, hideCaption = false, density = "comfortable", striped = false, scrollLabel, ...props }, ref) {
+export const Table = /* @__PURE__ */ forwardRef(function Table({ caption, children, hideCaption = false, density = "comfortable", striped = false, scrollLabel, ...props }, ref) {
     return _jsx(TabularData, { ...props, ref: ref, caption: caption, hideCaption: hideCaption, density: density, striped: striped, scrollLabel: scrollLabel, children: children });
 });
 /** @since 0.2.4 */
-export const Badge = forwardRef(function Badge({ size = "md", tone = "neutral", variant = "subtle", className, ...props }, ref) {
+export const Badge = /* @__PURE__ */ forwardRef(function Badge({ size = "md", tone = "neutral", variant = "subtle", className, ...props }, ref) {
     return _jsx("span", { ...props, ref: ref, className: classes("flood-badge", className), "data-size": size, "data-tone": tone, "data-variant": variant });
 });
 /** @since 0.2.4 */
-export const Spinner = forwardRef(function Spinner({ size = "md", label = "Loading", decorative = false, className, ...props }, ref) {
+export const Spinner = /* @__PURE__ */ forwardRef(function Spinner({ size = "md", label = "Loading", decorative = false, className, ...props }, ref) {
     return _jsxs("span", { ...props, ref: ref, className: classes("flood-loading", className), "data-size": size, role: decorative ? undefined : "status", "aria-hidden": decorative || undefined, children: [_jsx("span", { className: "flood-spinner", "aria-hidden": "true" }), !decorative && _jsx(VisuallyHidden, { children: label })] });
 });
 /** @since 0.2.4 */
-export const Skeleton = forwardRef(function Skeleton({ shape = "text", width, height, animate = true, className, style, ...props }, ref) {
+export const Skeleton = /* @__PURE__ */ forwardRef(function Skeleton({ shape = "text", width, height, animate = true, className, style, ...props }, ref) {
     return _jsx("span", { ...props, ref: ref, className: classes("flood-skeleton", className), "data-shape": shape, "data-animate": animate, "aria-hidden": "true", style: { width, height, ...style } });
 });
 /** @since 0.2.4 */
-export const Avatar = forwardRef(function Avatar({ name, src, fallback, size = "md", shape = "circle", decorative = false, className, ...props }, ref) {
+export const Avatar = /* @__PURE__ */ forwardRef(function Avatar({ name, src, fallback, size = "md", shape = "circle", decorative = false, className, ...props }, ref) {
     const initials = name.trim().split(/\s+/u).filter(Boolean).slice(0, 2).map(word => Array.from(word)[0]).join("").toUpperCase();
     return _jsx("span", { ...props, ref: ref, className: classes("flood-avatar", className), "data-size": size, "data-shape": shape, role: decorative ? undefined : "img", "aria-label": decorative ? undefined : name, "aria-hidden": decorative || undefined, children: _jsx(AvatarArtwork, { src: src, fallback: fallback ?? (initials || "?") }, src ?? "") });
 });
 /** @since 0.2.4 */
-export const Progress = forwardRef(function Progress({ label, value, max = 100, valueText, size = "md", tone = "accent", hideLabel = false, ...props }, ref) {
+export const Progress = /* @__PURE__ */ forwardRef(function Progress({ label, value, max = 100, valueText, size = "md", tone = "accent", hideLabel = false, ...props }, ref) {
     return _jsx(ValueIndicator, { ...props, ref: ref, kind: "progress", label: label, value: value, min: 0, max: max, valueText: valueText, size: size, tone: tone, hideLabel: hideLabel });
 });
 /** @since 0.2.4 */
-export const Meter = forwardRef(function Meter({ label, value, min = 0, max = 100, valueText, size = "md", tone = "neutral", hideLabel = false, ...props }, ref) {
+export const Meter = /* @__PURE__ */ forwardRef(function Meter({ label, value, min = 0, max = 100, valueText, size = "md", tone = "neutral", hideLabel = false, ...props }, ref) {
     return _jsx(ValueIndicator, { ...props, ref: ref, kind: "meter", label: label, value: value, min: min, max: max, valueText: valueText, size: size, tone: tone, hideLabel: hideLabel });
 });
 /** @since 0.2.4 */
-export const Alert = forwardRef(function Alert({ title, tone = "info", icon, announcement = "off", ...props }, ref) {
+export const Alert = /* @__PURE__ */ forwardRef(function Alert({ title, tone = "info", icon, announcement = "off", ...props }, ref) {
     return _jsx(FeedbackMessage, { ...props, ref: ref, title: title, tone: tone, icon: icon, announcement: announcement });
 });
-export const Tabs = forwardRef(function Tabs({ activationMode = "automatic", orientation = "horizontal", controlSize = "md", disabled = false, iconOnly = false, ...props }, ref) { return _jsx(TabNavigation, { ...props, ref: ref, activationMode: activationMode, orientation: orientation, controlSize: controlSize, disabled: disabled, iconOnly: iconOnly }); });
-export const Breadcrumb = forwardRef(function Breadcrumb({ label = "Breadcrumb", separator = "/", ...props }, ref) { return _jsx(BreadcrumbNavigation, { ...props, ref: ref, label: label, separator: separator }); });
-export const Pagination = forwardRef(function Pagination({ siblingCount = 1, controlSize = "sm", disabled = false, label = "Pagination", previousLabel = "Previous page", nextLabel = "Next page", ...props }, ref) { return _jsx(PageNavigation, { ...props, ref: ref, siblingCount: siblingCount, controlSize: controlSize, disabled: disabled, label: label, previousLabel: previousLabel, nextLabel: nextLabel }); });
+export const Tabs = /* @__PURE__ */ forwardRef(function Tabs({ activationMode = "automatic", orientation = "horizontal", controlSize = "md", disabled = false, iconOnly = false, ...props }, ref) { return _jsx(TabNavigation, { ...props, ref: ref, activationMode: activationMode, orientation: orientation, controlSize: controlSize, disabled: disabled, iconOnly: iconOnly }); });
+export const Breadcrumb = /* @__PURE__ */ forwardRef(function Breadcrumb({ label = "Breadcrumb", separator = "/", ...props }, ref) { return _jsx(BreadcrumbNavigation, { ...props, ref: ref, label: label, separator: separator }); });
+export const Pagination = /* @__PURE__ */ forwardRef(function Pagination({ siblingCount = 1, controlSize = "sm", disabled = false, label = "Pagination", previousLabel = "Previous page", nextLabel = "Next page", ...props }, ref) { return _jsx(PageNavigation, { ...props, ref: ref, siblingCount: siblingCount, controlSize: controlSize, disabled: disabled, label: label, previousLabel: previousLabel, nextLabel: nextLabel }); });
+/** @since 0.2.7 */
+export const ContextMenu = /* @__PURE__ */ forwardRef(function ContextMenu({ defaultOpen = false, disabled = false, controlSize = "sm", ...props }, ref) { return _jsx(ContextActionMenu, { ...props, ref: ref, defaultOpen: defaultOpen, disabled: disabled, controlSize: controlSize }); });
 /** @since 0.2.4 */
-export const Menu = forwardRef(function Menu({ defaultOpen = false, disabled = false, side = "bottom", align = "start", controlSize = "sm", ...props }, ref) {
+export const Menu = /* @__PURE__ */ forwardRef(function Menu({ defaultOpen = false, disabled = false, side = "bottom", align = "start", controlSize = "sm", ...props }, ref) {
     return _jsx(ActionMenu, { ...props, ref: ref, defaultOpen: defaultOpen, disabled: disabled, side: side, align: align, controlSize: controlSize });
 });
-export const Tooltip = forwardRef(function Tooltip({ side = "top", align = "center", delay = 300, disabled = false, ...props }, ref) { return _jsx(AnchoredOverlay, { ...props, ref: ref, kind: "tooltip", side: side, align: align, delay: delay, disabled: disabled }); });
-export const Popover = forwardRef(function Popover({ side = "bottom", align = "start", defaultOpen = false, disabled = false, closeLabel = "Close", ...props }, ref) { return _jsx(AnchoredOverlay, { ...props, ref: ref, kind: "popover", side: side, align: align, defaultOpen: defaultOpen, disabled: disabled, closeLabel: closeLabel }); });
-export const Dialog = forwardRef(function Dialog({ defaultOpen = false, disabled = false, closeLabel = "Close", closeOnOutsideClick = true, ...props }, ref) { return _jsx(ModalOverlay, { ...props, ref: ref, defaultOpen: defaultOpen, disabled: disabled, closeLabel: closeLabel, closeOnOutsideClick: closeOnOutsideClick }); });
-export const Drawer = forwardRef(function Drawer({ side = "end", size = "md", defaultOpen = false, closeLabel = "Close", closeOnOutsideClick = true, className, footer, ...props }, ref) {
+export const Tooltip = /* @__PURE__ */ forwardRef(function Tooltip({ side = "top", align = "center", delay = 300, disabled = false, ...props }, ref) { return _jsx(AnchoredOverlay, { ...props, ref: ref, kind: "tooltip", side: side, align: align, delay: delay, disabled: disabled }); });
+export const Popover = /* @__PURE__ */ forwardRef(function Popover({ side = "bottom", align = "start", defaultOpen = false, disabled = false, closeLabel = "Close", ...props }, ref) { return _jsx(AnchoredOverlay, { ...props, ref: ref, kind: "popover", side: side, align: align, defaultOpen: defaultOpen, disabled: disabled, closeLabel: closeLabel }); });
+export const Dialog = /* @__PURE__ */ forwardRef(function Dialog({ defaultOpen = false, disabled = false, closeLabel = "Close", closeOnOutsideClick = true, ...props }, ref) { return _jsx(ModalOverlay, { ...props, ref: ref, defaultOpen: defaultOpen, disabled: disabled, closeLabel: closeLabel, closeOnOutsideClick: closeOnOutsideClick }); });
+export const Drawer = /* @__PURE__ */ forwardRef(function Drawer({ side = "end", size = "md", defaultOpen = false, closeLabel = "Close", closeOnOutsideClick = true, className, footer, ...props }, ref) {
     return _jsx(ModalOverlay, { ...props, ref: ref, defaultOpen: defaultOpen, closeLabel: closeLabel, closeOnOutsideClick: closeOnOutsideClick, className: classes("flood-drawer", className), "data-side": side, "data-size": size, scrollBody: true, footer: footer });
 });
-export const AlertDialog = forwardRef(function AlertDialog({ defaultOpen = false, confirmLabel = "Continue", cancelLabel = "Cancel", confirmDisabled = false, ...props }, ref) {
+export const AlertDialog = /* @__PURE__ */ forwardRef(function AlertDialog({ defaultOpen = false, confirmLabel = "Continue", cancelLabel = "Cancel", confirmDisabled = false, ...props }, ref) {
     return _jsx(ConfirmationDialog, { ...props, ref: ref, defaultOpen: defaultOpen, confirmLabel: confirmLabel, cancelLabel: cancelLabel, confirmDisabled: confirmDisabled });
 });
-export const Collapsible = forwardRef(function Collapsible({ open, defaultOpen = false, onOpenChange, disabled = false, controlSize = "md", ...props }, ref) {
+export const Collapsible = /* @__PURE__ */ forwardRef(function Collapsible({ open, defaultOpen = false, onOpenChange, disabled = false, controlSize = "md", ...props }, ref) {
     const [local, setLocal] = useState(defaultOpen);
     return _jsx(Disclosure, { ...props, ref: ref, expanded: open ?? local, disabled: disabled, controlSize: controlSize, onExpandedChange: next => {
             if (open === undefined)
@@ -107,7 +211,7 @@ export const Collapsible = forwardRef(function Collapsible({ open, defaultOpen =
             onOpenChange?.(next);
         } });
 });
-export const Accordion = forwardRef(function Accordion({ label, items, expansionMode = "single", value, defaultValue = [], onValueChange, disabled = false, controlSize = "md", headingLevel = 3, className, onKeyDown, ...props }, ref) {
+export const Accordion = /* @__PURE__ */ forwardRef(function Accordion({ label, items, expansionMode = "single", value, defaultValue = [], onValueChange, disabled = false, controlSize = "md", headingLevel = 3, className, onKeyDown, ...props }, ref) {
     const [local, setLocal] = useState(() => [...new Set(defaultValue)]);
     const expanded = value ?? local;
     if (new Set(items.map(item => item.value)).size !== items.length)
@@ -135,7 +239,7 @@ export const Accordion = forwardRef(function Accordion({ label, items, expansion
             }, children: item.content }, item.value)) });
 });
 /** A native toggle button; its accessible name stays stable when pressed. */
-export const Toggle = forwardRef(function Toggle({ pressed, defaultPressed = false, onPressedChange, iconOnly = false, size = "md", variant = "subtle", onClick, className, children, disabled, loading, ...props }, ref) {
+export const Toggle = /* @__PURE__ */ forwardRef(function Toggle({ pressed, defaultPressed = false, onPressedChange, iconOnly = false, size = "md", variant = "subtle", onClick, className, children, disabled, loading, ...props }, ref) {
     const [local, setLocal] = useState(defaultPressed);
     const selected = pressed ?? local;
     return _jsx(Button, { ...props, ref: ref, type: "button", "aria-pressed": selected, size: size, variant: variant, disabled: disabled, loading: loading, className: classes("flood-toggle", iconOnly && "flood-icon-button", className), onClick: event => {
@@ -148,7 +252,7 @@ export const Toggle = forwardRef(function Toggle({ pressed, defaultPressed = fal
         }, children: iconOnly ? _jsx(IconSlot, { size: size, children: children }) : children });
 });
 /** Optional selections exposed as pressed buttons, not radios, tabs or a toolbar. */
-export const ToggleGroup = forwardRef(function ToggleGroup({ label, options, selectionMode = "multiple", value, defaultValue = [], onValueChange, orientation = "horizontal", size = "md", variant = "subtle", disabled = false, iconOnly = false, className, onKeyDown, ...props }, ref) {
+export const ToggleGroup = /* @__PURE__ */ forwardRef(function ToggleGroup({ label, options, selectionMode = "multiple", value, defaultValue = [], onValueChange, orientation = "horizontal", size = "md", variant = "subtle", disabled = false, iconOnly = false, className, onKeyDown, ...props }, ref) {
     const [local, setLocal] = useState(() => [...new Set(defaultValue)]);
     const selected = value ?? local;
     if (new Set(options.map(option => option.value)).size !== options.length)
@@ -181,66 +285,66 @@ export const ToggleGroup = forwardRef(function ToggleGroup({ label, options, sel
                 }, children: iconOnly ? option.icon : _jsxs(_Fragment, { children: [option.icon && _jsx(IconSlot, { size: size, children: option.icon }), option.label] }) }, option.value)) }) });
 });
 /** Connected actions keep their ordinary Tab order; this is not a toolbar. */
-export const ButtonGroup = forwardRef(function ButtonGroup({ label, orientation = "horizontal", className, ...props }, ref) {
+export const ButtonGroup = /* @__PURE__ */ forwardRef(function ButtonGroup({ label, orientation = "horizontal", className, ...props }, ref) {
     return _jsx(ScrollArea, { orientation: "horizontal", tabIndex: -1, role: "group", "aria-label": `${label} scrolling`, className: "flood-connected-scroll", hidden: props.hidden, dir: props.dir, lang: props.lang, style: { maxInlineSize: "100%" }, children: _jsx("div", { ...props, ref: ref, role: "group", "aria-label": label, "data-orientation": orientation, className: classes("flood-button-group", className) }) });
 });
-export const Input = forwardRef(function Input({ invalid, status, controlSize = "md", className, ...props }, ref) {
+export const Input = /* @__PURE__ */ forwardRef(function Input({ invalid, status, controlSize = "md", className, ...props }, ref) {
     return (_jsx("input", { ...props, ref: ref, "data-status": resolveFieldStatus(status, invalid, props["aria-invalid"]), "aria-invalid": invalid || status === "error" || props["aria-invalid"], className: classes("flood-input", `flood-control--${controlSize}`, className) }));
 });
 /** One real Input with host-owned logical start/end adornments. Ref and native attributes target the input. */
-export const InputGroup = forwardRef(function InputGroup({ start, end, controlSize = "md", className, style, invalid, status, disabled, readOnly, ...props }, ref) {
+export const InputGroup = /* @__PURE__ */ forwardRef(function InputGroup({ start, end, controlSize = "md", className, style, invalid, status, disabled, readOnly, ...props }, ref) {
     return _jsxs("div", { hidden: props.hidden, dir: props.dir, lang: props.lang, className: classes("flood-input-group", `flood-control--${controlSize}`, className), style: style, "data-status": resolveFieldStatus(status, invalid, props["aria-invalid"]), "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, children: [hasFieldContent(start) && _jsx("div", { className: "flood-input-group__addon flood-input-group__addon--start", children: typeof start === "string" ? _jsx("bdi", { dir: "auto", children: start }) : start }), _jsx(Input, { ...props, ref: ref, controlSize: controlSize, invalid: invalid, status: status, disabled: disabled, readOnly: readOnly }), hasFieldContent(end) && _jsx("div", { className: "flood-input-group__addon flood-input-group__addon--end", children: typeof end === "string" ? _jsx("bdi", { dir: "auto", children: end }) : end })] });
 });
-export const FileInput = forwardRef(function FileInput({ clearable = true, clearLabel = "Clear files", controlSize = "md", ...props }, ref) {
+export const FileInput = /* @__PURE__ */ forwardRef(function FileInput({ clearable = true, clearLabel = "Clear files", controlSize = "md", ...props }, ref) {
     return _jsx(FilePicker, { ...props, ref: ref, clearable: clearable, clearLabel: clearLabel, controlSize: controlSize, actionComponent: IconButton, iconComponent: IconSlot });
 });
-export const SearchInput = forwardRef(function SearchInput({ clearable = true, clearLabel = "Clear search", controlSize = "md", ...props }, ref) {
+export const SearchInput = /* @__PURE__ */ forwardRef(function SearchInput({ clearable = true, clearLabel = "Clear search", controlSize = "md", ...props }, ref) {
     return _jsx(SearchField, { ...props, ref: ref, clearable: clearable, clearLabel: clearLabel, controlSize: controlSize, group: InputGroup, action: IconButton, icon: IconSlot });
 });
-export const PasswordInput = forwardRef(function PasswordInput({ defaultVisible = false, showPasswordLabel = "Show password", hidePasswordLabel = "Hide password", controlSize = "md", ...props }, ref) {
+export const PasswordInput = /* @__PURE__ */ forwardRef(function PasswordInput({ defaultVisible = false, showPasswordLabel = "Show password", hidePasswordLabel = "Hide password", controlSize = "md", ...props }, ref) {
     return _jsx(PasswordField, { ...props, ref: ref, defaultVisible: defaultVisible, showPasswordLabel: showPasswordLabel, hidePasswordLabel: hidePasswordLabel, controlSize: controlSize, group: InputGroup, action: IconButton, icon: IconSlot });
 });
 /** @since 0.2.5 */
-export const Combobox = forwardRef(function Combobox({ value, defaultValue = "", onValueChange, clearable = false, emptyMessage = "No results found.", listLabel = "Options", toggleLabel = "Show options", clearLabel = "Clear selection", invalidSelectionMessage = "Select an option.", controlSize = "md", ...props }, ref) {
+export const Combobox = /* @__PURE__ */ forwardRef(function Combobox({ value, defaultValue = "", onValueChange, clearable = false, emptyMessage = "No results found.", listLabel = "Options", toggleLabel = "Show options", clearLabel = "Clear selection", invalidSelectionMessage = "Select an option.", controlSize = "md", ...props }, ref) {
     return _jsx(SearchSelection, { ...props, ref: ref, multiple: false, selectedValues: value === undefined ? undefined : value ? [value] : [], initialValues: defaultValue ? [defaultValue] : [], onSelectionChange: next => onValueChange?.(next[0] ?? ""), clearable: clearable, emptyMessage: emptyMessage, listLabel: listLabel, toggleLabel: toggleLabel, clearLabel: clearLabel, invalidSelectionMessage: invalidSelectionMessage, controlSize: controlSize });
 });
 /** @since 0.2.5 */
-export const MultiSelect = forwardRef(function MultiSelect({ value, defaultValue = [], onValueChange, removeItemLabel = "Remove", clearable = false, emptyMessage = "No results found.", listLabel = "Options", toggleLabel = "Show options", clearLabel = "Clear selection", invalidSelectionMessage = "Select at least one option.", controlSize = "md", ...props }, ref) {
+export const MultiSelect = /* @__PURE__ */ forwardRef(function MultiSelect({ value, defaultValue = [], onValueChange, removeItemLabel = "Remove", clearable = false, emptyMessage = "No results found.", listLabel = "Options", toggleLabel = "Show options", clearLabel = "Clear selection", invalidSelectionMessage = "Select at least one option.", controlSize = "md", ...props }, ref) {
     return _jsx(SearchSelection, { ...props, ref: ref, multiple: true, selectedValues: value, initialValues: defaultValue, onSelectionChange: onValueChange, removeItemLabel: removeItemLabel, clearable: clearable, emptyMessage: emptyMessage, listLabel: listLabel, toggleLabel: toggleLabel, clearLabel: clearLabel, invalidSelectionMessage: invalidSelectionMessage, controlSize: controlSize });
 });
 /** @since 0.2.5 */
-export const NumberInput = forwardRef(function NumberInput({ defaultValue = 0, step = 1, controlSize = "md", decreaseLabel = "Decrease value", increaseLabel = "Increase value", ...props }, ref) {
+export const NumberInput = /* @__PURE__ */ forwardRef(function NumberInput({ defaultValue = 0, step = 1, controlSize = "md", decreaseLabel = "Decrease value", increaseLabel = "Increase value", ...props }, ref) {
     return _jsx(NumericStepper, { ...props, ref: ref, defaultValue: defaultValue, step: step, controlSize: controlSize, decreaseLabel: decreaseLabel, increaseLabel: increaseLabel, inputComponent: InputGroup, buttonComponent: IconButton });
 });
 /** @since 0.2.5 */
-export const Slider = forwardRef(function Slider({ defaultValue = [50], min = 0, max = 100, step = 1, showValue = true, readOnly = false, controlSize = "md", ...props }, ref) {
+export const Slider = /* @__PURE__ */ forwardRef(function Slider({ defaultValue = [50], min = 0, max = 100, step = 1, showValue = true, readOnly = false, controlSize = "md", ...props }, ref) {
     return _jsx(RangeControl, { ...props, ref: ref, defaultValue: defaultValue, min: min, max: max, step: step, showValue: showValue, readOnly: readOnly, controlSize: controlSize, fieldsetComponent: Fieldset });
 });
-export const Textarea = forwardRef(function Textarea({ invalid, status, controlSize = "md", className, ...props }, ref) {
+export const Textarea = /* @__PURE__ */ forwardRef(function Textarea({ invalid, status, controlSize = "md", className, ...props }, ref) {
     return (_jsx("textarea", { ...props, ref: ref, "data-status": resolveFieldStatus(status, invalid, props["aria-invalid"]), "aria-invalid": invalid || status === "error" || props["aria-invalid"], className: classes("flood-input", "flood-textarea", `flood-control--${controlSize}`, className) }));
 });
 /** Native select and option semantics with an independent visual control size. */
-export const Select = forwardRef(function Select({ invalid, status, controlSize = "md", className, multiple, size, ...props }, ref) {
+export const Select = /* @__PURE__ */ forwardRef(function Select({ invalid, status, controlSize = "md", className, multiple, size, ...props }, ref) {
     const listbox = multiple || (size !== undefined && size > 1);
     if (!listbox)
         return _jsx(SingleSelect, { ...props, status: status, invalid: invalid, controlSize: controlSize, className: className, size: size, ref: ref });
     return (_jsx("span", { hidden: props.hidden, dir: props.dir, lang: props.lang, className: classes("flood-select", `flood-control--${controlSize}`, listbox && "flood-select--listbox"), children: _jsx("select", { ...props, ref: ref, multiple: multiple, size: size, "data-status": resolveFieldStatus(status, invalid, props["aria-invalid"]), "aria-invalid": invalid || status === "error" || props["aria-invalid"], className: classes("flood-input", "flood-select__control", `flood-control--${controlSize}`, className) }) }));
 });
-export const Checkbox = forwardRef(function Checkbox({ label, indeterminate = false, className, ...props }, ref) {
+export const Checkbox = /* @__PURE__ */ forwardRef(function Checkbox({ label, indeterminate = false, className, ...props }, ref) {
     return (_jsxs("label", { hidden: props.hidden, dir: props.dir, lang: props.lang, className: classes("flood-choice", className), children: [_jsx(MixedCheckbox, { ...props, ref: ref, indeterminate: indeterminate }), _jsx("span", { children: label })] }));
 });
-export const Radio = forwardRef(function Radio({ label, className, ...props }, ref) {
+export const Radio = /* @__PURE__ */ forwardRef(function Radio({ label, className, ...props }, ref) {
     return (_jsxs("label", { hidden: props.hidden, dir: props.dir, lang: props.lang, className: classes("flood-choice", className), children: [_jsx("input", { ...props, ref: ref, type: "radio", className: "flood-check" }), _jsx("span", { children: label })] }));
 });
-export const Switch = forwardRef(function Switch({ label, className, ...props }, ref) {
+export const Switch = /* @__PURE__ */ forwardRef(function Switch({ label, className, ...props }, ref) {
     return (_jsxs("label", { hidden: props.hidden, dir: props.dir, lang: props.lang, className: classes("flood-choice", "flood-switch", className), children: [_jsx("span", { children: label }), _jsx("input", { ...props, ref: ref, type: "checkbox", role: "switch", className: "flood-switch-input" })] }));
 });
 /** A native label; the required marker never substitutes for the control's required prop. */
-export const Label = forwardRef(function Label({ required, children, className, ...props }, ref) {
+export const Label = /* @__PURE__ */ forwardRef(function Label({ required, children, className, ...props }, ref) {
     return _jsxs("label", { ...props, ref: ref, className: classes("flood-label", className), children: [children, required && _jsx("span", { "aria-hidden": "true", children: " *" })] });
 });
 /** A native group: disabled, form ownership and nested fieldsets retain browser behavior. */
-export const Fieldset = forwardRef(function Fieldset({ legend, hideLabel = false, hint, error, message, status, children, className, id: explicitId, "aria-describedby": describedBy, "aria-invalid": ariaInvalid, ...props }, ref) {
+export const Fieldset = /* @__PURE__ */ forwardRef(function Fieldset({ legend, hideLabel = false, hint, error, message, status, children, className, id: explicitId, "aria-describedby": describedBy, "aria-invalid": ariaInvalid, ...props }, ref) {
     const generatedId = useId();
     const id = explicitId ?? `flood-${generatedId}`;
     const legendRef = useFocusableHidden(hideLabel);
@@ -249,11 +353,11 @@ export const Fieldset = forwardRef(function Fieldset({ legend, hideLabel = false
     const description = mergeDescriptions(describedBy, hasHint && `${id}-hint`, hasError && `${id}-error`, hasMessage && `${id}-message`);
     return _jsxs("fieldset", { ...props, ref: ref, id: id, className: classes("flood-fieldset", className), "data-hide-label": hideLabel || undefined, "data-status": resolvedStatus, "aria-describedby": description, "aria-invalid": resolvedStatus === "error" || ariaInvalid || undefined, children: [_jsx("legend", { ref: legendRef, className: classes("flood-legend", hideLabel && "flood-visually-hidden--focusable"), children: legend }), _jsxs("div", { className: "flood-fieldset__body", children: [hasHint && _jsx("div", { id: `${id}-hint`, className: "flood-hint", children: hint }), children, hasMessage && _jsx("div", { id: `${id}-message`, className: "flood-message", role: resolvedStatus === "error" ? "alert" : undefined, children: message }), hasError && _jsx("div", { id: `${id}-error`, className: "flood-error", role: "alert", children: error })] })] });
 });
-export const RadioGroup = forwardRef(function RadioGroup({ value, defaultValue, onValueChange, orientation = "vertical", ...props }, ref) {
+export const RadioGroup = /* @__PURE__ */ forwardRef(function RadioGroup({ value, defaultValue, onValueChange, orientation = "vertical", ...props }, ref) {
     return _jsx(ChoiceGroup, { ...props, ref: ref, kind: "radio", orientation: orientation, selected: value === undefined ? undefined : [value], initial: defaultValue === undefined ? [] : [defaultValue], onSelectionChange: next => onValueChange?.(next[0] ?? ""), fieldsetComponent: Fieldset, choiceComponent: Radio });
 });
 /** A segmented presentation of native single-choice inputs, retaining forms and reset. */
-export const SegmentedControl = forwardRef(function SegmentedControl({ label, options, controlSize = "md", iconOnly = false, fullWidth = false, orientation = "horizontal", className, onKeyDown, ...props }, ref) {
+export const SegmentedControl = /* @__PURE__ */ forwardRef(function SegmentedControl({ label, options, controlSize = "md", iconOnly = false, fullWidth = false, orientation = "horizontal", className, onKeyDown, ...props }, ref) {
     if (iconOnly && options.some(option => !option.icon))
         throw new Error("Flood icon-only segments require icons");
     return _jsx(RadioGroup, { ...props, ref: ref, legend: label, orientation: orientation, className: classes("flood-segmented", `flood-control--${controlSize}`, iconOnly && "flood-segmented--icons", fullWidth && "flood-segmented--full", className), options: options.map(option => ({ ...option, label: _jsxs(_Fragment, { children: [option.icon && _jsx(IconSlot, { size: controlSize, children: option.icon }), iconOnly ? _jsx("span", { className: "flood-segmented__name", children: option.label }) : option.label] }) })), onKeyDown: event => {
@@ -275,7 +379,7 @@ export const SegmentedControl = forwardRef(function SegmentedControl({ label, op
             }
         } });
 });
-export const CheckboxGroup = forwardRef(function CheckboxGroup({ value, defaultValue = [], onValueChange, orientation = "vertical", ...props }, ref) {
+export const CheckboxGroup = /* @__PURE__ */ forwardRef(function CheckboxGroup({ value, defaultValue = [], onValueChange, orientation = "vertical", ...props }, ref) {
     return _jsx(ChoiceGroup, { ...props, ref: ref, kind: "checkbox", orientation: orientation, selected: value, initial: defaultValue, onSelectionChange: onValueChange, fieldsetComponent: Fieldset, choiceComponent: Checkbox });
 });
 export function Field({ status, message, id: explicitId, label, hideLabel = false, hint, error, required, describedBy, children, }) {
@@ -295,61 +399,61 @@ export function Field({ status, message, id: explicitId, label, hideLabel = fals
                 required,
             }), hasHint && (_jsx("div", { id: `${id}-hint`, className: "flood-hint", children: hint })), hasMessage && !hasError && _jsx("div", { id: `${id}-message`, className: "flood-message", role: resolvedStatus === "error" ? "alert" : undefined, children: message }), hasError && (_jsx("div", { id: `${id}-error`, className: "flood-error", role: "alert", children: error }))] }));
 }
-export const Link = forwardRef(function Link({ variant = "text", size = "md", className, ...props }, ref) {
+export const Link = /* @__PURE__ */ forwardRef(function Link({ variant = "text", size = "md", className, ...props }, ref) {
     return (_jsx("a", { ...props, ref: ref, className: classes("flood-link", variant !== "text" && "flood-link--button", variant !== "text" && "flood-button", variant !== "text" && `flood-button--${variant}`, variant !== "text" && `flood-button--${size}`, className) }));
 });
 /** Explicit opt-in to the dark foundations profile; no global theme mutation. */
-export const FloodRoot = forwardRef(function FloodRoot({ className, ...props }, ref) {
+export const FloodRoot = /* @__PURE__ */ forwardRef(function FloodRoot({ className, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, "data-flood-foundations": "neutral", "data-flood-theme": "dark", className: classes("flood-root", className) });
 });
-export const Text = forwardRef(function Text({ as = "span", size = "body", tone = "default", className, ...props }, ref) {
+export const Text = /* @__PURE__ */ forwardRef(function Text({ as = "span", size = "body", tone = "default", className, ...props }, ref) {
     return createElement(as, { ...props, ref, className: classes("flood-text", `flood-type--${size}`, `flood-tone--${tone}`, className) });
 });
-export const Heading = forwardRef(function Heading({ level = 2, size = "page", className, ...props }, ref) {
+export const Heading = /* @__PURE__ */ forwardRef(function Heading({ level = 2, size = "page", className, ...props }, ref) {
     return createElement(`h${level}`, { ...props, ref, className: classes("flood-heading", `flood-type--${size}`, className) });
 });
-export const Stack = forwardRef(function Stack({ gap = "4", style, className, ...props }, ref) {
+export const Stack = /* @__PURE__ */ forwardRef(function Stack({ gap = "4", style, className, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, className: classes("flood-stack", className), style: { "--flood-layout-gap": `var(--flood-sys-space-${gap})`, ...style } });
 });
-export const Inline = forwardRef(function Inline({ gap = "2", align = "center", style, className, ...props }, ref) {
+export const Inline = /* @__PURE__ */ forwardRef(function Inline({ gap = "2", align = "center", style, className, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, className: classes("flood-inline", className), style: { "--flood-layout-gap": `var(--flood-sys-space-${gap})`, alignItems: align === "start" ? "flex-start" : align === "end" ? "flex-end" : align, ...style } });
 });
-export const Surface = forwardRef(function Surface({ elevation = "default", padding = "6", style, className, ...props }, ref) {
+export const Surface = /* @__PURE__ */ forwardRef(function Surface({ elevation = "default", padding = "6", style, className, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, "data-flood-elevation": elevation, className: classes("flood-surface", className), style: { background: `var(--flood-sys-color-surface-${elevation})`, padding: `var(--flood-sys-space-${padding})`, ...style } });
 });
 /** Centered content with logical gutters; max width includes padding. @since 0.2.4 */
-export const Container = forwardRef(function Container({ size = "lg", gutter = "6", className, style, ...props }, ref) {
+export const Container = /* @__PURE__ */ forwardRef(function Container({ size = "lg", gutter = "6", className, style, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, className: classes("flood-container", className), style: {
             "--flood-container-max": size === "full" ? "none" : `var(--flood-sys-size-container-${size})`,
             "--flood-container-gutter": `var(--flood-sys-space-${gutter})`, ...style,
         } });
 });
 /** Auto-fit by default; explicit columns retain their count at every width. @since 0.2.4 */
-export const Grid = forwardRef(function Grid({ columns, minItemWidth, gap = "4", className, style, ...props }, ref) {
+export const Grid = /* @__PURE__ */ forwardRef(function Grid({ columns, minItemWidth, gap = "4", className, style, ...props }, ref) {
     return _jsx("div", { ...props, ref: ref, className: classes("flood-grid", className), style: {
             gridTemplateColumns: columns ? `repeat(${columns}, minmax(0, 1fr))` : undefined,
             "--flood-grid-min": minItemWidth, "--flood-layout-gap": `var(--flood-sys-space-${gap})`, ...style,
         } });
 });
 /** Nonvisual content, with optional reveal when a descendant receives focus. @since 0.2.4 */
-export const VisuallyHidden = forwardRef(function VisuallyHidden({ as = "span", focusable = false, className, ...props }, ref) {
+export const VisuallyHidden = /* @__PURE__ */ forwardRef(function VisuallyHidden({ as = "span", focusable = false, className, ...props }, ref) {
     const hiddenRef = useFocusableHidden(focusable, ref);
     return createElement(as, { ...props, ref: hiddenRef, className: classes(focusable ? "flood-visually-hidden--focusable" : "flood-visually-hidden", className) });
 });
 /** Reserve media geometry. Child content may overflow rather than being clipped. @since 0.2.4 */
-export const AspectRatio = forwardRef(function AspectRatio({ ratio = 16 / 9, className, style, children, ...props }, ref) {
+export const AspectRatio = /* @__PURE__ */ forwardRef(function AspectRatio({ ratio = 16 / 9, className, style, children, ...props }, ref) {
     if (!Number.isFinite(ratio) || ratio <= 0)
         throw new RangeError("Flood AspectRatio requires a finite positive ratio");
     return _jsx("div", { ...props, ref: ref, className: classes("flood-aspect-ratio", className), style: { aspectRatio: String(ratio), ...style }, children: _jsx("div", { className: "flood-aspect-ratio__content", children: children }) });
 });
 /** Native image semantics, explicit alternative text and bounded media fitting. @since 0.2.4 */
-export const Image = forwardRef(function Image({ alt, fit = "cover", className, ...props }, ref) {
+export const Image = /* @__PURE__ */ forwardRef(function Image({ alt, fit = "cover", className, ...props }, ref) {
     if (typeof alt !== "string")
         throw new TypeError("Flood Image requires explicit alt text (empty for decorative images)");
     return _jsx("img", { ...props, ref: ref, alt: alt, "data-fit": fit, className: classes("flood-image", className) });
 });
 /** Native list items supplied by the host; hidden markers retain list semantics. @since 0.2.4 */
-export const List = forwardRef(function List({ ordered = false, start, reversed, marker = true, gap = "2", className, style, ...props }, ref) {
+export const List = /* @__PURE__ */ forwardRef(function List({ ordered = false, start, reversed, marker = true, gap = "2", className, style, ...props }, ref) {
     if (start !== undefined && !Number.isSafeInteger(start))
         throw new RangeError("Flood List start requires a safe integer");
     return createElement(ordered ? "ol" : "ul", { ...props, ref, start: ordered ? start : undefined,
@@ -357,60 +461,60 @@ export const List = forwardRef(function List({ ordered = false, start, reversed,
         className: classes("flood-list", className), style: { "--flood-layout-gap": `var(--flood-sys-space-${gap})`, ...style } });
 });
 /** Static empty content, not loading, an error boundary or a live announcement. @since 0.2.4 */
-export const EmptyState = forwardRef(function EmptyState({ title, description, icon, actions, headingLevel = 2, density = "comfortable", className, ...props }, ref) {
+export const EmptyState = /* @__PURE__ */ forwardRef(function EmptyState({ title, description, icon, actions, headingLevel = 2, density = "comfortable", className, ...props }, ref) {
     if (typeof title !== "string" || !title.trim())
         throw new Error("Flood EmptyState requires a nonempty title");
     return _jsxs(Stack, { ...props, ref: ref, gap: "4", "data-density": density, className: classes("flood-empty-state", className), children: [hasFieldContent(icon) && _jsx("div", { className: "flood-empty-state__icon", children: _jsx(IconSlot, { size: "2xl", children: icon }) }), _jsxs(Stack, { gap: "1", children: [_jsx(Heading, { level: headingLevel, size: "section", children: title }), hasFieldContent(description) && _jsx(Text, { as: "div", size: "compact", tone: "subtle", children: description })] }), hasFieldContent(actions) && _jsx(Inline, { gap: "2", className: "flood-empty-state__actions", children: actions })] });
 });
 /** A structured content surface, not an interactive wrapper. @since 0.2.4 */
-export const Card = forwardRef(function Card({ title, description, actions, footer, headingLevel = 2, density = "comfortable", elevation = "default", children, className, ...props }, ref) {
+export const Card = /* @__PURE__ */ forwardRef(function Card({ title, description, actions, footer, headingLevel = 2, density = "comfortable", elevation = "default", children, className, ...props }, ref) {
     const present = hasFieldContent;
     const heading = present(title), hint = present(description), action = present(actions);
     return _jsxs(Surface, { ...props, ref: ref, elevation: elevation, padding: density === "compact" ? "4" : "6", "data-density": density, className: classes("flood-card", className), children: [(heading || hint || action) && _jsxs("div", { className: "flood-card__header", children: [(heading || hint) && _jsxs("div", { className: "flood-card__intro", children: [heading && _jsx(Heading, { level: headingLevel, size: "section", children: title }), hint && _jsx(Text, { as: "div", size: "compact", tone: "subtle", children: description })] }), action && _jsx("div", { className: "flood-card__actions", children: actions })] }), present(children) && _jsx("div", { className: "flood-card__body", children: children }), present(footer) && _jsx("div", { className: "flood-card__footer", children: footer })] });
 });
 /** Adapter for the host's SVG icon package; glyphs are not bundled. */
-export const IconSlot = forwardRef(function IconSlot({ size = "md", label, className, children, ...props }, ref) {
+export const IconSlot = /* @__PURE__ */ forwardRef(function IconSlot({ size = "md", label, className, children, ...props }, ref) {
     return _jsx("span", { ...props, ref: ref, role: label ? "img" : undefined, "aria-label": label, "aria-hidden": label ? undefined : true, className: classes("flood-icon", `flood-icon--${size}`, className), children: children });
 });
-export const IconButton = forwardRef(function IconButton({ label, size = "md", variant = "subtle", className, children, ...props }, ref) {
+export const IconButton = /* @__PURE__ */ forwardRef(function IconButton({ label, size = "md", variant = "subtle", className, children, ...props }, ref) {
     return _jsx(Button, { ...props, ref: ref, size: size, variant: variant, "aria-label": label, className: classes("flood-icon-button", className), children: _jsx(IconSlot, { size: size, children: children }) });
 });
-export const Divider = forwardRef(function Divider({ className, ...props }, ref) {
+export const Divider = /* @__PURE__ */ forwardRef(function Divider({ className, ...props }, ref) {
     return _jsx("hr", { ...props, ref: ref, className: classes("flood-divider", className) });
 });
 /** Selectable code with an optional host-owned action; no clipboard side effects. */
-export const CodeSnippet = forwardRef(function CodeSnippet({ code, codeDirection = "ltr", action, className, ...props }, ref) {
+export const CodeSnippet = /* @__PURE__ */ forwardRef(function CodeSnippet({ code, codeDirection = "ltr", action, className, ...props }, ref) {
     return (_jsxs("div", { ...props, ref: ref, className: classes("flood-code-snippet", className), children: [_jsx("code", { dir: codeDirection, className: "flood-code-snippet__code", children: code }), action != null && _jsx("div", { className: "flood-code-snippet__action", children: action })] }));
 });
 /** Native scrolling with inset overlay tracks; the ref targets the scrollable viewport. */
-export const ScrollArea = forwardRef(function ScrollArea({ orientation = "vertical", contentInset = "scrollbar", ...props }, ref) {
+export const ScrollArea = /* @__PURE__ */ forwardRef(function ScrollArea({ orientation = "vertical", contentInset = "scrollbar", ...props }, ref) {
     return _jsx(OverlayScrollArea, { ...props, orientation: orientation, contentInset: contentInset, ref: ref });
 });
-export const CopyButton = forwardRef(function CopyButton({ copyLabel = "Copy", copiedLabel = "Copied", errorLabel = "Failed", resetDelay = 2000, size = "md", variant = "subtle", ...props }, ref) {
+export const CopyButton = /* @__PURE__ */ forwardRef(function CopyButton({ copyLabel = "Copy", copiedLabel = "Copied", errorLabel = "Failed", resetDelay = 2000, size = "md", variant = "subtle", ...props }, ref) {
     return _jsx(ClipboardAction, { ...props, ref: ref, copyLabel: copyLabel, copiedLabel: copiedLabel, errorLabel: errorLabel, resetDelay: resetDelay, size: size, variant: variant });
 });
-export const ToastRegion = forwardRef(function ToastRegion({ label = "Notifications", closeLabel = "Dismiss notification", placement = "bottom-end", limit = 3, inline = false, hotkey = true, ...props }, ref) {
+export const ToastRegion = /* @__PURE__ */ forwardRef(function ToastRegion({ label = "Notifications", closeLabel = "Dismiss notification", placement = "bottom-end", limit = 3, inline = false, hotkey = true, ...props }, ref) {
     return _jsx(NotificationRegion, { ...props, ref: ref, label: label, closeLabel: closeLabel, placement: placement, limit: limit, inline: inline, hotkey: hotkey });
 });
-export const AvatarGroup = forwardRef(function AvatarGroup({ max = 4, size = "md", ...props }, ref) { return _jsx(GroupedAvatars, { ...props, ref: ref, max: max, size: size }); });
-export const StatusIndicator = forwardRef(function StatusIndicator({ tone = "neutral", size = "md", announce = false, ...props }, ref) { return _jsx(NamedStatus, { ...props, ref: ref, tone: tone, size: size, announce: announce }); });
-export const Figure = forwardRef(function Figure({ captionPosition = "after", ...props }, ref) { return _jsx(CaptionedFigure, { ...props, ref: ref, captionPosition: captionPosition }); });
-export const Blockquote = forwardRef(function Blockquote(props, ref) {
+export const AvatarGroup = /* @__PURE__ */ forwardRef(function AvatarGroup({ max = 4, size = "md", ...props }, ref) { return _jsx(GroupedAvatars, { ...props, ref: ref, max: max, size: size }); });
+export const StatusIndicator = /* @__PURE__ */ forwardRef(function StatusIndicator({ tone = "neutral", size = "md", announce = false, ...props }, ref) { return _jsx(NamedStatus, { ...props, ref: ref, tone: tone, size: size, announce: announce }); });
+export const Figure = /* @__PURE__ */ forwardRef(function Figure({ captionPosition = "after", ...props }, ref) { return _jsx(CaptionedFigure, { ...props, ref: ref, captionPosition: captionPosition }); });
+export const Blockquote = /* @__PURE__ */ forwardRef(function Blockquote(props, ref) {
     return _jsx(AttributedQuote, { ...props, ref: ref });
 });
-export const InlineCode = forwardRef(function InlineCode({ size = "md", wrap = true, ...props }, ref) { return _jsx(InlineCodeText, { ...props, ref: ref, size: size, wrap: wrap }); });
-export const Metric = forwardRef(function Metric({ size = "md", ...props }, ref) { return _jsx(MeasuredValue, { ...props, ref: ref, size: size }); });
-export const Timeline = forwardRef(function Timeline(props, ref) {
+export const InlineCode = /* @__PURE__ */ forwardRef(function InlineCode({ size = "md", wrap = true, ...props }, ref) { return _jsx(InlineCodeText, { ...props, ref: ref, size: size, wrap: wrap }); });
+export const Metric = /* @__PURE__ */ forwardRef(function Metric({ size = "md", ...props }, ref) { return _jsx(MeasuredValue, { ...props, ref: ref, size: size }); });
+export const Timeline = /* @__PURE__ */ forwardRef(function Timeline(props, ref) {
     return _jsx(EventTimeline, { ...props, ref: ref });
 });
-export const NavigationList = forwardRef(function NavigationList({ size = "md", ...props }, ref) { return _jsx(NavigationMenu, { ...props, ref: ref, size: size }); });
-export const Steps = forwardRef(function Steps({ orientation = "horizontal", ...props }, ref) { return _jsx(StepSequence, { ...props, ref: ref, orientation: orientation }); });
-export const Section = forwardRef(function Section({ headingLevel = 2, headingSize = "section", ...props }, ref) { return _jsx(ContentSection, { ...props, ref: ref, headingLevel: headingLevel, headingSize: headingSize }); });
-export const Split = forwardRef(function Split({ side = "end", ratio = "main", collapseAt = "md", gap = "6", ...props }, ref) { return _jsx(SplitLayout, { ...props, ref: ref, side: side, ratio: ratio, collapseAt: collapseAt, gap: gap }); });
-export const Center = forwardRef(function Center({ inline = false, ...props }, ref) { return _jsx(CenterLayout, { ...props, ref: ref, inline: inline }); });
-export const SkipLink = forwardRef(function SkipLink({ children = "Skip to content", ...props }, ref) { return _jsx(SkipNavigation, { ...props, ref: ref, children: children }); });
-export const ListBox = forwardRef(function ListBox({ multiple = false, disabled = false, readOnly = false, hideLabel = false, controlSize = "md", ...props }, ref) { return _jsx(CollectionListBox, { ...props, ref: ref, multiple: multiple, disabled: disabled, readOnly: readOnly, hideLabel: hideLabel, controlSize: controlSize }); });
-export const PinInput = forwardRef(function PinInput({ length = 6, mode = "numeric", mask = false, hideLabel = false, controlSize = "md", ...props }, ref) { return _jsx(SegmentedPinInput, { ...props, ref: ref, length: length, mode: mode, mask: mask, hideLabel: hideLabel, controlSize: controlSize }); });
-export const Rating = forwardRef(function Rating({ max = 5, defaultValue = 0, hideLabel = false, readOnly = false, size = "md", ...props }, ref) { return _jsx(StarRating, { ...props, ref: ref, max: max, defaultValue: defaultValue, hideLabel: hideLabel, readOnly: readOnly, size: size }); });
-export const Dropzone = forwardRef(function Dropzone({ description = "Drop files here or choose from your device.", multiple = true, ...props }, ref) { return _jsx(FileDropzone, { ...props, ref: ref, description: description, multiple: multiple }); });
-export const CharacterCount = forwardRef(function CharacterCount({ mode = "count", label = "Characters", overLimitLabel = "Over limit", ...props }, ref) { return _jsx(SupportingCharacterCount, { ...props, ref: ref, mode: mode, label: label, overLimitLabel: overLimitLabel }); });
+export const NavigationList = /* @__PURE__ */ forwardRef(function NavigationList({ size = "md", ...props }, ref) { return _jsx(NavigationMenu, { ...props, ref: ref, size: size }); });
+export const Steps = /* @__PURE__ */ forwardRef(function Steps({ orientation = "horizontal", ...props }, ref) { return _jsx(StepSequence, { ...props, ref: ref, orientation: orientation }); });
+export const Section = /* @__PURE__ */ forwardRef(function Section({ headingLevel = 2, headingSize = "section", ...props }, ref) { return _jsx(ContentSection, { ...props, ref: ref, headingLevel: headingLevel, headingSize: headingSize }); });
+export const Split = /* @__PURE__ */ forwardRef(function Split({ side = "end", ratio = "main", collapseAt = "md", gap = "6", ...props }, ref) { return _jsx(SplitLayout, { ...props, ref: ref, side: side, ratio: ratio, collapseAt: collapseAt, gap: gap }); });
+export const Center = /* @__PURE__ */ forwardRef(function Center({ inline = false, ...props }, ref) { return _jsx(CenterLayout, { ...props, ref: ref, inline: inline }); });
+export const SkipLink = /* @__PURE__ */ forwardRef(function SkipLink({ children = "Skip to content", ...props }, ref) { return _jsx(SkipNavigation, { ...props, ref: ref, children: children }); });
+export const ListBox = /* @__PURE__ */ forwardRef(function ListBox({ multiple = false, disabled = false, readOnly = false, hideLabel = false, controlSize = "md", ...props }, ref) { return _jsx(CollectionListBox, { ...props, ref: ref, multiple: multiple, disabled: disabled, readOnly: readOnly, hideLabel: hideLabel, controlSize: controlSize }); });
+export const PinInput = /* @__PURE__ */ forwardRef(function PinInput({ length = 6, mode = "numeric", mask = false, hideLabel = false, controlSize = "md", ...props }, ref) { return _jsx(SegmentedPinInput, { ...props, ref: ref, length: length, mode: mode, mask: mask, hideLabel: hideLabel, controlSize: controlSize }); });
+export const Rating = /* @__PURE__ */ forwardRef(function Rating({ max = 5, defaultValue = 0, hideLabel = false, readOnly = false, size = "md", ...props }, ref) { return _jsx(StarRating, { ...props, ref: ref, max: max, defaultValue: defaultValue, hideLabel: hideLabel, readOnly: readOnly, size: size }); });
+export const Dropzone = /* @__PURE__ */ forwardRef(function Dropzone({ description = "Drop files here or choose from your device.", multiple = true, ...props }, ref) { return _jsx(FileDropzone, { ...props, ref: ref, description: description, multiple: multiple }); });
+export const CharacterCount = /* @__PURE__ */ forwardRef(function CharacterCount({ mode = "count", label = "Characters", overLimitLabel = "Over limit", ...props }, ref) { return _jsx(SupportingCharacterCount, { ...props, ref: ref, mode: mode, label: label, overLimitLabel: overLimitLabel }); });

package/dist/menu.d.ts

@@ -1,2 +1,28 @@
-import type { MenuProps } from "./index.js";
+import { type HTMLAttributes } from "react";
+import type { MenuItem, MenuProps, MenuSubmenuItem } from "./index.js";
+type InternalItem = MenuItem | MenuSubmenuItem;
+type Edge = "first" | "last";
+/** Validate each level while retaining globally unique action IDs. */
+export declare function validateMenuTree(items: readonly InternalItem[]): void;
+export declare function focusMenuEdge(panel: HTMLElement | null, edge?: Edge): void;
+interface MenuLayerProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "role"> {
+    label: string;
+    items: readonly InternalItem[];
+    open: boolean;
+    requestOpen: (open: boolean) => void;
+    closeTree: () => void;
+    anchor: () => HTMLElement | null;
+    rootAnchor: () => HTMLElement | null;
+    rootPanel?: () => HTMLDivElement | null;
+    onAction?: (id: string) => void;
+    edge?: () => Edge;
+    nested?: boolean;
+    position?: (panel: HTMLDivElement) => void;
+    side?: MenuProps["side"];
+    align?: MenuProps["align"];
+    controlSize?: MenuProps["controlSize"];
+}
+/** Internal native top-layer engine shared by Menu and ContextMenu. */
+export declare const MenuLayer: import("react").ForwardRefExoticComponent<MenuLayerProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ActionMenu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};