@rookcom/monarch-react 0.0.0-canary-20261103180711

package/dist/components/forms/combobox/combobox.d.ts

@@ -0,0 +1,35 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    /** Secondary text under the label. */
+    description?: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'type'> {
+    options: ComboboxOption[];
+    /** Selected option value (controlled). */
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    /** Text typed in the input (controlled). Use for server-side filtering. */
+    inputValue?: string;
+    onInputValueChange?: (text: string) => void;
+    /** Custom filter. Default: case-insensitive label match. Pass `() => true` for server-filtered lists. */
+    filter?: (option: ComboboxOption, query: string) => boolean;
+    /** Shown while options load. */
+    loading?: boolean;
+    /** Shown when no option matches. */
+    emptyMessage?: ReactNode;
+    invalid?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    /** Allow clearing the selection with the clear button / Backspace on empty input. */
+    clearable?: boolean;
+}
+/**
+ * Single-select with typeahead. The input is the combobox; the list is a
+ * listbox positioned by Radix Popover. Keyboard: Down/Up move, Home/End jump,
+ * Enter selects, Escape closes, typing filters.
+ */
+export declare const Combobox: import("react").ForwardRefExoticComponent<ComboboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/forms/combobox/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/combobox/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,mBAAmB,EAExB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACxD;IACC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,yGAAyG;IACzG,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5D,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAKD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,4GAwPnB,CAAC"}

package/dist/components/forms/combobox/combobox.js

@@ -0,0 +1,152 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useMemo, useRef, useState, } from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cx } from '../../../internal/cx.js';
+import { CheckGlyph, ChevronDownGlyph } from '../../../internal/icons.js';
+import { useFieldControl } from '../form-field/index.js';
+import { Spinner } from '../../feedback/spinner/index.js';
+const defaultFilter = (o, q) => o.label.toLowerCase().includes(q.toLowerCase());
+/**
+ * Single-select with typeahead. The input is the combobox; the list is a
+ * listbox positioned by Radix Popover. Keyboard: Down/Up move, Home/End jump,
+ * Enter selects, Escape closes, typing filters.
+ */
+export const Combobox = forwardRef(function Combobox({ options, value: valueProp, defaultValue = null, onValueChange, inputValue: inputProp, onInputValueChange, filter = defaultFilter, loading = false, emptyMessage = 'No matches', invalid, size = 'md', clearable = true, placeholder, className, onKeyDown, onBlur, ...rest }, ref) {
+    const id = useId();
+    const listId = `mn-combobox-${id}-list`;
+    const [open, setOpen] = useState(false);
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const value = valueProp !== undefined ? valueProp : internalValue;
+    const selected = useMemo(() => options.find((o) => o.value === value) ?? null, [options, value]);
+    const [internalInput, setInternalInput] = useState(selected?.label ?? '');
+    const inputValue = inputProp !== undefined ? inputProp : internalInput;
+    const [active, setActive] = useState(0);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    const setInput = (text) => {
+        if (inputProp === undefined)
+            setInternalInput(text);
+        onInputValueChange?.(text);
+    };
+    const select = (next) => {
+        if (valueProp === undefined)
+            setInternalValue(next?.value ?? null);
+        onValueChange?.(next?.value ?? null);
+        setInput(next?.label ?? '');
+        setOpen(false);
+    };
+    // Keep the text in sync when the selection changes from outside.
+    useEffect(() => {
+        if (!open && inputProp === undefined)
+            setInternalInput(selected?.label ?? '');
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selected?.label]);
+    const visible = useMemo(() => {
+        const q = inputValue.trim();
+        const typedNew = q !== '' && q !== (selected?.label ?? '');
+        return typedNew ? options.filter((o) => filter(o, q)) : options;
+    }, [options, inputValue, selected?.label, filter]);
+    useEffect(() => {
+        setActive((a) => Math.min(a, Math.max(0, visible.length - 1)));
+    }, [visible.length]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const el = listRef.current?.querySelector(`[data-index="${active}"]`);
+        el?.scrollIntoView?.({ block: 'nearest' });
+    }, [active, open]);
+    const activeId = open && visible[active] ? `${listId}-opt-${active}` : undefined;
+    const handleKey = (e) => {
+        // Radix's dismissable layer prevents default on Escape before this runs,
+        // so only a consumer's own preventDefault stops the built-in handling.
+        const preventedBefore = e.defaultPrevented;
+        onKeyDown?.(e);
+        if (e.defaultPrevented && !preventedBefore)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                if (!open)
+                    setOpen(true);
+                else
+                    setActive((a) => Math.min(a + 1, visible.length - 1));
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                if (!open)
+                    setOpen(true);
+                else
+                    setActive((a) => Math.max(a - 1, 0));
+                break;
+            case 'Home':
+                if (open) {
+                    e.preventDefault();
+                    setActive(0);
+                }
+                break;
+            case 'End':
+                if (open) {
+                    e.preventDefault();
+                    setActive(visible.length - 1);
+                }
+                break;
+            case 'Enter':
+                if (open) {
+                    e.preventDefault();
+                    const opt = visible[active];
+                    if (opt && !opt.disabled)
+                        select(opt);
+                }
+                break;
+            case 'Escape':
+                if (open) {
+                    e.preventDefault();
+                    setOpen(false);
+                    setInput(selected?.label ?? '');
+                }
+                break;
+            case 'Backspace':
+                if (clearable && inputValue === '' && selected)
+                    select(null);
+                break;
+        }
+    };
+    const fieldProps = useFieldControl(rest, { invalid });
+    return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: (next) => {
+            setOpen(next);
+            if (!next)
+                setInput(selected?.label ?? '');
+        }, children: [_jsx(PopoverPrimitive.Anchor, { asChild: true, children: _jsxs("div", { className: cx('mn-input', 'mn-combobox', className), "data-size": size, "data-disabled": fieldProps.disabled || undefined, children: [_jsx("input", { ref: (node) => {
+                                inputRef.current = node;
+                                if (typeof ref === 'function')
+                                    ref(node);
+                                else if (ref)
+                                    ref.current = node;
+                            }, ...fieldProps, type: "text", role: "combobox", autoComplete: "off", "aria-autocomplete": "list", "aria-expanded": open, "aria-controls": open ? listId : undefined, "aria-activedescendant": activeId, className: "mn-combobox__input", placeholder: placeholder, value: inputValue, onChange: (e) => {
+                                setInput(e.target.value);
+                                setActive(0);
+                                if (!open)
+                                    setOpen(true);
+                            }, onKeyDown: handleKey, onBlur: (e) => {
+                                onBlur?.(e);
+                                // Revert unmatched text so the input always reflects the selection.
+                                if (!listRef.current?.contains(e.relatedTarget))
+                                    setInput(selected?.label ?? '');
+                            } }), loading ? _jsx(Spinner, { size: "sm", className: "mn-combobox__spinner" }) : null, _jsx("button", { type: "button", tabIndex: -1, "aria-label": open ? 'Close options' : 'Show options', className: "mn-combobox__toggle", disabled: fieldProps.disabled, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                                setOpen((o) => !o);
+                                inputRef.current?.focus();
+                            }, children: _jsx(ChevronDownGlyph, {}) })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { align: "start", sideOffset: 4, onOpenAutoFocus: (e) => e.preventDefault(), onCloseAutoFocus: (e) => e.preventDefault(), onInteractOutside: (e) => {
+                        if (inputRef.current?.contains(e.target))
+                            e.preventDefault();
+                    }, className: "mn-menu mn-combobox__content", children: _jsx("div", { ref: listRef, id: listId, role: "listbox", "aria-label": rest['aria-label'] ?? 'Options', className: "mn-combobox__list", children: loading && visible.length === 0 ? (_jsx("div", { className: "mn-combobox__status", role: "status", children: "Loading\u2026" })) : visible.length === 0 ? (_jsx("div", { className: "mn-combobox__status", role: "status", children: emptyMessage })) : (visible.map((o, i) => (
+                        // Options follow the aria-activedescendant pattern: the input keeps
+                        // focus and handles every key, so options are deliberately not focusable.
+                        // monarch-ignore-next-line a11y/click-without-key -- aria-activedescendant pattern: the input handles all keys
+                        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/interactive-supports-focus
+                        _jsxs("div", { id: `${listId}-opt-${i}`, role: "option", "aria-selected": o.value === value, "aria-disabled": o.disabled || undefined, "data-index": i, "data-highlighted": i === active || undefined, className: "mn-menu__item", onMouseEnter: () => setActive(i), onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                                if (!o.disabled)
+                                    select(o);
+                            }, children: [_jsxs("span", { className: "mn-menu__text", children: [o.label, o.description ? (_jsx("span", { className: "mn-combobox__description", children: o.description })) : null] }), o.value === value ? (_jsx("span", { className: "mn-menu__indicator", children: _jsx(CheckGlyph, {}) })) : null] }, o.value)))) }) }) })] }));
+});
+//# sourceMappingURL=combobox.js.map

package/dist/components/forms/combobox/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../../../src/components/forms/combobox/combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/forms/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './combobox.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/combobox/index.d.ts.map

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

package/dist/components/forms/combobox/index.js

@@ -0,0 +1,2 @@
+export * from './combobox.js';
+//# sourceMappingURL=index.js.map

package/dist/components/forms/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/forms/form-field/form-field.d.ts

@@ -0,0 +1,65 @@
+import { type HTMLAttributes, type LabelHTMLAttributes, type ReactNode } from 'react';
+interface FieldContextValue {
+    controlId: string;
+    labelId: string;
+    descriptionId: string;
+    errorId: string;
+    invalid: boolean;
+    required: boolean;
+    disabled: boolean;
+    hasDescription: boolean;
+    hasError: boolean;
+    register: (part: 'description' | 'error', present: boolean) => void;
+}
+export interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** Override the generated control id (e.g. to match an existing label). */
+    id?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    children: ReactNode;
+}
+/**
+ * Groups a label, a control, help text and an error message, and wires their
+ * ids together: the control gets `id`, `aria-describedby`, `aria-invalid`,
+ * `aria-required` and `disabled` automatically. Descriptions and errors
+ * register themselves, so `aria-describedby` only names elements that exist.
+ *
+ *   <Field invalid={!!error}>
+ *     <FieldLabel>Email</FieldLabel>
+ *     <Input type="email" />
+ *     <FieldError>{error}</FieldError>
+ *   </Field>
+ */
+export declare function Field({ id, invalid, required, disabled, className, children, ...rest }: FieldProps): import("react").JSX.Element;
+export declare function useFieldContext(): FieldContextValue | null;
+export interface FieldControlProps {
+    id?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid'?: boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined;
+}
+/**
+ * Merges Field context into a control's props. Explicit props win, so a
+ * control can still be used outside a Field.
+ */
+export declare function useFieldControl<P extends FieldControlProps>(props: P, options?: {
+    invalid?: boolean | undefined;
+}): P & {
+    'aria-required'?: true;
+    'aria-invalid'?: true;
+};
+export interface FieldLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Text shown after the label for optional fields, e.g. "Optional". */
+    optionalText?: string;
+}
+export declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare function FieldDescription({ className, ...rest }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+/**
+ * Renders nothing when empty, so it can always be present. Announced politely
+ * when it appears.
+ */
+export declare function FieldError({ className, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/forms/form-field/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EASL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrE;AAID,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,2EAA2E;IAC3E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAoCZ;AAED,wBAAgB,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAE1D;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CAClF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,iBAAiB,EACzD,KAAK,EAAE,CAAC,EACR,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAO,GAC9C,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,IAAI,CAAC;IAAC,cAAc,CAAC,EAAE,IAAI,CAAA;CAAE,CAoBvD;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,8GAuBrB,CAAC;AAaH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,+BAS5F;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,oBAAoB,CAAC,sCAehG"}

package/dist/components/forms/form-field/form-field.js

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useState, } from 'react';
+import { cx } from '../../../internal/cx.js';
+const FieldContext = createContext(null);
+/**
+ * Groups a label, a control, help text and an error message, and wires their
+ * ids together: the control gets `id`, `aria-describedby`, `aria-invalid`,
+ * `aria-required` and `disabled` automatically. Descriptions and errors
+ * register themselves, so `aria-describedby` only names elements that exist.
+ *
+ *   <Field invalid={!!error}>
+ *     <FieldLabel>Email</FieldLabel>
+ *     <Input type="email" />
+ *     <FieldError>{error}</FieldError>
+ *   </Field>
+ */
+export function Field({ id, invalid = false, required = false, disabled = false, className, children, ...rest }) {
+    const auto = useId();
+    const controlId = id ?? `mn-field-${auto}`;
+    const [hasDescription, setHasDescription] = useState(false);
+    const [hasError, setHasError] = useState(false);
+    const register = useCallback((part, present) => {
+        if (part === 'description')
+            setHasDescription(present);
+        else
+            setHasError(present);
+    }, []);
+    const value = useMemo(() => ({
+        controlId,
+        labelId: `${controlId}-label`,
+        descriptionId: `${controlId}-description`,
+        errorId: `${controlId}-error`,
+        invalid,
+        required,
+        disabled,
+        hasDescription,
+        hasError,
+        register,
+    }), [controlId, invalid, required, disabled, hasDescription, hasError, register]);
+    return (_jsx(FieldContext.Provider, { value: value, children: _jsx("div", { ...rest, className: cx('mn-field', className), "data-invalid": invalid || undefined, "data-disabled": disabled || undefined, children: children }) }));
+}
+export function useFieldContext() {
+    return useContext(FieldContext);
+}
+/**
+ * Merges Field context into a control's props. Explicit props win, so a
+ * control can still be used outside a Field.
+ */
+export function useFieldControl(props, options = {}) {
+    const field = useContext(FieldContext);
+    const invalid = options.invalid ?? field?.invalid ?? false;
+    const describedBy = [
+        props['aria-describedby'],
+        field?.hasDescription ? field.descriptionId : undefined,
+        field?.hasError && invalid ? field.errorId : undefined,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const required = props.required ?? field?.required;
+    return {
+        ...props,
+        id: props.id ?? field?.controlId,
+        disabled: props.disabled ?? (field?.disabled || undefined),
+        required,
+        'aria-describedby': describedBy || undefined,
+        ...(invalid ? { 'aria-invalid': true } : {}),
+        ...(required ? { 'aria-required': true } : {}),
+    };
+}
+export const FieldLabel = forwardRef(function FieldLabel({ className, children, optionalText, htmlFor, ...rest }, ref) {
+    const field = useContext(FieldContext);
+    return (_jsxs("label", { ref: ref, ...rest, id: rest.id ?? field?.labelId, htmlFor: htmlFor ?? field?.controlId, className: cx('mn-field__label', className), children: [children, field?.required ? (_jsx("span", { className: "mn-field__required", "aria-hidden": true, children: "*" })) : optionalText ? (_jsx("span", { className: "mn-field__optional", children: optionalText })) : null] }));
+});
+function useRegister(part, present) {
+    const field = useContext(FieldContext);
+    const register = field?.register;
+    useEffect(() => {
+        if (!register || !present)
+            return;
+        register(part, true);
+        return () => register(part, false);
+    }, [register, part, present]);
+    return field;
+}
+export function FieldDescription({ className, ...rest }) {
+    const field = useRegister('description', true);
+    return (_jsx("p", { ...rest, id: rest.id ?? field?.descriptionId, className: cx('mn-field__description', className) }));
+}
+/**
+ * Renders nothing when empty, so it can always be present. Announced politely
+ * when it appears.
+ */
+export function FieldError({ className, children, ...rest }) {
+    const empty = children === null || children === undefined || children === false || children === '';
+    const field = useRegister('error', !empty);
+    if (empty)
+        return null;
+    return (_jsx("p", { ...rest, id: rest.id ?? field?.errorId, className: cx('mn-field__error', className), "aria-live": "polite", children: children }));
+}
+//# sourceMappingURL=form-field.js.map

package/dist/components/forms/form-field/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.tsx"],"names":[],"mappings":"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"}

package/dist/components/forms/form-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './form-field.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/form-field/index.d.ts.map

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

package/dist/components/forms/form-field/index.js

@@ -0,0 +1,2 @@
+export * from './form-field.js';
+//# sourceMappingURL=index.js.map

package/dist/components/forms/form-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/forms/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './segmented-control.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/forms/segmented-control/index.js

@@ -0,0 +1,2 @@
+export * from './segmented-control.js';
+//# sourceMappingURL=index.js.map

package/dist/components/forms/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/forms/segmented-control/segmented-control.d.ts

@@ -0,0 +1,62 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
+export type SegmentedControlSize = 'sm' | 'md' | 'lg';
+export interface SegmentedOption<T extends string = string> {
+    value: T;
+    /** Visible text, and the accessible name. Required even when `hideLabel` is set. */
+    label: string;
+    /** Decorative icon before the label. */
+    icon?: ReactNode;
+    /** Show only the icon; `label` becomes the accessible name and the tooltip. */
+    hideLabel?: boolean;
+    /** A count after the label ("Open 12"). Included in the accessible name. */
+    count?: number | string;
+    /** Short extra text after the label, for example "Save 20%". */
+    suffix?: ReactNode;
+    disabled?: boolean;
+}
+type ControlledValue<V> = {
+    value: V;
+    defaultValue?: never;
+} | {
+    value?: never;
+    defaultValue?: V;
+} | {
+    value?: undefined;
+    defaultValue?: V;
+};
+interface SharedProps<T extends string> extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'dir'> {
+    options: readonly SegmentedOption<T>[];
+    size?: SegmentedControlSize;
+    /** Stretch to the container and share the width equally. */
+    block?: boolean;
+    /** Disable every option. */
+    disabled?: boolean;
+    /** Text direction. Left and Right arrows follow it. Default: inherited from the page. */
+    dir?: 'ltr' | 'rtl';
+}
+/** The group must have an accessible name: a visible heading's id, or a label. */
+type AccessibleName = {
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-labelledby': string;
+    'aria-label'?: string;
+};
+export type SegmentedControlProps<T extends string = string> = SharedProps<T> & AccessibleName & ControlledValue<T> & {
+    onValueChange?: (value: T) => void;
+    /** Submits the selected value with a form under this name. */
+    name?: string;
+    /** Requires a selection (sets aria-required). */
+    required?: boolean;
+};
+export type ToggleGroupProps<T extends string = string> = SharedProps<T> & AccessibleName & ControlledValue<readonly T[]> & {
+    onValueChange?: (value: T[]) => void;
+};
+export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;
+export declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;
+export {};
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/components/forms/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}