@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/shared/date-input.js

@@ -0,0 +1,228 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalendarDays } from "lucide-react";
+import { forwardRef, useEffect, useId, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { classes } from "./classes.js";
+import { ClearButton } from "./clear-button.js";
+import { FormValue, useMergedRef } from "./field.js";
+import { FloatingPanel, useFloatingDismiss } from "./floating.js";
+const date_input_DateInput = /*#__PURE__*/ forwardRef(function({ size = 'md', status: statusProp, placeholder, name, required: requiredProp, allowClear = true, inputReadOnly, defaultOpen: _defaultOpen, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, displayValue, formValue, open, onOpenChange, onOpening, onClear, onTextCommit, onTextChange, commitOnBlur = true, renderPanel, panelClassName, clearLabel, panelLabel, icon, className, style, disabled: disabledProp, id: idProp, onClick, onKeyDown, onBlur, form, ...props }, forwardedRef) {
+    const field = useFormField();
+    const { messages } = useLeafConfig();
+    const disabled = disabledProp || field?.disabled;
+    const required = requiredProp ?? field?.required;
+    const input = useRef(null);
+    const root = useRef(null);
+    const panel = useRef(null);
+    const panelId = `${useId()}-picker-panel`;
+    const ref = useMergedRef(input, forwardedRef);
+    const [text, setText] = useState(displayValue);
+    const [dirty, setDirty] = useState(false);
+    const [invalid, setInvalid] = useState(false);
+    const [focusPanel, setFocusPanel] = useState(false);
+    const status = statusProp ?? (invalid || field?.error ? 'error' : void 0);
+    const restore = ()=>{
+        setText(displayValue);
+        setDirty(false);
+        setInvalid(false);
+    };
+    const close = ()=>{
+        onOpenChange(false);
+        restore();
+    };
+    const finish = ()=>{
+        onOpenChange(false);
+        restore();
+        input.current?.focus();
+    };
+    const opening = ()=>{
+        if (!open && !disabled && !props.readOnly) {
+            onOpening();
+            onOpenChange(true);
+        }
+    };
+    useFloatingDismiss(open, (reason)=>{
+        if ('escape' !== reason && dirty && commitOnBlur) {
+            const valid = onTextCommit(text.trim());
+            setInvalid(!valid);
+            if (valid) restore();
+            onOpenChange(false);
+        } else close();
+    }, input, panel, root);
+    useEffect(()=>{
+        setText(displayValue);
+        setDirty(false);
+        setInvalid(false);
+    }, [
+        displayValue
+    ]);
+    useEffect(()=>{
+        input.current?.setCustomValidity(invalid ? messages.form.invalid : '');
+    }, [
+        invalid,
+        messages.form.invalid
+    ]);
+    useEffect(()=>{
+        if (open && focusPanel) {
+            (panel.current?.querySelector('[tabindex="0"]:not(:disabled)') ?? panel.current?.querySelector('button:not(:disabled)'))?.focus();
+            setFocusPanel(false);
+        }
+    }, [
+        open,
+        focusPanel
+    ]);
+    useEffect(()=>{
+        const owner = input.current?.form;
+        const reset = (event)=>queueMicrotask(()=>{
+                if (!event.defaultPrevented) {
+                    setText(displayValue);
+                    setDirty(false);
+                    setInvalid(false);
+                    onOpenChange(false);
+                }
+            });
+        owner?.addEventListener('reset', reset);
+        return ()=>owner?.removeEventListener('reset', reset);
+    }, [
+        displayValue,
+        onOpenChange
+    ]);
+    const commitText = (focus = true)=>{
+        const valid = onTextCommit(text.trim());
+        setInvalid(!valid);
+        if (valid) {
+            restore();
+            onOpenChange(false);
+            if (focus) input.current?.focus();
+        }
+        return valid;
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ref: root,
+        className: classes('leaf-date-picker', `leaf-date-picker--${size}`, className),
+        style: style,
+        "data-status": status,
+        "data-disabled": disabled ? '' : void 0,
+        "data-open": open ? '' : void 0,
+        "data-clearable": allowClear && (formValue || text) && !disabled && !props.readOnly ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ...props,
+                ref: ref,
+                id: idProp ?? field?.id,
+                type: "text",
+                form: form,
+                className: "leaf-date-picker__input",
+                disabled: disabled,
+                readOnly: props.readOnly || inputReadOnly,
+                value: dirty ? text : displayValue,
+                placeholder: placeholder ?? messages.datePicker.placeholder,
+                role: "combobox",
+                "aria-haspopup": "dialog",
+                "aria-expanded": open,
+                "aria-controls": panelId,
+                "aria-required": required || void 0,
+                "aria-invalid": 'error' === status ? true : props['aria-invalid'],
+                "aria-describedby": [
+                    props['aria-describedby'],
+                    field?.descriptionId
+                ].filter(Boolean).join(' ') || void 0,
+                onClick: (event)=>{
+                    onClick?.(event);
+                    if (!event.defaultPrevented) opening();
+                },
+                onChange: (event)=>{
+                    opening();
+                    setText(event.target.value);
+                    setDirty(true);
+                    setInvalid(false);
+                    onTextChange?.(event.target.value);
+                },
+                onBlur: (event)=>{
+                    onBlur?.(event);
+                    if (event.defaultPrevented || root.current?.contains(event.relatedTarget) || panel.current?.contains(event.relatedTarget)) return;
+                    if (dirty) if (commitOnBlur) commitText(false);
+                    else restore();
+                },
+                onInvalid: (event)=>{
+                    props.onInvalid?.(event);
+                    event.preventDefault();
+                    input.current?.focus();
+                },
+                onKeyDown: (event)=>{
+                    onKeyDown?.(event);
+                    if (event.defaultPrevented || event.nativeEvent.isComposing) return;
+                    if ('ArrowDown' === event.key) {
+                        event.preventDefault();
+                        opening();
+                        setFocusPanel(true);
+                    } else if ('Enter' === event.key) {
+                        event.preventDefault();
+                        if (dirty) commitText();
+                        else opening();
+                    } else if ('Escape' === event.key) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        close();
+                    }
+                }
+            }),
+            allowClear && (formValue || text) && !disabled && !props.readOnly && /*#__PURE__*/ jsx(ClearButton, {
+                label: clearLabel ?? messages.datePicker.clear,
+                onClear: ()=>{
+                    onClear();
+                    setText('');
+                    setDirty(false);
+                    setInvalid(false);
+                    finish();
+                }
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "leaf-date-picker__icon",
+                tabIndex: -1,
+                disabled: disabled,
+                "aria-label": panelLabel ?? messages.datePicker.label,
+                onMouseDown: (event)=>event.preventDefault(),
+                onClick: ()=>{
+                    if (open) close();
+                    else {
+                        opening();
+                        setFocusPanel(true);
+                    }
+                },
+                children: icon ?? /*#__PURE__*/ jsx(CalendarDays, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                name: name,
+                form: form,
+                value: formValue,
+                disabled: disabled,
+                required: required,
+                triggerRef: input
+            }),
+            /*#__PURE__*/ jsx(FloatingPanel, {
+                open: open,
+                triggerRef: root,
+                panelRef: panel,
+                id: panelId,
+                className: classes('leaf-floating', panelClassName, popupClassName),
+                placement: popupPlacement,
+                style: popupStyle,
+                render: popupRender,
+                container: getPopupContainer,
+                role: "dialog",
+                "aria-label": panelLabel ?? messages.datePicker.label,
+                children: renderPanel(finish)
+            })
+        ]
+    });
+});
+export { date_input_DateInput as DateInput };
+
+//# sourceMappingURL=date-input.js.map

package/dist/esm/shared/date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/date-input.js","sources":["../../../src/shared/date-input.tsx"],"sourcesContent":["import { CalendarDays } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from './classes';\nimport { ClearButton } from './clear-button';\nimport { FormValue, useMergedRef } from './field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from './floating';\nimport type { ControlSize, ControlStatus } from './types';\n\nexport interface PickerFieldProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'children'\n    >,\n    PopupOptions {\n  size?: ControlSize;\n  status?: ControlStatus;\n  allowClear?: boolean;\n  inputReadOnly?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\nexport interface DateInputProps extends PickerFieldProps {\n  displayValue: string;\n  formValue: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onOpening: () => void;\n  onClear: () => void;\n  onTextCommit: (text: string) => boolean;\n  onTextChange?: (text: string) => void;\n  commitOnBlur?: boolean;\n  renderPanel: (close: () => void) => ReactNode;\n  panelClassName?: string;\n  clearLabel?: string;\n  panelLabel?: string;\n  icon?: ReactNode;\n}\n/** Editable text field with a custom calendar/time popup and canonical FormData value. */\nexport const DateInput = forwardRef<HTMLInputElement, DateInputProps>(function DateInput(\n  {\n    size = 'md',\n    status: statusProp,\n    placeholder,\n    name,\n    required: requiredProp,\n    allowClear = true,\n    inputReadOnly,\n    defaultOpen: _defaultOpen,\n    popupPlacement,\n    popupClassName,\n    popupStyle,\n    popupRender,\n    getPopupContainer,\n    displayValue,\n    formValue,\n    open,\n    onOpenChange,\n    onOpening,\n    onClear,\n    onTextCommit,\n    onTextChange,\n    commitOnBlur = true,\n    renderPanel,\n    panelClassName,\n    clearLabel,\n    panelLabel,\n    icon,\n    className,\n    style,\n    disabled: disabledProp,\n    id: idProp,\n    onClick,\n    onKeyDown,\n    onBlur,\n    form,\n    ...props\n  },\n  forwardedRef,\n) {\n  const field = useFormField();\n  const { messages } = useLeafConfig();\n  const disabled = disabledProp || field?.disabled;\n  const required = requiredProp ?? field?.required;\n  const input = useRef<HTMLInputElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const panelId = `${useId()}-picker-panel`;\n  const ref = useMergedRef(input, forwardedRef);\n  const [text, setText] = useState(displayValue);\n  const [dirty, setDirty] = useState(false);\n  const [invalid, setInvalid] = useState(false);\n  const [focusPanel, setFocusPanel] = useState(false);\n  const status = statusProp ?? (invalid || field?.error ? 'error' : undefined);\n  const restore = () => {\n    setText(displayValue);\n    setDirty(false);\n    setInvalid(false);\n  };\n  const close = () => {\n    onOpenChange(false);\n    restore();\n  };\n  const finish = () => {\n    onOpenChange(false);\n    restore();\n    input.current?.focus();\n  };\n  const opening = () => {\n    if (!open && !disabled && !props.readOnly) {\n      onOpening();\n      onOpenChange(true);\n    }\n  };\n  useFloatingDismiss(\n    open,\n    (reason) => {\n      if (reason === 'escape' || !dirty || !commitOnBlur) close();\n      else {\n        const valid = onTextCommit(text.trim());\n        setInvalid(!valid);\n        if (valid) restore();\n        onOpenChange(false);\n      }\n    },\n    input,\n    panel,\n    root,\n  );\n  useEffect(() => {\n    setText(displayValue);\n    setDirty(false);\n    setInvalid(false);\n  }, [displayValue]);\n  useEffect(() => {\n    input.current?.setCustomValidity(invalid ? messages.form.invalid : '');\n  }, [invalid, messages.form.invalid]);\n  useEffect(() => {\n    if (open && focusPanel) {\n      (\n        panel.current?.querySelector<HTMLElement>('[tabindex=\"0\"]:not(:disabled)') ??\n        panel.current?.querySelector<HTMLElement>('button:not(:disabled)')\n      )?.focus();\n      setFocusPanel(false);\n    }\n  }, [open, focusPanel]);\n  useEffect(() => {\n    const owner = input.current?.form;\n    const reset = (event: Event) =>\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) {\n          setText(displayValue);\n          setDirty(false);\n          setInvalid(false);\n          onOpenChange(false);\n        }\n      });\n    owner?.addEventListener('reset', reset);\n    return () => owner?.removeEventListener('reset', reset);\n  }, [displayValue, onOpenChange]);\n  const commitText = (focus = true) => {\n    const valid = onTextCommit(text.trim());\n    setInvalid(!valid);\n    if (valid) {\n      restore();\n      onOpenChange(false);\n      if (focus) input.current?.focus();\n    }\n    return valid;\n  };\n  return (\n    <div\n      ref={root}\n      className={classes('leaf-date-picker', `leaf-date-picker--${size}`, className)}\n      style={style}\n      data-status={status}\n      data-disabled={disabled ? '' : undefined}\n      data-open={open ? '' : undefined}\n      data-clearable={\n        allowClear && (formValue || text) && !disabled && !props.readOnly ? '' : undefined\n      }\n    >\n      <input\n        {...props}\n        ref={ref}\n        id={idProp ?? field?.id}\n        type=\"text\"\n        form={form}\n        className=\"leaf-date-picker__input\"\n        disabled={disabled}\n        readOnly={props.readOnly || inputReadOnly}\n        value={dirty ? text : displayValue}\n        placeholder={placeholder ?? messages.datePicker.placeholder}\n        role=\"combobox\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={open}\n        aria-controls={panelId}\n        aria-required={required || undefined}\n        aria-invalid={status === 'error' ? true : props['aria-invalid']}\n        aria-describedby={\n          [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n        }\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented) opening();\n        }}\n        onChange={(event) => {\n          opening();\n          setText(event.target.value);\n          setDirty(true);\n          setInvalid(false);\n          onTextChange?.(event.target.value);\n        }}\n        onBlur={(event) => {\n          onBlur?.(event);\n          if (\n            event.defaultPrevented ||\n            root.current?.contains(event.relatedTarget) ||\n            panel.current?.contains(event.relatedTarget)\n          )\n            return;\n          if (dirty) {\n            if (commitOnBlur) commitText(false);\n            else restore();\n          }\n        }}\n        onInvalid={(event) => {\n          props.onInvalid?.(event);\n          event.preventDefault();\n          input.current?.focus();\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            opening();\n            setFocusPanel(true);\n          } else if (event.key === 'Enter') {\n            event.preventDefault();\n            if (dirty) commitText();\n            else opening();\n          } else if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            close();\n          }\n        }}\n      />\n      {allowClear && (formValue || text) && !disabled && !props.readOnly && (\n        <ClearButton\n          label={clearLabel ?? messages.datePicker.clear}\n          onClear={() => {\n            onClear();\n            setText('');\n            setDirty(false);\n            setInvalid(false);\n            finish();\n          }}\n        />\n      )}\n      <button\n        type=\"button\"\n        className=\"leaf-date-picker__icon\"\n        tabIndex={-1}\n        disabled={disabled}\n        aria-label={panelLabel ?? messages.datePicker.label}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => {\n          if (open) close();\n          else {\n            opening();\n            setFocusPanel(true);\n          }\n        }}\n      >\n        {icon ?? <CalendarDays size={16} aria-hidden=\"true\" />}\n      </button>\n      <FormValue\n        name={name}\n        form={form}\n        value={formValue}\n        disabled={disabled}\n        required={required}\n        triggerRef={input}\n      />\n      <FloatingPanel\n        open={open}\n        triggerRef={root}\n        panelRef={panel}\n        id={panelId}\n        className={classes('leaf-floating', panelClassName, popupClassName)}\n        placement={popupPlacement}\n        style={popupStyle}\n        render={popupRender}\n        container={getPopupContainer}\n        role=\"dialog\"\n        aria-label={panelLabel ?? messages.datePicker.label}\n      >\n        {renderPanel(finish)}\n      </FloatingPanel>\n    </div>\n  );\n});\n"],"names":["DateInput","forwardRef","size","statusProp","placeholder","name","requiredProp","allowClear","inputReadOnly","_defaultOpen","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","displayValue","formValue","open","onOpenChange","onOpening","onClear","onTextCommit","onTextChange","commitOnBlur","renderPanel","panelClassName","clearLabel","panelLabel","icon","className","style","disabledProp","idProp","onClick","onKeyDown","onBlur","form","props","forwardedRef","field","useFormField","messages","useLeafConfig","disabled","required","input","useRef","root","panel","panelId","useId","ref","useMergedRef","text","setText","useState","dirty","setDirty","invalid","setInvalid","focusPanel","setFocusPanel","status","undefined","restore","close","finish","opening","useFloatingDismiss","reason","valid","useEffect","owner","reset","event","queueMicrotask","commitText","focus","classes","Boolean","ClearButton","CalendarDays","FormValue","FloatingPanel"],"mappings":"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"}

package/dist/esm/shared/date.d.ts

@@ -0,0 +1,10 @@
+export declare function dateKey(date: Date): string;
+export declare function sameDate(left: Date | null | undefined, right: Date | null | undefined): boolean;
+export declare function monthKey(date: Date): string;
+export declare function calendarDays(month: Date, weekStartsOn?: number): Date[];
+export declare function shiftMonth(date: Date, amount: number): Date;
+export declare function formatDateLabel(date: Date, locale?: string): string;
+export declare function formatMonthLabel(date: Date, locale?: string): string;
+export declare function isBeforeDay(left: Date, right: Date): boolean;
+export declare function isAfterDay(left: Date, right: Date): boolean;
+//# sourceMappingURL=date.d.ts.map

package/dist/esm/shared/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/shared/date.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,UAKjC;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,WAErF;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,UAElC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,SAAI,UAQzD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAEpD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,SAAU,UAM3D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,SAAU,UAE5D;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,WAElD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,WAEjD"}

package/dist/esm/shared/date.js

@@ -0,0 +1,49 @@
+"use client";
+function dateKey(date) {
+    const year = String(date.getFullYear()).padStart(4, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+function sameDate(left, right) {
+    return Boolean(left && right && dateKey(left) === dateKey(right));
+}
+function monthKey(date) {
+    return `${date.getFullYear()}-${date.getMonth()}`;
+}
+function calendarDays(month, weekStartsOn = 1) {
+    const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
+    const mondayOffset = (firstDay.getDay() - weekStartsOn + 7) % 7;
+    return Array.from({
+        length: 42
+    }, (_, index)=>{
+        const day = new Date(firstDay);
+        day.setDate(1 - mondayOffset + index);
+        return day;
+    });
+}
+function shiftMonth(date, amount) {
+    return new Date(date.getFullYear(), date.getMonth() + amount, 1);
+}
+function formatDateLabel(date, locale = 'zh-CN') {
+    return new Intl.DateTimeFormat(locale, {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric'
+    }).format(date);
+}
+function formatMonthLabel(date, locale = 'zh-CN') {
+    return new Intl.DateTimeFormat(locale, {
+        year: 'numeric',
+        month: 'long'
+    }).format(date);
+}
+function isBeforeDay(left, right) {
+    return dateKey(left) < dateKey(right);
+}
+function isAfterDay(left, right) {
+    return dateKey(left) > dateKey(right);
+}
+export { calendarDays, dateKey, formatDateLabel, formatMonthLabel, isAfterDay, isBeforeDay, monthKey, sameDate, shiftMonth };
+
+//# sourceMappingURL=date.js.map

package/dist/esm/shared/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/date.js","sources":["../../../src/shared/date.ts"],"sourcesContent":["export function dateKey(date: Date) {\n  const year = String(date.getFullYear()).padStart(4, '0');\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${year}-${month}-${day}`;\n}\n\nexport function sameDate(left: Date | null | undefined, right: Date | null | undefined) {\n  return Boolean(left && right && dateKey(left) === dateKey(right));\n}\n\nexport function monthKey(date: Date) {\n  return `${date.getFullYear()}-${date.getMonth()}`;\n}\n\nexport function calendarDays(month: Date, weekStartsOn = 1) {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const mondayOffset = (firstDay.getDay() - weekStartsOn + 7) % 7;\n  return Array.from({ length: 42 }, (_, index) => {\n    const day = new Date(firstDay);\n    day.setDate(1 - mondayOffset + index);\n    return day;\n  });\n}\n\nexport function shiftMonth(date: Date, amount: number) {\n  return new Date(date.getFullYear(), date.getMonth() + amount, 1);\n}\n\nexport function formatDateLabel(date: Date, locale = 'zh-CN') {\n  return new Intl.DateTimeFormat(locale, {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }).format(date);\n}\n\nexport function formatMonthLabel(date: Date, locale = 'zh-CN') {\n  return new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'long' }).format(date);\n}\n\nexport function isBeforeDay(left: Date, right: Date) {\n  return dateKey(left) < dateKey(right);\n}\n\nexport function isAfterDay(left: Date, right: Date) {\n  return dateKey(left) > dateKey(right);\n}\n"],"names":["dateKey","date","year","String","month","day","sameDate","left","right","Boolean","monthKey","calendarDays","weekStartsOn","firstDay","Date","mondayOffset","Array","_","index","shiftMonth","amount","formatDateLabel","locale","Intl","formatMonthLabel","isBeforeDay","isAfterDay"],"mappings":";AAAO,SAASA,QAAQC,IAAU;IAChC,MAAMC,OAAOC,OAAOF,KAAK,WAAW,IAAI,QAAQ,CAAC,GAAG;IACpD,MAAMG,QAAQD,OAAOF,KAAK,QAAQ,KAAK,GAAG,QAAQ,CAAC,GAAG;IACtD,MAAMI,MAAMF,OAAOF,KAAK,OAAO,IAAI,QAAQ,CAAC,GAAG;IAC/C,OAAO,GAAGC,KAAK,CAAC,EAAEE,MAAM,CAAC,EAAEC,KAAK;AAClC;AAEO,SAASC,SAASC,IAA6B,EAAEC,KAA8B;IACpF,OAAOC,QAAQF,QAAQC,SAASR,QAAQO,UAAUP,QAAQQ;AAC5D;AAEO,SAASE,SAAST,IAAU;IACjC,OAAO,GAAGA,KAAK,WAAW,GAAG,CAAC,EAAEA,KAAK,QAAQ,IAAI;AACnD;AAEO,SAASU,aAAaP,KAAW,EAAEQ,eAAe,CAAC;IACxD,MAAMC,WAAW,IAAIC,KAAKV,MAAM,WAAW,IAAIA,MAAM,QAAQ,IAAI;IACjE,MAAMW,eAAgBF,AAAAA,CAAAA,SAAS,MAAM,KAAKD,eAAe,KAAK;IAC9D,OAAOI,MAAM,IAAI,CAAC;QAAE,QAAQ;IAAG,GAAG,CAACC,GAAGC;QACpC,MAAMb,MAAM,IAAIS,KAAKD;QACrBR,IAAI,OAAO,CAAC,IAAIU,eAAeG;QAC/B,OAAOb;IACT;AACF;AAEO,SAASc,WAAWlB,IAAU,EAAEmB,MAAc;IACnD,OAAO,IAAIN,KAAKb,KAAK,WAAW,IAAIA,KAAK,QAAQ,KAAKmB,QAAQ;AAChE;AAEO,SAASC,gBAAgBpB,IAAU,EAAEqB,SAAS,OAAO;IAC1D,OAAO,IAAIC,KAAK,cAAc,CAACD,QAAQ;QACrC,MAAM;QACN,OAAO;QACP,KAAK;IACP,GAAG,MAAM,CAACrB;AACZ;AAEO,SAASuB,iBAAiBvB,IAAU,EAAEqB,SAAS,OAAO;IAC3D,OAAO,IAAIC,KAAK,cAAc,CAACD,QAAQ;QAAE,MAAM;QAAW,OAAO;IAAO,GAAG,MAAM,CAACrB;AACpF;AAEO,SAASwB,YAAYlB,IAAU,EAAEC,KAAW;IACjD,OAAOR,QAAQO,QAAQP,QAAQQ;AACjC;AAEO,SAASkB,WAAWnB,IAAU,EAAEC,KAAW;IAChD,OAAOR,QAAQO,QAAQP,QAAQQ;AACjC"}

package/dist/esm/shared/dialog.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+export type FocusTarget = RefObject<HTMLElement | null> | (() => HTMLElement | null);
+export interface DialogFocusOptions {
+    initialFocus?: FocusTarget;
+    returnFocus?: boolean | FocusTarget;
+}
+/** Share focus, Escape and scroll ownership between nested dialogs and drawers. */
+export declare function useDialog(open: boolean, panel: RefObject<HTMLDivElement | null>, owner: string, onClose: () => void, keyboard: boolean, options?: DialogFocusOptions, ready?: boolean, modal?: boolean): void;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/esm/shared/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/shared/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAK1D,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AACrF,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;CACrC;AAID,mFAAmF;AACnF,wBAAgB,SAAS,CACvB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACvC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,MAAM,IAAI,EACnB,QAAQ,EAAE,OAAO,EACjB,OAAO,GAAE,kBAAuB,EAChC,KAAK,UAAO,EACZ,KAAK,UAAO,QA8Eb"}

package/dist/esm/shared/dialog.js

@@ -0,0 +1,83 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { tabbable } from "tabbable";
+import { composedEventTarget, deepActiveElement } from "./dom.js";
+const stack = [];
+let savedOverflow = '';
+let scrollLocks = 0;
+function useDialog(open, panel, owner, onClose, keyboard, options = {}, ready = true, modal = true) {
+    const focusOptions = useRef(options);
+    focusOptions.current = options;
+    const close = useRef(onClose);
+    close.current = onClose;
+    const keyboardRef = useRef(keyboard);
+    keyboardRef.current = keyboard;
+    useEffect(()=>{
+        const node = panel.current;
+        if (!open || !node || !ready) return;
+        const active = deepActiveElement();
+        const previous = active instanceof HTMLElement ? active : null;
+        const focusable = ()=>tabbable(node, {
+                getShadowRoot: (element)=>element.shadowRoot ?? void 0
+            });
+        if (modal && 0 === scrollLocks++) {
+            savedOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+        }
+        stack.push(node);
+        const resolve = (target)=>'function' == typeof target ? target() : target?.current;
+        (resolve(focusOptions.current.initialFocus) ?? focusable()[0] ?? node).focus();
+        const key = (event)=>{
+            if (stack.at(-1) !== node || event.defaultPrevented) return;
+            if ('Escape' === event.key && keyboardRef.current) {
+                event.preventDefault();
+                event.stopPropagation();
+                close.current();
+            }
+            if ('Tab' === event.key) {
+                if (!modal) return;
+                const items = focusable();
+                if (!items.length) {
+                    event.preventDefault();
+                    node.focus();
+                    return;
+                }
+                const index = items.indexOf(deepActiveElement());
+                if (event.shiftKey && index <= 0) {
+                    event.preventDefault();
+                    items.at(-1)?.focus();
+                } else if (!event.shiftKey && (index < 0 || index === items.length - 1)) {
+                    event.preventDefault();
+                    items[0]?.focus();
+                }
+            }
+        };
+        const focus = (event)=>{
+            const target = composedEventTarget(event);
+            if (stack.at(-1) === node && modal && target instanceof HTMLElement && !event.composedPath().includes(node) && target.closest('[data-leaf-owner]')?.getAttribute('data-leaf-owner') !== owner) (focusable()[0] ?? node).focus();
+        };
+        document.addEventListener('keydown', key);
+        document.addEventListener('focusin', focus);
+        return ()=>{
+            document.removeEventListener('keydown', key);
+            document.removeEventListener('focusin', focus);
+            const wasTop = stack.at(-1) === node;
+            const index = stack.indexOf(node);
+            if (index >= 0) stack.splice(index, 1);
+            if (modal && 0 === --scrollLocks) document.body.style.overflow = savedOverflow;
+            if (wasTop && false !== focusOptions.current.returnFocus) {
+                const destination = 'object' == typeof focusOptions.current.returnFocus || 'function' == typeof focusOptions.current.returnFocus ? resolve(focusOptions.current.returnFocus) : previous;
+                if (destination?.isConnected) destination.focus();
+            }
+        };
+    }, [
+        open,
+        panel,
+        owner,
+        ready,
+        modal
+    ]);
+}
+export { useDialog };
+
+//# sourceMappingURL=dialog.js.map

package/dist/esm/shared/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/dialog.js","sources":["../../../src/shared/dialog.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from 'react';\nimport { tabbable } from 'tabbable';\nimport { composedEventTarget, deepActiveElement } from './dom';\n\nconst stack: HTMLElement[] = [];\nexport type FocusTarget = RefObject<HTMLElement | null> | (() => HTMLElement | null);\nexport interface DialogFocusOptions {\n  initialFocus?: FocusTarget;\n  returnFocus?: boolean | FocusTarget;\n}\nlet savedOverflow = '';\nlet scrollLocks = 0;\n\n/** Share focus, Escape and scroll ownership between nested dialogs and drawers. */\nexport function useDialog(\n  open: boolean,\n  panel: RefObject<HTMLDivElement | null>,\n  owner: string,\n  onClose: () => void,\n  keyboard: boolean,\n  options: DialogFocusOptions = {},\n  ready = true,\n  modal = true,\n) {\n  const focusOptions = useRef(options);\n  focusOptions.current = options;\n  const close = useRef(onClose);\n  close.current = onClose;\n  const keyboardRef = useRef(keyboard);\n  keyboardRef.current = keyboard;\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || !node || !ready) return;\n    const active = deepActiveElement();\n    const previous = active instanceof HTMLElement ? active : null;\n    const focusable = () =>\n      tabbable(node, { getShadowRoot: (element) => element.shadowRoot ?? undefined });\n    if (modal && scrollLocks++ === 0) {\n      savedOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n    stack.push(node);\n    const resolve = (target?: FocusTarget) =>\n      typeof target === 'function' ? target() : target?.current;\n    (resolve(focusOptions.current.initialFocus) ?? focusable()[0] ?? node).focus();\n    const key = (event: KeyboardEvent) => {\n      if (stack.at(-1) !== node || event.defaultPrevented) return;\n      if (event.key === 'Escape' && keyboardRef.current) {\n        event.preventDefault();\n        event.stopPropagation();\n        close.current();\n      }\n      if (event.key === 'Tab') {\n        if (!modal) return;\n        const items = focusable();\n        if (!items.length) {\n          event.preventDefault();\n          node.focus();\n          return;\n        }\n        const index = items.indexOf(deepActiveElement() as HTMLElement);\n        if (event.shiftKey && index <= 0) {\n          event.preventDefault();\n          items.at(-1)?.focus();\n        } else if (!event.shiftKey && (index < 0 || index === items.length - 1)) {\n          event.preventDefault();\n          items[0]?.focus();\n        }\n      }\n    };\n    const focus = (event: FocusEvent) => {\n      const target = composedEventTarget(event);\n      if (\n        stack.at(-1) === node &&\n        modal &&\n        target instanceof HTMLElement &&\n        !event.composedPath().includes(node) &&\n        target.closest('[data-leaf-owner]')?.getAttribute('data-leaf-owner') !== owner\n      )\n        (focusable()[0] ?? node).focus();\n    };\n    document.addEventListener('keydown', key);\n    document.addEventListener('focusin', focus);\n    return () => {\n      document.removeEventListener('keydown', key);\n      document.removeEventListener('focusin', focus);\n      const wasTop = stack.at(-1) === node;\n      const index = stack.indexOf(node);\n      if (index >= 0) stack.splice(index, 1);\n      if (modal && --scrollLocks === 0) document.body.style.overflow = savedOverflow;\n      if (wasTop && focusOptions.current.returnFocus !== false) {\n        const destination =\n          typeof focusOptions.current.returnFocus === 'object' ||\n          typeof focusOptions.current.returnFocus === 'function'\n            ? resolve(focusOptions.current.returnFocus)\n            : previous;\n        if (destination?.isConnected) destination.focus();\n      }\n    };\n  }, [open, panel, owner, ready, modal]);\n}\n"],"names":["stack","savedOverflow","scrollLocks","useDialog","open","panel","owner","onClose","keyboard","options","ready","modal","focusOptions","useRef","close","keyboardRef","useEffect","node","active","deepActiveElement","previous","HTMLElement","focusable","tabbable","element","undefined","document","resolve","target","key","event","items","index","focus","composedEventTarget","wasTop","destination"],"mappings":"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"}

package/dist/esm/shared/dom.d.ts

@@ -0,0 +1,4 @@
+export declare function deepActiveElement(root?: Document | ShadowRoot): Element | null;
+export declare function composedEventTarget(event: Event): EventTarget | null;
+export declare function composedParent(node: HTMLElement): HTMLElement | null;
+//# sourceMappingURL=dom.d.ts.map

package/dist/esm/shared/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/shared/dom.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,QAAQ,GAAG,UAAqB,GAAG,OAAO,GAAG,IAAI,CAGxF;AACD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,GAAG,WAAW,GAAG,IAAI,CAEpE;AACD,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAIpE"}

package/dist/esm/shared/dom.js

@@ -0,0 +1,16 @@
+"use client";
+function deepActiveElement(root = document) {
+    const active = root.activeElement;
+    return active?.shadowRoot ? deepActiveElement(active.shadowRoot) : active;
+}
+function composedEventTarget(event) {
+    return event.composedPath()[0] ?? event.target;
+}
+function composedParent(node) {
+    if (node.parentElement) return node.parentElement;
+    const root = node.getRootNode();
+    return root instanceof ShadowRoot && root.host instanceof HTMLElement ? root.host : null;
+}
+export { composedEventTarget, composedParent, deepActiveElement };
+
+//# sourceMappingURL=dom.js.map

package/dist/esm/shared/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/dom.js","sources":["../../../src/shared/dom.ts"],"sourcesContent":["export function deepActiveElement(root: Document | ShadowRoot = document): Element | null {\n  const active = root.activeElement;\n  return active?.shadowRoot ? deepActiveElement(active.shadowRoot) : active;\n}\nexport function composedEventTarget(event: Event): EventTarget | null {\n  return event.composedPath()[0] ?? event.target;\n}\nexport function composedParent(node: HTMLElement): HTMLElement | null {\n  if (node.parentElement) return node.parentElement;\n  const root = node.getRootNode();\n  return root instanceof ShadowRoot && root.host instanceof HTMLElement ? root.host : null;\n}\n"],"names":["deepActiveElement","root","document","active","composedEventTarget","event","composedParent","node","ShadowRoot","HTMLElement"],"mappings":";AAAO,SAASA,kBAAkBC,OAA8BC,QAAQ;IACtE,MAAMC,SAASF,KAAK,aAAa;IACjC,OAAOE,QAAQ,aAAaH,kBAAkBG,OAAO,UAAU,IAAIA;AACrE;AACO,SAASC,oBAAoBC,KAAY;IAC9C,OAAOA,MAAM,YAAY,EAAE,CAAC,EAAE,IAAIA,MAAM,MAAM;AAChD;AACO,SAASC,eAAeC,IAAiB;IAC9C,IAAIA,KAAK,aAAa,EAAE,OAAOA,KAAK,aAAa;IACjD,MAAMN,OAAOM,KAAK,WAAW;IAC7B,OAAON,gBAAgBO,cAAcP,KAAK,IAAI,YAAYQ,cAAcR,KAAK,IAAI,GAAG;AACtF"}

package/dist/esm/shared/field.d.ts

@@ -0,0 +1,18 @@
+import { type Ref, type RefObject } from 'react';
+/** React 18 exposes RefObject.current as readonly, although React owns this assignment. */
+export declare function assignRef<T>(ref: Ref<T> | undefined, node: T | null): void;
+export declare function useMergedRef<T>(local: RefObject<T | null>, forwarded?: Ref<T>): (node: T | null) => void;
+/** Keep uncontrolled custom fields aligned with native form reset behavior. */
+export declare function useFieldValue<T>(value: T | undefined, defaultValue: T, ref: RefObject<HTMLButtonElement | HTMLInputElement | HTMLTextAreaElement | null>, formId?: string): readonly [T, (next: T) => void];
+interface FormValueProps {
+    value: string;
+    name?: string;
+    form?: string;
+    disabled?: boolean;
+    required?: boolean;
+    triggerRef: RefObject<HTMLButtonElement | HTMLInputElement | null>;
+}
+/** A non-interactive form proxy; custom overlays never use native picker controls. */
+export declare function FormValue({ value, name, form, disabled, required, triggerRef }: FormValueProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=field.d.ts.map

package/dist/esm/shared/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/shared/field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAE3F,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,QAGnE;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,UAEnE,CAAC,GAAG,IAAI,UAMlB;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,CAAC,EAC7B,KAAK,EAAE,CAAC,GAAG,SAAS,EACpB,YAAY,EAAE,CAAC,EACf,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,EACjF,MAAM,CAAC,EAAE,MAAM,uBAgBS,CAAC,WAI1B;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpE;AAED,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,+BA6B9F"}

package/dist/esm/shared/field.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+function assignRef(ref, node) {
+    if ('function' == typeof ref) ref(node);
+    else if (ref) ref.current = node;
+}
+function useMergedRef(local, forwarded) {
+    return useCallback((node)=>{
+        assignRef(local, node);
+        assignRef(forwarded, node);
+    }, [
+        local,
+        forwarded
+    ]);
+}
+function useFieldValue(value, defaultValue, ref, formId) {
+    const [internal, setInternal] = useState(defaultValue);
+    useEffect(()=>{
+        const form = ref.current?.form ?? (formId ? document.getElementById(formId) : null);
+        if (!form) return;
+        const reset = (event)=>{
+            queueMicrotask(()=>{
+                if (!event.defaultPrevented && void 0 === value) setInternal(defaultValue);
+            });
+        };
+        form.addEventListener('reset', reset);
+        return ()=>form.removeEventListener('reset', reset);
+    }, [
+        ref,
+        formId,
+        value,
+        defaultValue
+    ]);
+    const setValue = (next)=>{
+        if (void 0 === value) setInternal(next);
+    };
+    return [
+        void 0 === value ? internal : value,
+        setValue
+    ];
+}
+function FormValue({ value, name, form, disabled, required, triggerRef }) {
+    const inputRef = useRef(null);
+    const previousValue = useRef(value);
+    useEffect(()=>{
+        if (previousValue.current !== value) {
+            inputRef.current?.dispatchEvent(new Event('input', {
+                bubbles: true
+            }));
+            previousValue.current = value;
+        }
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ jsx("input", {
+        ref: inputRef,
+        type: "text",
+        className: "leaf-form-value",
+        "aria-hidden": "true",
+        tabIndex: -1,
+        name: name,
+        form: form,
+        value: value,
+        disabled: disabled,
+        required: required,
+        onChange: ()=>{},
+        onFocus: ()=>triggerRef.current?.focus(),
+        onInvalid: (event)=>{
+            event.preventDefault();
+            triggerRef.current?.focus();
+        }
+    });
+}
+export { FormValue, assignRef, useFieldValue, useMergedRef };
+
+//# sourceMappingURL=field.js.map

package/dist/esm/shared/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/field.js","sources":["../../../src/shared/field.tsx"],"sourcesContent":["import { type Ref, type RefObject, useCallback, useEffect, useRef, useState } from 'react';\n\n/** React 18 exposes RefObject.current as readonly, although React owns this assignment. */\nexport function assignRef<T>(ref: Ref<T> | undefined, node: T | null) {\n  if (typeof ref === 'function') ref(node);\n  else if (ref) (ref as { current: T | null }).current = node;\n}\n\nexport function useMergedRef<T>(local: RefObject<T | null>, forwarded?: Ref<T>) {\n  return useCallback(\n    (node: T | null) => {\n      assignRef(local, node);\n      assignRef(forwarded, node);\n    },\n    [local, forwarded],\n  );\n}\n\n/** Keep uncontrolled custom fields aligned with native form reset behavior. */\nexport function useFieldValue<T>(\n  value: T | undefined,\n  defaultValue: T,\n  ref: RefObject<HTMLButtonElement | HTMLInputElement | HTMLTextAreaElement | null>,\n  formId?: string,\n) {\n  const [internal, setInternal] = useState(defaultValue);\n  useEffect(() => {\n    const form =\n      ref.current?.form ??\n      (formId ? (document.getElementById(formId) as HTMLFormElement | null) : null);\n    if (!form) return;\n    const reset = (event: Event) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented && value === undefined) setInternal(defaultValue);\n      });\n    };\n    form.addEventListener('reset', reset);\n    return () => form.removeEventListener('reset', reset);\n  }, [ref, formId, value, defaultValue]);\n  const setValue = (next: T) => {\n    if (value === undefined) setInternal(next);\n  };\n  return [value === undefined ? internal : value, setValue] as const;\n}\n\ninterface FormValueProps {\n  value: string;\n  name?: string;\n  form?: string;\n  disabled?: boolean;\n  required?: boolean;\n  triggerRef: RefObject<HTMLButtonElement | HTMLInputElement | null>;\n}\n\n/** A non-interactive form proxy; custom overlays never use native picker controls. */\nexport function FormValue({ value, name, form, disabled, required, triggerRef }: FormValueProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const previousValue = useRef(value);\n  useEffect(() => {\n    if (previousValue.current !== value) {\n      inputRef.current?.dispatchEvent(new Event('input', { bubbles: true }));\n      previousValue.current = value;\n    }\n  }, [value]);\n  return (\n    <input\n      ref={inputRef}\n      type=\"text\"\n      className=\"leaf-form-value\"\n      aria-hidden=\"true\"\n      tabIndex={-1}\n      name={name}\n      form={form}\n      value={value}\n      disabled={disabled}\n      required={required}\n      onChange={() => {}}\n      onFocus={() => triggerRef.current?.focus()}\n      onInvalid={(event) => {\n        event.preventDefault();\n        triggerRef.current?.focus();\n      }}\n    />\n  );\n}\n"],"names":["assignRef","ref","node","useMergedRef","local","forwarded","useCallback","useFieldValue","value","defaultValue","formId","internal","setInternal","useState","useEffect","form","document","reset","event","queueMicrotask","undefined","setValue","next","FormValue","name","disabled","required","triggerRef","inputRef","useRef","previousValue","Event"],"mappings":";;;AAGO,SAASA,UAAaC,GAAuB,EAAEC,IAAc;IAClE,IAAI,AAAe,cAAf,OAAOD,KAAoBA,IAAIC;SAC9B,IAAID,KAAMA,IAA8B,OAAO,GAAGC;AACzD;AAEO,SAASC,aAAgBC,KAA0B,EAAEC,SAAkB;IAC5E,OAAOC,YACL,CAACJ;QACCF,UAAUI,OAAOF;QACjBF,UAAUK,WAAWH;IACvB,GACA;QAACE;QAAOC;KAAU;AAEtB;AAGO,SAASE,cACdC,KAAoB,EACpBC,YAAe,EACfR,GAAiF,EACjFS,MAAe;IAEf,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASJ;IACzCK,UAAU;QACR,MAAMC,OACJd,IAAI,OAAO,EAAE,QACZS,CAAAA,SAAUM,SAAS,cAAc,CAACN,UAAqC,IAAG;QAC7E,IAAI,CAACK,MAAM;QACX,MAAME,QAAQ,CAACC;YACbC,eAAe;gBACb,IAAI,CAACD,MAAM,gBAAgB,IAAIV,AAAUY,WAAVZ,OAAqBI,YAAYH;YAClE;QACF;QACAM,KAAK,gBAAgB,CAAC,SAASE;QAC/B,OAAO,IAAMF,KAAK,mBAAmB,CAAC,SAASE;IACjD,GAAG;QAAChB;QAAKS;QAAQF;QAAOC;KAAa;IACrC,MAAMY,WAAW,CAACC;QAChB,IAAId,AAAUY,WAAVZ,OAAqBI,YAAYU;IACvC;IACA,OAAO;QAAWF,WAAVZ,QAAsBG,WAAWH;QAAOa;KAAS;AAC3D;AAYO,SAASE,UAAU,EAAEf,KAAK,EAAEgB,IAAI,EAAET,IAAI,EAAEU,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,EAAkB;IAC7F,MAAMC,WAAWC,OAAyB;IAC1C,MAAMC,gBAAgBD,OAAOrB;IAC7BM,UAAU;QACR,IAAIgB,cAAc,OAAO,KAAKtB,OAAO;YACnCoB,SAAS,OAAO,EAAE,cAAc,IAAIG,MAAM,SAAS;gBAAE,SAAS;YAAK;YACnED,cAAc,OAAO,GAAGtB;QAC1B;IACF,GAAG;QAACA;KAAM;IACV,OAAO,WAAP,GACE,IAAC;QACC,KAAKoB;QACL,MAAK;QACL,WAAU;QACV,eAAY;QACZ,UAAU;QACV,MAAMJ;QACN,MAAMT;QACN,OAAOP;QACP,UAAUiB;QACV,UAAUC;QACV,UAAU,KAAO;QACjB,SAAS,IAAMC,WAAW,OAAO,EAAE;QACnC,WAAW,CAACT;YACVA,MAAM,cAAc;YACpBS,WAAW,OAAO,EAAE;QACtB;;AAGN"}

package/dist/esm/shared/floating-feedback.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+/** Shared loading and empty presentation for suggestion and selection panels. */
+export declare function FloatingFeedback({ loading, children, }: {
+    loading?: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=floating-feedback.d.ts.map

package/dist/esm/shared/floating-feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-feedback.d.ts","sourceRoot":"","sources":["../../../src/shared/floating-feedback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,iFAAiF;AACjF,wBAAgB,gBAAgB,CAAC,EAC/B,OAAe,EACf,QAAQ,GACT,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAaA"}

package/dist/esm/shared/floating-feedback.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Inbox, LoaderCircle } from "lucide-react";
+function FloatingFeedback({ loading = false, children }) {
+    const Icon = loading ? LoaderCircle : Inbox;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "leaf-floating__empty leaf-floating__empty--feedback",
+        role: "status",
+        children: [
+            /*#__PURE__*/ jsx(Icon, {
+                size: 24,
+                strokeWidth: 1.5,
+                "aria-hidden": "true",
+                className: loading ? 'leaf-floating__loading-icon' : void 0
+            }),
+            /*#__PURE__*/ jsx("div", {
+                children: children
+            })
+        ]
+    });
+}
+export { FloatingFeedback };
+
+//# sourceMappingURL=floating-feedback.js.map