@ttt-productions/ui-core 0.11.19 → 0.11.21

package/dist/react/components/consequence-dialog.d.ts

@@ -1,13 +1,12 @@
+import { type DeclaredInputFormat } from '@ttt-productions/input-format-core';
 /**
- * The inline required-reason config. The caller OWNS the reason value/onChange (draft state lives at
- * the call site). Any `minLength`/`maxLength` the caller supplies MUST come from a caller-owned
- * constant — this component declares no business numbers and no copy; it only derives the gate + the
- * Textarea `maxLength` from the values it is handed.
+ * The inline reason field. The caller OWNS the reason value/onChange (draft state lives at the call
+ * site) and the field's declaration — this component declares no business numbers and no copy.
+ * Confirm stays disabled until the value passes the declaration's check; `min: 0` makes the reason
+ * optional.
  */
 export interface ConsequenceDialogReason {
-    required?: boolean;
-    minLength?: number;
-    maxLength?: number;
+    inputFormat: DeclaredInputFormat;
     placeholder?: string;
     label?: React.ReactNode;
     value: string;
@@ -36,7 +35,7 @@ export interface ConsequenceDialogProps {
     delayedEffect?: React.ReactNode;
     /** SLOT 3 — whether/how this can be undone or superseded. */
     reversibility?: React.ReactNode;
-    /** Inline required-reason field. Optional. */
+    /** Inline reason field. Optional. */
     reason?: ConsequenceDialogReason;
     /** Exact-phrase typed-confirmation gate. Optional. */
     typedConfirmation?: ConsequenceDialogTypedConfirmation;
@@ -55,7 +54,7 @@ export interface ConsequenceDialogProps {
 }
 /**
  * A reusable confirm-before-a-consequential-action dialog. Three optional, consistently-styled
- * consequence slots (immediate / afterward / reversibility), an optional inline required-reason field,
+ * consequence slots (immediate / afterward / reversibility), an optional inline reason field,
  * and an optional exact-phrase typed-confirmation gate. Composes the ui-core AlertDialog primitives
  * (Radix) — it never re-implements them. Supports BOTH a `trigger` (uncontrolled) and `open` /
  * `onOpenChange` (controlled).

package/dist/react/components/consequence-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consequence-dialog.d.ts","sourceRoot":"","sources":["../../../src/react/components/consequence-dialog.tsx"],"names":[],"mappings":"AAkBA;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,kCAAkC;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,6EAA6E;IAC7E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oFAAoF;IACpF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,wFAAwF;IACxF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,kCAAkC,CAAC;IAEvD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AA+BD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,eAAe,EACf,aAAa,EACb,aAAa,EACb,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,WAAsB,EACtB,WAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB,+BAkJxB"}
+{"version":3,"file":"consequence-dialog.d.ts","sourceRoot":"","sources":["../../../src/react/components/consequence-dialog.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAuC,KAAK,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGnH;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,kCAAkC;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,6EAA6E;IAC7E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oFAAoF;IACpF,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,wFAAwF;IACxF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC,qCAAqC;IACrC,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,kCAAkC,CAAC;IAEvD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AA+BD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,eAAe,EACf,aAAa,EACb,aAAa,EACb,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,WAAsB,EACtB,WAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB,+BAgJxB"}

package/dist/react/components/consequence-dialog.js

@@ -1,11 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useId, useState } from 'react';
+import { useCallback, useId, useMemo, useState } from 'react';
 import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, } from './alert-dialog.js';
 import { Button } from './button.js';
 import { Textarea } from './textarea.js';
 import { Input } from './input.js';
 import { Label } from './label.js';
+import { checkInputFormat, defineInputFormat } from '@ttt-productions/input-format-core';
 import { Zap, Clock, RotateCcw } from 'lucide-react';
 const SLOT_ICON_CLASS = 'icon-xs mt-0.5 shrink-0 text-muted-foreground';
 /**
@@ -18,7 +19,7 @@ function ConsequenceRow({ icon: Icon, label, children, }) {
 }
 /**
  * A reusable confirm-before-a-consequential-action dialog. Three optional, consistently-styled
- * consequence slots (immediate / afterward / reversibility), an optional inline required-reason field,
+ * consequence slots (immediate / afterward / reversibility), an optional inline reason field,
  * and an optional exact-phrase typed-confirmation gate. Composes the ui-core AlertDialog primitives
  * (Radix) — it never re-implements them. Supports BOTH a `trigger` (uncontrolled) and `open` /
  * `onOpenChange` (controlled).
@@ -65,20 +66,14 @@ export function ConsequenceDialog({ trigger, open, onOpenChange, title, immediat
             setPending(false);
         }
     }, [pending, onConfirm, setOpenState]);
-    const reasonTrimmedLength = reason ? reason.value.trim().length : 0;
-    const reasonProvided = reasonTrimmedLength > 0;
-    const reasonOk = !reason
-        ? true
-        : reason.required && !reasonProvided
-            ? false
-            : !reasonProvided
-                ? true // optional + empty is fine
-                : (reason.minLength === undefined || reasonTrimmedLength >= reason.minLength) &&
-                    (reason.maxLength === undefined || reason.value.length <= reason.maxLength);
+    const reasonOk = !reason || checkInputFormat(reason.value, reason.inputFormat).ok;
     const typedOk = !typedConfirmation ? true : typedValue === typedConfirmation.phrase;
+    // The phrase is one line, and nothing longer than it can ever match it.
+    const phrase = typedConfirmation?.phrase ?? '';
+    const typedFormat = useMemo(() => (phrase.length > 0 ? defineInputFormat({ format: 'singleLine', min: 1, max: phrase.length }) : null), [phrase]);
     return (_jsxs(AlertDialog, { open: actualOpen, onOpenChange: handleOpenChange, children: [trigger ? _jsx(AlertDialogTrigger, { asChild: true, children: trigger }) : null, _jsxs(AlertDialogContent, { onEscapeKeyDown: (e) => {
                     if (pending)
                         e.preventDefault();
-                }, children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "stack-3 text-left", children: [immediateEffect ? (_jsx(ConsequenceRow, { icon: Zap, label: "Immediately", children: immediateEffect })) : null, delayedEffect ? (_jsx(ConsequenceRow, { icon: Clock, label: "Afterward", children: delayedEffect })) : null, reversibility ? (_jsx(ConsequenceRow, { icon: RotateCcw, label: "Reversibility", children: reversibility })) : null] }) })] }), reason ? (_jsxs("div", { className: "stack-2", children: [_jsx(Label, { htmlFor: reasonId, children: reason.label ?? 'Reason' }), _jsx(Textarea, { id: reasonId, value: reason.value, onChange: (e) => reason.onChange(e.target.value), placeholder: reason.placeholder, maxLength: reason.maxLength, rows: reason.rows ?? 3, disabled: pending })] })) : null, typedConfirmation ? (_jsxs("div", { className: "stack-2", children: [_jsx(Label, { htmlFor: typedId, children: typedConfirmation.label ?? (_jsxs(_Fragment, { children: ["Type ", _jsx("span", { className: "font-mono", children: typedConfirmation.phrase }), " to confirm"] })) }), _jsx(Input, { id: typedId, value: typedValue, onChange: (e) => setTypedValue(e.target.value), placeholder: typedConfirmation.phrase, disabled: pending, autoComplete: "off" })] })) : null, _jsxs(AlertDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => handleOpenChange(false), disabled: pending, children: cancelLabel }), _jsx(Button, { variant: destructive ? 'destructive' : 'default', onClick: handleConfirm, disabled: !reasonOk || !typedOk, pending: pending, children: confirmLabel })] })] })] }));
+                }, children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "stack-3 text-left", children: [immediateEffect ? (_jsx(ConsequenceRow, { icon: Zap, label: "Immediately", children: immediateEffect })) : null, delayedEffect ? (_jsx(ConsequenceRow, { icon: Clock, label: "Afterward", children: delayedEffect })) : null, reversibility ? (_jsx(ConsequenceRow, { icon: RotateCcw, label: "Reversibility", children: reversibility })) : null] }) })] }), reason ? (_jsxs("div", { className: "stack-2", children: [_jsx(Label, { htmlFor: reasonId, children: reason.label ?? 'Reason' }), _jsx(Textarea, { id: reasonId, value: reason.value, onChange: (e) => reason.onChange(e.target.value), placeholder: reason.placeholder, inputFormat: reason.inputFormat, rows: reason.rows ?? 3, disabled: pending })] })) : null, typedConfirmation && typedFormat ? (_jsxs("div", { className: "stack-2", children: [_jsx(Label, { htmlFor: typedId, children: typedConfirmation.label ?? (_jsxs(_Fragment, { children: ["Type ", _jsx("span", { className: "font-mono", children: typedConfirmation.phrase }), " to confirm"] })) }), _jsx(Input, { id: typedId, value: typedValue, onChange: (e) => setTypedValue(e.target.value), placeholder: typedConfirmation.phrase, inputFormat: typedFormat, disabled: pending, autoComplete: "off" })] })) : null, _jsxs(AlertDialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => handleOpenChange(false), disabled: pending, children: cancelLabel }), _jsx(Button, { variant: destructive ? 'destructive' : 'default', onClick: handleConfirm, disabled: !reasonOk || !typedOk, pending: pending, children: confirmLabel })] })] })] }));
 }
 //# sourceMappingURL=consequence-dialog.js.map

package/dist/react/components/consequence-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"consequence-dialog.js","sourceRoot":"","sources":["../../../src/react/components/consequence-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, useId, useState } from 'react';\nimport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n} from './alert-dialog.js';\nimport { Button } from './button.js';\nimport { Textarea } from './textarea.js';\nimport { Input } from './input.js';\nimport { Label } from './label.js';\nimport { Zap, Clock, RotateCcw } from 'lucide-react';\n\n/**\n * The inline required-reason config. The caller OWNS the reason value/onChange (draft state lives at\n * the call site). Any `minLength`/`maxLength` the caller supplies MUST come from a caller-owned\n * constant — this component declares no business numbers and no copy; it only derives the gate + the\n * Textarea `maxLength` from the values it is handed.\n */\nexport interface ConsequenceDialogReason {\n  required?: boolean;\n  minLength?: number;\n  maxLength?: number;\n  placeholder?: string;\n  label?: React.ReactNode;\n  value: string;\n  onChange: (value: string) => void;\n  rows?: number;\n}\n\n/**\n * The exact-match typed-confirmation gate. `phrase` is business copy owned by the CALLER; the\n * component only compares the typed value against it.\n */\nexport interface ConsequenceDialogTypedConfirmation {\n  phrase: string;\n  label?: React.ReactNode;\n}\n\nexport interface ConsequenceDialogProps {\n  /** Uncontrolled open model: the element that opens the dialog (rendered `asChild`). */\n  trigger?: React.ReactNode;\n  /** Controlled open model. Provide with `onOpenChange`. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /** Heading — a string or node so callers can interpolate amounts / names. */\n  title: React.ReactNode;\n\n  /** SLOT 1 — what happens right now (e.g. \"initiates a Stripe refund of $X now\"). */\n  immediateEffect?: React.ReactNode;\n  /** SLOT 2 — what settles later, out of band (webhook / worker / async confirmation). */\n  delayedEffect?: React.ReactNode;\n  /** SLOT 3 — whether/how this can be undone or superseded. */\n  reversibility?: React.ReactNode;\n\n  /** Inline required-reason field. Optional. */\n  reason?: ConsequenceDialogReason;\n  /** Exact-phrase typed-confirmation gate. Optional. */\n  typedConfirmation?: ConsequenceDialogTypedConfirmation;\n\n  confirmLabel: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** `true` styles the confirm button with `bg-destructive`. */\n  destructive?: boolean;\n\n  /**\n   * Runs on confirm. May be async — while it is pending the dialog STAYS OPEN, both buttons disable,\n   * and the confirm button shows its pending spinner. Closes on resolve. If it rejects the dialog\n   * stays open so the caller's own surface (error toast, TOTP step-up) can show and the operator can\n   * retry or cancel. This component takes no Sentry/monitoring dependency — every error path\n   * belongs to the caller's `onConfirm`.\n   */\n  onConfirm: () => void | Promise<void>;\n}\n\nconst SLOT_ICON_CLASS = 'icon-xs mt-0.5 shrink-0 text-muted-foreground';\n\n/**\n * One consequence slot: the icon beside a block column whose label sits on its own line above\n * the slot text. Every element is a block: the `stack-*` spacing is a vertical margin, which an\n * inline element ignores.\n */\nfunction ConsequenceRow({\n  icon: Icon,\n  label,\n  children,\n}: {\n  icon: typeof Zap;\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2\">\n      <Icon className={SLOT_ICON_CLASS} aria-hidden=\"true\" />\n      <div className=\"stack-1 min-w-0\">\n        <div className=\"text-caption font-medium uppercase tracking-wide text-muted-foreground\">\n          {label}\n        </div>\n        <div className=\"text-small text-foreground\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * A reusable confirm-before-a-consequential-action dialog. Three optional, consistently-styled\n * consequence slots (immediate / afterward / reversibility), an optional inline required-reason field,\n * and an optional exact-phrase typed-confirmation gate. Composes the ui-core AlertDialog primitives\n * (Radix) — it never re-implements them. Supports BOTH a `trigger` (uncontrolled) and `open` /\n * `onOpenChange` (controlled).\n *\n * Pending model: the confirm button is a plain `Button` (NOT `AlertDialogAction`), so Radix does not\n * auto-close on click; open state is managed here so the dialog stays open with a visible spinner\n * until `onConfirm` resolves.\n */\nexport function ConsequenceDialog({\n  trigger,\n  open,\n  onOpenChange,\n  title,\n  immediateEffect,\n  delayedEffect,\n  reversibility,\n  reason,\n  typedConfirmation,\n  confirmLabel,\n  cancelLabel = 'Cancel',\n  destructive = false,\n  onConfirm,\n}: ConsequenceDialogProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [typedValue, setTypedValue] = useState('');\n  const [pending, setPending] = useState(false);\n\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const reasonId = useId();\n  const typedId = useId();\n\n  const setOpenState = useCallback(\n    (next: boolean) => {\n      if (isControlled) onOpenChange?.(next);\n      else setInternalOpen(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  // Never allow an open-state change (Escape, cancel, controlled parent) to fight the pending action.\n  const handleOpenChange = useCallback(\n    (next: boolean) => {\n      if (pending) return;\n      setTypedValue(''); // reset the typed gate on every open/close\n      setOpenState(next);\n    },\n    [pending, setOpenState],\n  );\n\n  const handleConfirm = useCallback(async () => {\n    if (pending) return;\n    setPending(true);\n    try {\n      await onConfirm();\n      setTypedValue('');\n      setOpenState(false);\n    } catch {\n      // Keep the dialog open — the caller's onConfirm surfaced the error (toast / step-up). The\n      // operator can retry or cancel. Never rethrow, never monitor here.\n    } finally {\n      setPending(false);\n    }\n  }, [pending, onConfirm, setOpenState]);\n\n  const reasonTrimmedLength = reason ? reason.value.trim().length : 0;\n  const reasonProvided = reasonTrimmedLength > 0;\n  const reasonOk = !reason\n    ? true\n    : reason.required && !reasonProvided\n      ? false\n      : !reasonProvided\n        ? true // optional + empty is fine\n        : (reason.minLength === undefined || reasonTrimmedLength >= reason.minLength) &&\n          (reason.maxLength === undefined || reason.value.length <= reason.maxLength);\n\n  const typedOk = !typedConfirmation ? true : typedValue === typedConfirmation.phrase;\n\n  return (\n    <AlertDialog open={actualOpen} onOpenChange={handleOpenChange}>\n      {trigger ? <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger> : null}\n      <AlertDialogContent\n        onEscapeKeyDown={(e) => {\n          if (pending) e.preventDefault();\n        }}\n      >\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          {/* A div, not the primitive's default <p>: the rows are blocks, which a <p> cannot hold.\n              Left-aligned at every width — the header centres its text on narrow screens, and a\n              wrapped consequence line reads as a list, not a caption. */}\n          <AlertDialogDescription asChild>\n            <div className=\"stack-3 text-left\">\n              {immediateEffect ? (\n                <ConsequenceRow icon={Zap} label=\"Immediately\">\n                  {immediateEffect}\n                </ConsequenceRow>\n              ) : null}\n              {delayedEffect ? (\n                <ConsequenceRow icon={Clock} label=\"Afterward\">\n                  {delayedEffect}\n                </ConsequenceRow>\n              ) : null}\n              {reversibility ? (\n                <ConsequenceRow icon={RotateCcw} label=\"Reversibility\">\n                  {reversibility}\n                </ConsequenceRow>\n              ) : null}\n            </div>\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n\n        {reason ? (\n          <div className=\"stack-2\">\n            <Label htmlFor={reasonId}>{reason.label ?? 'Reason'}</Label>\n            <Textarea\n              id={reasonId}\n              value={reason.value}\n              onChange={(e) => reason.onChange(e.target.value)}\n              placeholder={reason.placeholder}\n              maxLength={reason.maxLength}\n              rows={reason.rows ?? 3}\n              disabled={pending}\n            />\n          </div>\n        ) : null}\n\n        {typedConfirmation ? (\n          <div className=\"stack-2\">\n            <Label htmlFor={typedId}>\n              {typedConfirmation.label ?? (\n                <>\n                  Type <span className=\"font-mono\">{typedConfirmation.phrase}</span> to confirm\n                </>\n              )}\n            </Label>\n            <Input\n              id={typedId}\n              value={typedValue}\n              onChange={(e) => setTypedValue(e.target.value)}\n              placeholder={typedConfirmation.phrase}\n              disabled={pending}\n              autoComplete=\"off\"\n            />\n          </div>\n        ) : null}\n\n        <AlertDialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => handleOpenChange(false)}\n            disabled={pending}\n          >\n            {cancelLabel}\n          </Button>\n          <Button\n            variant={destructive ? 'destructive' : 'default'}\n            onClick={handleConfirm}\n            disabled={!reasonOk || !typedOk}\n            pending={pending}\n          >\n            {confirmLabel}\n          </Button>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"]}
+{"version":3,"file":"consequence-dialog.js","sourceRoot":"","sources":["../../../src/react/components/consequence-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, useId, useMemo, useState } from 'react';\nimport {\n  AlertDialog,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n} from './alert-dialog.js';\nimport { Button } from './button.js';\nimport { Textarea } from './textarea.js';\nimport { Input } from './input.js';\nimport { Label } from './label.js';\nimport { checkInputFormat, defineInputFormat, type DeclaredInputFormat } from '@ttt-productions/input-format-core';\nimport { Zap, Clock, RotateCcw } from 'lucide-react';\n\n/**\n * The inline reason field. The caller OWNS the reason value/onChange (draft state lives at the call\n * site) and the field's declaration — this component declares no business numbers and no copy.\n * Confirm stays disabled until the value passes the declaration's check; `min: 0` makes the reason\n * optional.\n */\nexport interface ConsequenceDialogReason {\n  inputFormat: DeclaredInputFormat;\n  placeholder?: string;\n  label?: React.ReactNode;\n  value: string;\n  onChange: (value: string) => void;\n  rows?: number;\n}\n\n/**\n * The exact-match typed-confirmation gate. `phrase` is business copy owned by the CALLER; the\n * component only compares the typed value against it.\n */\nexport interface ConsequenceDialogTypedConfirmation {\n  phrase: string;\n  label?: React.ReactNode;\n}\n\nexport interface ConsequenceDialogProps {\n  /** Uncontrolled open model: the element that opens the dialog (rendered `asChild`). */\n  trigger?: React.ReactNode;\n  /** Controlled open model. Provide with `onOpenChange`. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  /** Heading — a string or node so callers can interpolate amounts / names. */\n  title: React.ReactNode;\n\n  /** SLOT 1 — what happens right now (e.g. \"initiates a Stripe refund of $X now\"). */\n  immediateEffect?: React.ReactNode;\n  /** SLOT 2 — what settles later, out of band (webhook / worker / async confirmation). */\n  delayedEffect?: React.ReactNode;\n  /** SLOT 3 — whether/how this can be undone or superseded. */\n  reversibility?: React.ReactNode;\n\n  /** Inline reason field. Optional. */\n  reason?: ConsequenceDialogReason;\n  /** Exact-phrase typed-confirmation gate. Optional. */\n  typedConfirmation?: ConsequenceDialogTypedConfirmation;\n\n  confirmLabel: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** `true` styles the confirm button with `bg-destructive`. */\n  destructive?: boolean;\n\n  /**\n   * Runs on confirm. May be async — while it is pending the dialog STAYS OPEN, both buttons disable,\n   * and the confirm button shows its pending spinner. Closes on resolve. If it rejects the dialog\n   * stays open so the caller's own surface (error toast, TOTP step-up) can show and the operator can\n   * retry or cancel. This component takes no Sentry/monitoring dependency — every error path\n   * belongs to the caller's `onConfirm`.\n   */\n  onConfirm: () => void | Promise<void>;\n}\n\nconst SLOT_ICON_CLASS = 'icon-xs mt-0.5 shrink-0 text-muted-foreground';\n\n/**\n * One consequence slot: the icon beside a block column whose label sits on its own line above\n * the slot text. Every element is a block: the `stack-*` spacing is a vertical margin, which an\n * inline element ignores.\n */\nfunction ConsequenceRow({\n  icon: Icon,\n  label,\n  children,\n}: {\n  icon: typeof Zap;\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start gap-2\">\n      <Icon className={SLOT_ICON_CLASS} aria-hidden=\"true\" />\n      <div className=\"stack-1 min-w-0\">\n        <div className=\"text-caption font-medium uppercase tracking-wide text-muted-foreground\">\n          {label}\n        </div>\n        <div className=\"text-small text-foreground\">{children}</div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * A reusable confirm-before-a-consequential-action dialog. Three optional, consistently-styled\n * consequence slots (immediate / afterward / reversibility), an optional inline reason field,\n * and an optional exact-phrase typed-confirmation gate. Composes the ui-core AlertDialog primitives\n * (Radix) — it never re-implements them. Supports BOTH a `trigger` (uncontrolled) and `open` /\n * `onOpenChange` (controlled).\n *\n * Pending model: the confirm button is a plain `Button` (NOT `AlertDialogAction`), so Radix does not\n * auto-close on click; open state is managed here so the dialog stays open with a visible spinner\n * until `onConfirm` resolves.\n */\nexport function ConsequenceDialog({\n  trigger,\n  open,\n  onOpenChange,\n  title,\n  immediateEffect,\n  delayedEffect,\n  reversibility,\n  reason,\n  typedConfirmation,\n  confirmLabel,\n  cancelLabel = 'Cancel',\n  destructive = false,\n  onConfirm,\n}: ConsequenceDialogProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [typedValue, setTypedValue] = useState('');\n  const [pending, setPending] = useState(false);\n\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const reasonId = useId();\n  const typedId = useId();\n\n  const setOpenState = useCallback(\n    (next: boolean) => {\n      if (isControlled) onOpenChange?.(next);\n      else setInternalOpen(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  // Never allow an open-state change (Escape, cancel, controlled parent) to fight the pending action.\n  const handleOpenChange = useCallback(\n    (next: boolean) => {\n      if (pending) return;\n      setTypedValue(''); // reset the typed gate on every open/close\n      setOpenState(next);\n    },\n    [pending, setOpenState],\n  );\n\n  const handleConfirm = useCallback(async () => {\n    if (pending) return;\n    setPending(true);\n    try {\n      await onConfirm();\n      setTypedValue('');\n      setOpenState(false);\n    } catch {\n      // Keep the dialog open — the caller's onConfirm surfaced the error (toast / step-up). The\n      // operator can retry or cancel. Never rethrow, never monitor here.\n    } finally {\n      setPending(false);\n    }\n  }, [pending, onConfirm, setOpenState]);\n\n  const reasonOk = !reason || checkInputFormat(reason.value, reason.inputFormat).ok;\n\n  const typedOk = !typedConfirmation ? true : typedValue === typedConfirmation.phrase;\n  // The phrase is one line, and nothing longer than it can ever match it.\n  const phrase = typedConfirmation?.phrase ?? '';\n  const typedFormat = useMemo(\n    () => (phrase.length > 0 ? defineInputFormat({ format: 'singleLine', min: 1, max: phrase.length }) : null),\n    [phrase],\n  );\n\n  return (\n    <AlertDialog open={actualOpen} onOpenChange={handleOpenChange}>\n      {trigger ? <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger> : null}\n      <AlertDialogContent\n        onEscapeKeyDown={(e) => {\n          if (pending) e.preventDefault();\n        }}\n      >\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          {/* A div, not the primitive's default <p>: the rows are blocks, which a <p> cannot hold.\n              Left-aligned at every width — the header centres its text on narrow screens, and a\n              wrapped consequence line reads as a list, not a caption. */}\n          <AlertDialogDescription asChild>\n            <div className=\"stack-3 text-left\">\n              {immediateEffect ? (\n                <ConsequenceRow icon={Zap} label=\"Immediately\">\n                  {immediateEffect}\n                </ConsequenceRow>\n              ) : null}\n              {delayedEffect ? (\n                <ConsequenceRow icon={Clock} label=\"Afterward\">\n                  {delayedEffect}\n                </ConsequenceRow>\n              ) : null}\n              {reversibility ? (\n                <ConsequenceRow icon={RotateCcw} label=\"Reversibility\">\n                  {reversibility}\n                </ConsequenceRow>\n              ) : null}\n            </div>\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n\n        {reason ? (\n          <div className=\"stack-2\">\n            <Label htmlFor={reasonId}>{reason.label ?? 'Reason'}</Label>\n            <Textarea\n              id={reasonId}\n              value={reason.value}\n              onChange={(e) => reason.onChange(e.target.value)}\n              placeholder={reason.placeholder}\n              inputFormat={reason.inputFormat}\n              rows={reason.rows ?? 3}\n              disabled={pending}\n            />\n          </div>\n        ) : null}\n\n        {typedConfirmation && typedFormat ? (\n          <div className=\"stack-2\">\n            <Label htmlFor={typedId}>\n              {typedConfirmation.label ?? (\n                <>\n                  Type <span className=\"font-mono\">{typedConfirmation.phrase}</span> to confirm\n                </>\n              )}\n            </Label>\n            <Input\n              id={typedId}\n              value={typedValue}\n              onChange={(e) => setTypedValue(e.target.value)}\n              placeholder={typedConfirmation.phrase}\n              inputFormat={typedFormat}\n              disabled={pending}\n              autoComplete=\"off\"\n            />\n          </div>\n        ) : null}\n\n        <AlertDialogFooter>\n          <Button\n            variant=\"outline\"\n            onClick={() => handleOpenChange(false)}\n            disabled={pending}\n          >\n            {cancelLabel}\n          </Button>\n          <Button\n            variant={destructive ? 'destructive' : 'default'}\n            onClick={handleConfirm}\n            disabled={!reasonOk || !typedOk}\n            pending={pending}\n          >\n            {confirmLabel}\n          </Button>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"]}

package/dist/react/components/date-time-picker.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+export interface DateTimePickerTime {
+    /** 0–23 */
+    hours: number;
+    /** 0–59 */
+    minutes: number;
+}
+export interface DateTimePickerProps {
+    /** The chosen instant (local time). */
+    value?: Date;
+    /** Called with the new instant — always inside `min`/`max`, seconds and milliseconds zero. */
+    onChange?: (value: Date) => void;
+    /** The earliest selectable instant. Earlier days and times are unavailable. */
+    min?: Date;
+    /** The latest selectable instant. Later days and times are unavailable. */
+    max?: Date;
+    /** Minutes offered are multiples of this (default 1). */
+    minuteStep?: number;
+    /** Time of day a picked day takes when there is no `value` yet (default 23:59 — end of day). */
+    defaultTime?: DateTimePickerTime;
+    className?: string;
+}
+/**
+ * Generic date-and-time picker: `DatePicker` for the day, then hour / minute / AM-PM
+ * columns of buttons for the time of day — never a native time input, so it looks and
+ * behaves the same everywhere and honours `min` / `max` to the minute.
+ *
+ * Every offered day, hour, minute, and period is one the value may take: a day with
+ * no allowed instant is disabled in the calendar, and an hour, minute, or period
+ * that would land outside `min` / `max` on the chosen day is disabled. Picking a day
+ * keeps the chosen time of day (or `defaultTime` when there is no value) and moves it
+ * to the nearest allowed time on that day; picking an hour or period whose current
+ * minute is unavailable takes the nearest allowed minute.
+ *
+ * Keyboard: each time column is one tab stop with roving focus (ArrowUp / ArrowDown,
+ * Home / End); Enter or Space picks.
+ */
+declare function DateTimePicker({ value, onChange, min, max, minuteStep, defaultTime, className, }: DateTimePickerProps): React.JSX.Element;
+declare namespace DateTimePicker {
+    var displayName: string;
+}
+export { DateTimePicker };
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/react/components/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../src/react/components/date-time-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,kBAAkB;IACjC,WAAW;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW;IACX,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAChC,+EAA+E;IAC/E,GAAG,CAAC,EAAE,IAAI,CAAA;IACV,2EAA2E;IAC3E,GAAG,CAAC,EAAE,IAAI,CAAA;IACV,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gGAAgG;IAChG,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAeD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,UAAc,EACd,WAAwC,EACxC,SAAS,GACV,EAAE,mBAAmB,qBAmJrB;kBA3JQ,cAAc;;;AAuPvB,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/react/components/date-time-picker.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { DatePicker } from "./date-picker.js";
+import { cn } from "../../lib/utils.js";
+const MINUTES_PER_DAY = 24 * 60;
+const HOURS_12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const PERIODS = ["AM", "PM"];
+const pad2 = (n) => String(n).padStart(2, "0");
+const at = (day, minuteOfDay) => new Date(day.getFullYear(), day.getMonth(), day.getDate(), Math.floor(minuteOfDay / 60), minuteOfDay % 60, 0, 0);
+const minuteOfDayOf = (date) => date.getHours() * 60 + date.getMinutes();
+const to24 = (hour12, period) => (hour12 % 12) + (period === "PM" ? 12 : 0);
+const periodOf = (hours) => (hours >= 12 ? "PM" : "AM");
+const hour12Of = (hours) => (hours % 12 === 0 ? 12 : hours % 12);
+/**
+ * Generic date-and-time picker: `DatePicker` for the day, then hour / minute / AM-PM
+ * columns of buttons for the time of day — never a native time input, so it looks and
+ * behaves the same everywhere and honours `min` / `max` to the minute.
+ *
+ * Every offered day, hour, minute, and period is one the value may take: a day with
+ * no allowed instant is disabled in the calendar, and an hour, minute, or period
+ * that would land outside `min` / `max` on the chosen day is disabled. Picking a day
+ * keeps the chosen time of day (or `defaultTime` when there is no value) and moves it
+ * to the nearest allowed time on that day; picking an hour or period whose current
+ * minute is unavailable takes the nearest allowed minute.
+ *
+ * Keyboard: each time column is one tab stop with roving focus (ArrowUp / ArrowDown,
+ * Home / End); Enter or Space picks.
+ */
+function DateTimePicker({ value, onChange, min, max, minuteStep = 1, defaultTime = { hours: 23, minutes: 59 }, className, }) {
+    const step = Math.max(1, Math.min(60, Math.floor(minuteStep)));
+    const minuteOptions = React.useMemo(() => Array.from({ length: Math.ceil(60 / step) }, (_, i) => i * step).filter((m) => m < 60), [step]);
+    const isAllowed = React.useCallback((instant) => (!min || instant >= min) && (!max || instant <= max), [min, max]);
+    const offeredMinutes = React.useMemo(() => new Set(minuteOptions), [minuteOptions]);
+    const isOffered = React.useCallback((minuteOfDay) => offeredMinutes.has(minuteOfDay % 60), [offeredMinutes]);
+    /** Allowed minutes-of-day on `day`, ascending. */
+    const allowedMinutesOn = React.useCallback((day) => {
+        const out = [];
+        for (let m = 0; m < MINUTES_PER_DAY; m++) {
+            if (isOffered(m) && isAllowed(at(day, m)))
+                out.push(m);
+        }
+        return out;
+    }, [isAllowed, isOffered]);
+    const nearestAllowed = (day, wanted) => {
+        const allowed = allowedMinutesOn(day);
+        if (allowed.length === 0)
+            return null;
+        let best = allowed[0];
+        for (const m of allowed)
+            if (Math.abs(m - wanted) < Math.abs(best - wanted))
+                best = m;
+        return best;
+    };
+    const commit = (day, wanted) => {
+        const m = nearestAllowed(day, wanted);
+        if (m === null)
+            return;
+        onChange?.(at(day, m));
+    };
+    // A day strictly between the bounds' own days is decided by its first and last offered
+    // minute; only the bounds' days need the minute-by-minute check.
+    const firstOfferedMinute = minuteOptions[0];
+    const lastOfferedMinute = 23 * 60 + minuteOptions[minuteOptions.length - 1];
+    const isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+    const isDayDisabled = (day) => {
+        if ((min && isSameDay(day, min)) || (max && isSameDay(day, max))) {
+            return allowedMinutesOn(day).length === 0;
+        }
+        if (min && at(day, lastOfferedMinute) < min)
+            return true;
+        if (max && at(day, firstOfferedMinute) > max)
+            return true;
+        return false;
+    };
+    const handleDayPick = (day) => {
+        if (!day)
+            return;
+        const wanted = value ? minuteOfDayOf(value) : defaultTime.hours * 60 + defaultTime.minutes;
+        commit(day, wanted);
+    };
+    const current = value ? minuteOfDayOf(value) : null;
+    const currentHours = current === null ? null : Math.floor(current / 60);
+    const currentMinutes = current === null ? null : current % 60;
+    const currentPeriod = currentHours === null ? null : periodOf(currentHours);
+    const allowedSet = React.useMemo(() => new Set(value ? allowedMinutesOn(value) : []), [value, allowedMinutesOn]);
+    const hourEnabled = (hours) => minuteOptions.some((m) => allowedSet.has(hours * 60 + m));
+    const minuteEnabled = (minutes) => currentHours !== null && allowedSet.has(currentHours * 60 + minutes);
+    const periodEnabled = (period) => {
+        const base = period === "PM" ? 12 : 0;
+        for (let h = base; h < base + 12; h++)
+            if (hourEnabled(h))
+                return true;
+        return false;
+    };
+    const pickHour = (hour12) => {
+        if (!value || currentPeriod === null || currentMinutes === null)
+            return;
+        const hours = to24(hour12, currentPeriod);
+        const firstInHour = minuteOptions.find((m) => allowedSet.has(hours * 60 + m));
+        if (firstInHour === undefined)
+            return;
+        const minutes = allowedSet.has(hours * 60 + currentMinutes) ? currentMinutes : firstInHour;
+        commit(value, hours * 60 + minutes);
+    };
+    const pickMinute = (minutes) => {
+        if (!value || currentHours === null)
+            return;
+        commit(value, currentHours * 60 + minutes);
+    };
+    const pickPeriod = (period) => {
+        if (!value || currentHours === null || currentMinutes === null)
+            return;
+        const hours = to24(hour12Of(currentHours), period);
+        commit(value, hours * 60 + currentMinutes);
+    };
+    const timeDisabled = !value;
+    return (_jsxs("div", { className: cn("flex flex-col gap-3 sm:flex-row sm:items-start", className), children: [_jsx(DatePicker, { selected: value, onSelect: handleDayPick, disabled: isDayDisabled }), _jsxs("div", { className: "flex gap-2 p-4 bg-card rounded-lg", role: "group", "aria-label": "Time", "aria-disabled": timeDisabled || undefined, children: [_jsx(TimeColumn, { label: "Hour", options: HOURS_12.map((h) => ({
+                            key: h,
+                            text: String(h),
+                            ariaLabel: `${h} o'clock`,
+                            selected: currentHours !== null && hour12Of(currentHours) === h,
+                            disabled: timeDisabled || currentPeriod === null || !hourEnabled(to24(h, currentPeriod)),
+                            onPick: () => pickHour(h),
+                        })) }), _jsx(TimeColumn, { label: "Minute", options: minuteOptions.map((m) => ({
+                            key: m,
+                            text: pad2(m),
+                            ariaLabel: `${pad2(m)} minutes`,
+                            selected: currentMinutes === m,
+                            disabled: timeDisabled || !minuteEnabled(m),
+                            onPick: () => pickMinute(m),
+                        })) }), _jsx(TimeColumn, { label: "AM or PM", options: PERIODS.map((p) => ({
+                            key: p,
+                            text: p,
+                            ariaLabel: p,
+                            selected: currentPeriod === p,
+                            disabled: timeDisabled || !periodEnabled(p),
+                            onPick: () => pickPeriod(p),
+                        })) })] })] }));
+}
+DateTimePicker.displayName = "DateTimePicker";
+function TimeColumn({ label, options }) {
+    const listRef = React.useRef(null);
+    const selectedIndex = options.findIndex((o) => o.selected && !o.disabled);
+    const firstEnabled = options.findIndex((o) => !o.disabled);
+    const [focusIndex, setFocusIndex] = React.useState(null);
+    const rovingIndex = focusIndex !== null && options[focusIndex] && !options[focusIndex].disabled
+        ? focusIndex
+        : selectedIndex >= 0
+            ? selectedIndex
+            : firstEnabled;
+    // Keep the chosen option in view inside the fixed-height column.
+    React.useLayoutEffect(() => {
+        if (selectedIndex < 0)
+            return;
+        const el = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
+        el?.scrollIntoView?.({ block: "nearest" });
+    }, [selectedIndex]);
+    const focusAt = (index) => {
+        setFocusIndex(index);
+        listRef.current?.querySelector(`[data-index="${index}"]`)?.focus();
+    };
+    const handleKeyDown = (e) => {
+        const enabled = options.map((o, i) => (o.disabled ? -1 : i)).filter((i) => i >= 0);
+        if (enabled.length === 0 || rovingIndex < 0)
+            return;
+        const pos = enabled.indexOf(rovingIndex);
+        let next;
+        if (e.key === "ArrowDown")
+            next = enabled[Math.min(enabled.length - 1, pos + 1)];
+        else if (e.key === "ArrowUp")
+            next = enabled[Math.max(0, pos - 1)];
+        else if (e.key === "Home")
+            next = enabled[0];
+        else if (e.key === "End")
+            next = enabled[enabled.length - 1];
+        if (next === undefined)
+            return;
+        e.preventDefault();
+        focusAt(next);
+    };
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("div", { className: "text-xs font-semibold text-muted-foreground", "aria-hidden": "true", children: label }), _jsx("div", { ref: listRef, role: "group", "aria-label": label, onKeyDown: handleKeyDown, className: "flex h-64 w-14 flex-col gap-1 overflow-y-auto", children: options.map((o, i) => (_jsx("button", { type: "button", "data-index": i, tabIndex: i === rovingIndex ? 0 : -1, disabled: o.disabled, "aria-pressed": o.selected, "aria-label": o.ariaLabel, onClick: () => {
+                        setFocusIndex(i);
+                        o.onPick();
+                    }, className: cn("h-9 shrink-0 rounded-lg text-sm font-semibold flex items-center justify-center", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", !o.disabled && !o.selected && "text-foreground hover:bg-primary/10", o.selected && "bg-primary text-primary-foreground font-bold", o.disabled && "opacity-30 cursor-not-allowed"), children: o.text }, o.key))) })] }));
+}
+export { DateTimePicker };
+//# sourceMappingURL=date-time-picker.js.map

package/dist/react/components/date-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../../src/react/components/date-time-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { DatePicker } from \"./date-picker.js\"\nimport { cn } from \"../../lib/utils.js\"\n\nexport interface DateTimePickerTime {\n  /** 0–23 */\n  hours: number\n  /** 0–59 */\n  minutes: number\n}\n\nexport interface DateTimePickerProps {\n  /** The chosen instant (local time). */\n  value?: Date\n  /** Called with the new instant — always inside `min`/`max`, seconds and milliseconds zero. */\n  onChange?: (value: Date) => void\n  /** The earliest selectable instant. Earlier days and times are unavailable. */\n  min?: Date\n  /** The latest selectable instant. Later days and times are unavailable. */\n  max?: Date\n  /** Minutes offered are multiples of this (default 1). */\n  minuteStep?: number\n  /** Time of day a picked day takes when there is no `value` yet (default 23:59 — end of day). */\n  defaultTime?: DateTimePickerTime\n  className?: string\n}\n\nconst MINUTES_PER_DAY = 24 * 60\nconst HOURS_12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]\nconst PERIODS = [\"AM\", \"PM\"] as const\ntype Period = (typeof PERIODS)[number]\n\nconst pad2 = (n: number) => String(n).padStart(2, \"0\")\nconst at = (day: Date, minuteOfDay: number) =>\n  new Date(day.getFullYear(), day.getMonth(), day.getDate(), Math.floor(minuteOfDay / 60), minuteOfDay % 60, 0, 0)\nconst minuteOfDayOf = (date: Date) => date.getHours() * 60 + date.getMinutes()\nconst to24 = (hour12: number, period: Period) => (hour12 % 12) + (period === \"PM\" ? 12 : 0)\nconst periodOf = (hours: number): Period => (hours >= 12 ? \"PM\" : \"AM\")\nconst hour12Of = (hours: number) => (hours % 12 === 0 ? 12 : hours % 12)\n\n/**\n * Generic date-and-time picker: `DatePicker` for the day, then hour / minute / AM-PM\n * columns of buttons for the time of day — never a native time input, so it looks and\n * behaves the same everywhere and honours `min` / `max` to the minute.\n *\n * Every offered day, hour, minute, and period is one the value may take: a day with\n * no allowed instant is disabled in the calendar, and an hour, minute, or period\n * that would land outside `min` / `max` on the chosen day is disabled. Picking a day\n * keeps the chosen time of day (or `defaultTime` when there is no value) and moves it\n * to the nearest allowed time on that day; picking an hour or period whose current\n * minute is unavailable takes the nearest allowed minute.\n *\n * Keyboard: each time column is one tab stop with roving focus (ArrowUp / ArrowDown,\n * Home / End); Enter or Space picks.\n */\nfunction DateTimePicker({\n  value,\n  onChange,\n  min,\n  max,\n  minuteStep = 1,\n  defaultTime = { hours: 23, minutes: 59 },\n  className,\n}: DateTimePickerProps) {\n  const step = Math.max(1, Math.min(60, Math.floor(minuteStep)))\n  const minuteOptions = React.useMemo(\n    () => Array.from({ length: Math.ceil(60 / step) }, (_, i) => i * step).filter((m) => m < 60),\n    [step],\n  )\n\n  const isAllowed = React.useCallback(\n    (instant: Date) => (!min || instant >= min) && (!max || instant <= max),\n    [min, max],\n  )\n  const offeredMinutes = React.useMemo(() => new Set(minuteOptions), [minuteOptions])\n  const isOffered = React.useCallback(\n    (minuteOfDay: number) => offeredMinutes.has(minuteOfDay % 60),\n    [offeredMinutes],\n  )\n\n  /** Allowed minutes-of-day on `day`, ascending. */\n  const allowedMinutesOn = React.useCallback(\n    (day: Date) => {\n      const out: number[] = []\n      for (let m = 0; m < MINUTES_PER_DAY; m++) {\n        if (isOffered(m) && isAllowed(at(day, m))) out.push(m)\n      }\n      return out\n    },\n    [isAllowed, isOffered],\n  )\n\n  const nearestAllowed = (day: Date, wanted: number): number | null => {\n    const allowed = allowedMinutesOn(day)\n    if (allowed.length === 0) return null\n    let best = allowed[0]\n    for (const m of allowed) if (Math.abs(m - wanted) < Math.abs(best - wanted)) best = m\n    return best\n  }\n\n  const commit = (day: Date, wanted: number) => {\n    const m = nearestAllowed(day, wanted)\n    if (m === null) return\n    onChange?.(at(day, m))\n  }\n\n  // A day strictly between the bounds' own days is decided by its first and last offered\n  // minute; only the bounds' days need the minute-by-minute check.\n  const firstOfferedMinute = minuteOptions[0]\n  const lastOfferedMinute = 23 * 60 + minuteOptions[minuteOptions.length - 1]\n  const isSameDay = (a: Date, b: Date) =>\n    a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()\n  const isDayDisabled = (day: Date) => {\n    if ((min && isSameDay(day, min)) || (max && isSameDay(day, max))) {\n      return allowedMinutesOn(day).length === 0\n    }\n    if (min && at(day, lastOfferedMinute) < min) return true\n    if (max && at(day, firstOfferedMinute) > max) return true\n    return false\n  }\n\n  const handleDayPick = (day: Date | undefined) => {\n    if (!day) return\n    const wanted = value ? minuteOfDayOf(value) : defaultTime.hours * 60 + defaultTime.minutes\n    commit(day, wanted)\n  }\n\n  const current = value ? minuteOfDayOf(value) : null\n  const currentHours = current === null ? null : Math.floor(current / 60)\n  const currentMinutes = current === null ? null : current % 60\n  const currentPeriod = currentHours === null ? null : periodOf(currentHours)\n\n  const allowedSet = React.useMemo(\n    () => new Set(value ? allowedMinutesOn(value) : []),\n    [value, allowedMinutesOn],\n  )\n  const hourEnabled = (hours: number) => minuteOptions.some((m) => allowedSet.has(hours * 60 + m))\n  const minuteEnabled = (minutes: number) =>\n    currentHours !== null && allowedSet.has(currentHours * 60 + minutes)\n  const periodEnabled = (period: Period) => {\n    const base = period === \"PM\" ? 12 : 0\n    for (let h = base; h < base + 12; h++) if (hourEnabled(h)) return true\n    return false\n  }\n\n  const pickHour = (hour12: number) => {\n    if (!value || currentPeriod === null || currentMinutes === null) return\n    const hours = to24(hour12, currentPeriod)\n    const firstInHour = minuteOptions.find((m) => allowedSet.has(hours * 60 + m))\n    if (firstInHour === undefined) return\n    const minutes = allowedSet.has(hours * 60 + currentMinutes) ? currentMinutes : firstInHour\n    commit(value, hours * 60 + minutes)\n  }\n  const pickMinute = (minutes: number) => {\n    if (!value || currentHours === null) return\n    commit(value, currentHours * 60 + minutes)\n  }\n  const pickPeriod = (period: Period) => {\n    if (!value || currentHours === null || currentMinutes === null) return\n    const hours = to24(hour12Of(currentHours), period)\n    commit(value, hours * 60 + currentMinutes)\n  }\n\n  const timeDisabled = !value\n\n  return (\n    <div className={cn(\"flex flex-col gap-3 sm:flex-row sm:items-start\", className)}>\n      <DatePicker selected={value} onSelect={handleDayPick} disabled={isDayDisabled} />\n      <div\n        className=\"flex gap-2 p-4 bg-card rounded-lg\"\n        role=\"group\"\n        aria-label=\"Time\"\n        aria-disabled={timeDisabled || undefined}\n      >\n        <TimeColumn\n          label=\"Hour\"\n          options={HOURS_12.map((h) => ({\n            key: h,\n            text: String(h),\n            ariaLabel: `${h} o'clock`,\n            selected: currentHours !== null && hour12Of(currentHours) === h,\n            disabled: timeDisabled || currentPeriod === null || !hourEnabled(to24(h, currentPeriod)),\n            onPick: () => pickHour(h),\n          }))}\n        />\n        <TimeColumn\n          label=\"Minute\"\n          options={minuteOptions.map((m) => ({\n            key: m,\n            text: pad2(m),\n            ariaLabel: `${pad2(m)} minutes`,\n            selected: currentMinutes === m,\n            disabled: timeDisabled || !minuteEnabled(m),\n            onPick: () => pickMinute(m),\n          }))}\n        />\n        <TimeColumn\n          label=\"AM or PM\"\n          options={PERIODS.map((p) => ({\n            key: p,\n            text: p,\n            ariaLabel: p,\n            selected: currentPeriod === p,\n            disabled: timeDisabled || !periodEnabled(p),\n            onPick: () => pickPeriod(p),\n          }))}\n        />\n      </div>\n    </div>\n  )\n}\n\nDateTimePicker.displayName = \"DateTimePicker\"\n\ninterface TimeOption {\n  key: string | number\n  text: string\n  ariaLabel: string\n  selected: boolean\n  disabled: boolean\n  onPick: () => void\n}\n\nfunction TimeColumn({ label, options }: { label: string; options: TimeOption[] }) {\n  const listRef = React.useRef<HTMLDivElement | null>(null)\n  const selectedIndex = options.findIndex((o) => o.selected && !o.disabled)\n  const firstEnabled = options.findIndex((o) => !o.disabled)\n  const [focusIndex, setFocusIndex] = React.useState<number | null>(null)\n  const rovingIndex =\n    focusIndex !== null && options[focusIndex] && !options[focusIndex].disabled\n      ? focusIndex\n      : selectedIndex >= 0\n        ? selectedIndex\n        : firstEnabled\n\n  // Keep the chosen option in view inside the fixed-height column.\n  React.useLayoutEffect(() => {\n    if (selectedIndex < 0) return\n    const el = listRef.current?.querySelector<HTMLButtonElement>(`[data-index=\"${selectedIndex}\"]`)\n    el?.scrollIntoView?.({ block: \"nearest\" })\n  }, [selectedIndex])\n\n  const focusAt = (index: number) => {\n    setFocusIndex(index)\n    listRef.current?.querySelector<HTMLButtonElement>(`[data-index=\"${index}\"]`)?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const enabled = options.map((o, i) => (o.disabled ? -1 : i)).filter((i) => i >= 0)\n    if (enabled.length === 0 || rovingIndex < 0) return\n    const pos = enabled.indexOf(rovingIndex)\n    let next: number | undefined\n    if (e.key === \"ArrowDown\") next = enabled[Math.min(enabled.length - 1, pos + 1)]\n    else if (e.key === \"ArrowUp\") next = enabled[Math.max(0, pos - 1)]\n    else if (e.key === \"Home\") next = enabled[0]\n    else if (e.key === \"End\") next = enabled[enabled.length - 1]\n    if (next === undefined) return\n    e.preventDefault()\n    focusAt(next)\n  }\n\n  return (\n    <div className=\"flex flex-col items-center gap-1\">\n      <div className=\"text-xs font-semibold text-muted-foreground\" aria-hidden=\"true\">\n        {label}\n      </div>\n      <div\n        ref={listRef}\n        role=\"group\"\n        aria-label={label}\n        onKeyDown={handleKeyDown}\n        className=\"flex h-64 w-14 flex-col gap-1 overflow-y-auto\"\n      >\n        {options.map((o, i) => (\n          <button\n            key={o.key}\n            type=\"button\"\n            data-index={i}\n            tabIndex={i === rovingIndex ? 0 : -1}\n            disabled={o.disabled}\n            aria-pressed={o.selected}\n            aria-label={o.ariaLabel}\n            onClick={() => {\n              setFocusIndex(i)\n              o.onPick()\n            }}\n            className={cn(\n              \"h-9 shrink-0 rounded-lg text-sm font-semibold flex items-center justify-center\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n              !o.disabled && !o.selected && \"text-foreground hover:bg-primary/10\",\n              o.selected && \"bg-primary text-primary-foreground font-bold\",\n              o.disabled && \"opacity-30 cursor-not-allowed\",\n            )}\n          >\n            {o.text}\n          </button>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport { DateTimePicker }\n"]}

package/dist/react/components/format-control.d.ts

@@ -0,0 +1,25 @@
+import { type InputFormatSpec } from "@ttt-productions/input-format-core";
+interface CallerAttributes {
+    value?: unknown;
+    "aria-required"?: boolean | "true" | "false";
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling";
+}
+/**
+ * What a free-text control derives from its field declaration: the native length cap, and the
+ * required/invalid state assistive technology announces. A caller's own `aria-required` or
+ * `aria-invalid` wins — a form field passes the state its whole schema decided.
+ *
+ * The native cap counts the text as typed while the check counts it trimmed. Every value the
+ * field keeps can still be typed, and surrounding whitespace is dropped by the check anyway.
+ *
+ * Only a controlled value is judged, and a text that is merely too short is not marked invalid
+ * while it is being typed: an empty or half-typed required field is not yet an error, so "too
+ * short" is left to the form's submit-time validation.
+ */
+export declare function formatControlAttributes(spec: InputFormatSpec, props: CallerAttributes): {
+    maxLength: number;
+    "aria-required": boolean | "true" | "false" | undefined;
+    "aria-invalid": boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+};
+export {};
+//# sourceMappingURL=format-control.d.ts.map

package/dist/react/components/format-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-control.d.ts","sourceRoot":"","sources":["../../../src/react/components/format-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAE3F,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;CACrE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB;;;;EAQrF"}

package/dist/react/components/format-control.js

@@ -0,0 +1,23 @@
+import { checkInputFormat } from "@ttt-productions/input-format-core";
+/**
+ * What a free-text control derives from its field declaration: the native length cap, and the
+ * required/invalid state assistive technology announces. A caller's own `aria-required` or
+ * `aria-invalid` wins — a form field passes the state its whole schema decided.
+ *
+ * The native cap counts the text as typed while the check counts it trimmed. Every value the
+ * field keeps can still be typed, and surrounding whitespace is dropped by the check anyway.
+ *
+ * Only a controlled value is judged, and a text that is merely too short is not marked invalid
+ * while it is being typed: an empty or half-typed required field is not yet an error, so "too
+ * short" is left to the form's submit-time validation.
+ */
+export function formatControlAttributes(spec, props) {
+    const result = typeof props.value === "string" ? checkInputFormat(props.value, spec) : null;
+    const malformed = result !== null && !result.ok && result.issue !== "tooShort";
+    return {
+        maxLength: spec.max,
+        "aria-required": props["aria-required"] ?? (spec.min > 0 ? true : undefined),
+        "aria-invalid": props["aria-invalid"] ?? (malformed ? true : undefined),
+    };
+}
+//# sourceMappingURL=format-control.js.map

package/dist/react/components/format-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-control.js","sourceRoot":"","sources":["../../../src/react/components/format-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAwB,MAAM,oCAAoC,CAAA;AAQ3F;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,uBAAuB,CAAC,IAAqB,EAAE,KAAuB;IACpF,MAAM,MAAM,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAC3F,MAAM,SAAS,GAAG,MAAM,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,KAAK,UAAU,CAAA;IAC9E,OAAO;QACL,SAAS,EAAE,IAAI,CAAC,GAAG;QACnB,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5E,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;KACxE,CAAA;AACH,CAAC","sourcesContent":["import { checkInputFormat, type InputFormatSpec } from \"@ttt-productions/input-format-core\"\n\ninterface CallerAttributes {\n  value?: unknown\n  \"aria-required\"?: boolean | \"true\" | \"false\"\n  \"aria-invalid\"?: boolean | \"true\" | \"false\" | \"grammar\" | \"spelling\"\n}\n\n/**\n * What a free-text control derives from its field declaration: the native length cap, and the\n * required/invalid state assistive technology announces. A caller's own `aria-required` or\n * `aria-invalid` wins — a form field passes the state its whole schema decided.\n *\n * The native cap counts the text as typed while the check counts it trimmed. Every value the\n * field keeps can still be typed, and surrounding whitespace is dropped by the check anyway.\n *\n * Only a controlled value is judged, and a text that is merely too short is not marked invalid\n * while it is being typed: an empty or half-typed required field is not yet an error, so \"too\n * short\" is left to the form's submit-time validation.\n */\nexport function formatControlAttributes(spec: InputFormatSpec, props: CallerAttributes) {\n  const result = typeof props.value === \"string\" ? checkInputFormat(props.value, spec) : null\n  const malformed = result !== null && !result.ok && result.issue !== \"tooShort\"\n  return {\n    maxLength: spec.max,\n    \"aria-required\": props[\"aria-required\"] ?? (spec.min > 0 ? true : undefined),\n    \"aria-invalid\": props[\"aria-invalid\"] ?? (malformed ? true : undefined),\n  }\n}\n"]}

package/dist/react/components/input.d.ts

@@ -1,4 +1,41 @@
 import * as React from "react";
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+import type { DeclaredInputFormat } from "@ttt-productions/input-format-core";
+/**
+ * The input types whose value the browser itself formats or picks — not free text — so they take no
+ * input format. A free-text input (`type` omitted or `"text"`) takes one.
+ */
+export type BuiltInFormatInputType = "password" | "email" | "number" | "tel" | "url" | "search" | "file" | "color" | "date" | "datetime-local" | "month" | "week" | "time" | "range" | "checkbox" | "radio" | "hidden" | "button" | "submit" | "reset" | "image";
+type NativeInputProps = React.ComponentPropsWithoutRef<"input">;
+/**
+ * A free-text input: its declaration is required, and its bounds and its required state come only
+ * from that declaration (ENG-005), so `maxLength`, `minLength`, `pattern`, and `required` are not
+ * props.
+ */
+export type FreeTextInputProps = Omit<NativeInputProps, "type" | "maxLength" | "minLength" | "pattern" | "required"> & {
+    type?: "text";
+    inputFormat: DeclaredInputFormat;
+    textEntry?: never;
+};
+/**
+ * What a text box that is not free text holds: digits typed as text (a date-of-birth part, a share
+ * count, a one-time code) or an identifier (an account, document, or case id). Neither takes an
+ * input format; each keeps its own native `maxLength`, `pattern`, and `inputMode`, and its value is
+ * checked by its own rule (a whole-input number parse, the one-segment id rule).
+ */
+export type NonFreeTextEntry = "numeric" | "identifier";
+/** A text box that is not free text: no input format. */
+export type NonFreeTextInputProps = Omit<NativeInputProps, "type"> & {
+    type?: "text";
+    textEntry: NonFreeTextEntry;
+    inputFormat?: never;
+};
+/** An input whose value the browser formats: no input format. */
+export type BuiltInFormatInputProps = Omit<NativeInputProps, "type"> & {
+    type: BuiltInFormatInputType;
+    inputFormat?: never;
+    textEntry?: never;
+};
+export type InputProps = FreeTextInputProps | NonFreeTextInputProps | BuiltInFormatInputProps;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export { Input };
 //# sourceMappingURL=input.d.ts.map

package/dist/react/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/react/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,KAAK,8KAcV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/react/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAI7E;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,UAAU,GACV,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,CAAA;AAEX,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAA;AAE/D;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EAChB,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,CAC5D,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,mBAAmB,CAAA;IAChC,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAA;AAEvD,yDAAyD;AACzD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,gBAAgB,CAAA;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,CAAA;AAED,iEAAiE;AACjE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IACrE,IAAI,EAAE,sBAAsB,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,GAAG,uBAAuB,CAAA;AAE7F,QAAA,MAAM,KAAK,qFAgBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/react/components/input.js

@@ -2,8 +2,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
-const Input = React.forwardRef(({ className, type, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn("flex h-10 w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
+import { formatControlAttributes } from "./format-control.js";
+const Input = React.forwardRef(
+// `textEntry` only selects the prop shape; it never reaches the DOM.
+({ className, type, inputFormat, textEntry: _textEntry, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn("flex h-10 w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props, ...(inputFormat ? formatControlAttributes(inputFormat, props) : {}) }));
 });
 Input.displayName = "Input";
 export { Input };

package/dist/react/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/react/components/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,oYAAoY,EACpY,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/react/components/input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAqE7D,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU;AAC5B,qEAAqE;AACrE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzE,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,oYAAoY,EACpY,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GACpE,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { DeclaredInputFormat } from \"@ttt-productions/input-format-core\"\nimport { cn } from \"../../lib/utils.js\"\nimport { formatControlAttributes } from \"./format-control.js\"\n\n/**\n * The input types whose value the browser itself formats or picks — not free text — so they take no\n * input format. A free-text input (`type` omitted or `\"text\"`) takes one.\n */\nexport type BuiltInFormatInputType =\n  | \"password\"\n  | \"email\"\n  | \"number\"\n  | \"tel\"\n  | \"url\"\n  | \"search\"\n  | \"file\"\n  | \"color\"\n  | \"date\"\n  | \"datetime-local\"\n  | \"month\"\n  | \"week\"\n  | \"time\"\n  | \"range\"\n  | \"checkbox\"\n  | \"radio\"\n  | \"hidden\"\n  | \"button\"\n  | \"submit\"\n  | \"reset\"\n  | \"image\"\n\ntype NativeInputProps = React.ComponentPropsWithoutRef<\"input\">\n\n/**\n * A free-text input: its declaration is required, and its bounds and its required state come only\n * from that declaration (ENG-005), so `maxLength`, `minLength`, `pattern`, and `required` are not\n * props.\n */\nexport type FreeTextInputProps = Omit<\n  NativeInputProps,\n  \"type\" | \"maxLength\" | \"minLength\" | \"pattern\" | \"required\"\n> & {\n  type?: \"text\"\n  inputFormat: DeclaredInputFormat\n  textEntry?: never\n}\n\n/**\n * What a text box that is not free text holds: digits typed as text (a date-of-birth part, a share\n * count, a one-time code) or an identifier (an account, document, or case id). Neither takes an\n * input format; each keeps its own native `maxLength`, `pattern`, and `inputMode`, and its value is\n * checked by its own rule (a whole-input number parse, the one-segment id rule).\n */\nexport type NonFreeTextEntry = \"numeric\" | \"identifier\"\n\n/** A text box that is not free text: no input format. */\nexport type NonFreeTextInputProps = Omit<NativeInputProps, \"type\"> & {\n  type?: \"text\"\n  textEntry: NonFreeTextEntry\n  inputFormat?: never\n}\n\n/** An input whose value the browser formats: no input format. */\nexport type BuiltInFormatInputProps = Omit<NativeInputProps, \"type\"> & {\n  type: BuiltInFormatInputType\n  inputFormat?: never\n  textEntry?: never\n}\n\nexport type InputProps = FreeTextInputProps | NonFreeTextInputProps | BuiltInFormatInputProps\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  // `textEntry` only selects the prop shape; it never reaches the DOM.\n  ({ className, type, inputFormat, textEntry: _textEntry, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-10 w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n        {...(inputFormat ? formatControlAttributes(inputFormat, props) : {})}\n      />\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"]}

package/dist/react/components/search-dropdown.d.ts

@@ -7,8 +7,13 @@ export interface SearchDropdownProps<T> {
     results: T[];
     /** Loading state */
     isLoading: boolean;
-    /** Error message */
-    error: string | null;
+    /** The search's failure exactly as the data layer reported it; `null` or `undefined` when it did not fail. */
+    error: unknown;
+    /**
+     * Renders a failed search inside the open dropdown. The consumer owns the failure's words and any
+     * retry, so the dropdown never shows a failure state of its own.
+     */
+    renderError: (error: unknown) => React.ReactNode;
     /** Called when a result is selected */
     onSelect: (result: T) => void;
     /** Called when search is cleared (after the value has been reset). Optional notification hook. */
@@ -27,12 +32,20 @@ export interface SearchDropdownProps<T> {
     minChars?: number;
     /** Message to show when no results found */
     emptyMessage?: string;
+    /** What assistive technology hears when results arrive (default: "1 result" / "N results"). */
+    resultsAnnouncement?: (count: number) => string;
     /** Custom render function for each result */
     renderResult: (result: T, index: number) => React.ReactNode;
 }
 /**
- * Generic search dropdown component with debounced input and keyboard navigation.
- * Supports any data type and custom rendering.
+ * A search box with a results dropdown, following the combobox pattern: the input keeps focus, the
+ * results are a listbox, and the arrow-highlighted result is the input's active descendant. Every
+ * instance carries its own ids, so several can share a page.
+ *
+ * Once the value is long enough the dropdown stays open through every settled state — results, an
+ * empty answer, or a failure — until the user dismisses it (Escape, a click outside, a selection).
+ * A dismissal holds for the value it was made on: re-rendered props never reopen it, while typing,
+ * a new value, or ArrowDown does.
  *
  * @example
  * ```tsx
@@ -42,8 +55,8 @@ export interface SearchDropdownProps<T> {
  *   results={users}
  *   isLoading={isLoading}
  *   error={error}
+ *   renderError={(error) => <MyErrorState error={error} />}
  *   onSelect={(user) => console.log(user)}
- *   onClear={() => setSearchValue('')}
  *   placeholder="Search users..."
  *   renderResult={(user) => (
  *     <div>{user.displayName}</div>
@@ -51,5 +64,5 @@ export interface SearchDropdownProps<T> {
  * />
  * ```
  */
-export declare function SearchDropdown<T>({ value, onValueChange, results, isLoading, error, onSelect, onClear, placeholder, label, className, disabled, icon, minChars, emptyMessage, renderResult, }: SearchDropdownProps<T>): import("react").JSX.Element;
+export declare function SearchDropdown<T>({ value, onValueChange, results, isLoading, error, renderError, onSelect, onClear, placeholder, label, className, disabled, icon, minChars, emptyMessage, resultsAnnouncement, renderResult, }: SearchDropdownProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=search-dropdown.d.ts.map

package/dist/react/components/search-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,IAAqC,EACrC,QAAY,EACZ,YAAiC,EACjC,YAAY,GACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAyJxB"}
+{"version":3,"file":"search-dropdown.d.ts","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,8GAA8G;IAC9G,KAAK,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,uCAAuC;IACvC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,kGAAkG;IAClG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,6CAA6C;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,IAAqC,EACrC,QAAY,EACZ,YAAiC,EACjC,mBAAgD,EAChD,YAAY,GACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAkMxB"}

package/dist/react/components/search-dropdown.js

@@ -1,14 +1,23 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect, useId } from 'react';
 import { Input } from './input.js';
 import { Label } from './label.js';
 import { X, Search } from 'lucide-react';
 import { Spinner } from './spinner.js';
 import { cn } from "../../lib/utils.js";
+function defaultResultsAnnouncement(count) {
+    return count === 1 ? '1 result' : `${count} results`;
+}
 /**
- * Generic search dropdown component with debounced input and keyboard navigation.
- * Supports any data type and custom rendering.
+ * A search box with a results dropdown, following the combobox pattern: the input keeps focus, the
+ * results are a listbox, and the arrow-highlighted result is the input's active descendant. Every
+ * instance carries its own ids, so several can share a page.
+ *
+ * Once the value is long enough the dropdown stays open through every settled state — results, an
+ * empty answer, or a failure — until the user dismisses it (Escape, a click outside, a selection).
+ * A dismissal holds for the value it was made on: re-rendered props never reopen it, while typing,
+ * a new value, or ArrowDown does.
  *
  * @example
  * ```tsx
@@ -18,8 +27,8 @@ import { cn } from "../../lib/utils.js";
  *   results={users}
  *   isLoading={isLoading}
  *   error={error}
+ *   renderError={(error) => <MyErrorState error={error} />}
  *   onSelect={(user) => console.log(user)}
- *   onClear={() => setSearchValue('')}
  *   placeholder="Search users..."
  *   renderResult={(user) => (
  *     <div>{user.displayName}</div>
@@ -27,68 +36,96 @@ import { cn } from "../../lib/utils.js";
  * />
  * ```
  */
-export function SearchDropdown({ value, onValueChange, results, isLoading, error, onSelect, onClear, placeholder = 'Search...', label, className, disabled = false, icon = _jsx(Search, { className: "h-4 w-4" }), minChars = 3, emptyMessage = 'No results found', renderResult, }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [selectedIndex, setSelectedIndex] = useState(-1);
+export function SearchDropdown({ value, onValueChange, results, isLoading, error, renderError, onSelect, onClear, placeholder = 'Search...', label, className, disabled = false, icon = _jsx(Search, { className: "h-4 w-4" }), minChars = 3, emptyMessage = 'No results found', resultsAnnouncement = defaultResultsAnnouncement, renderResult, }) {
+    const baseId = useId();
+    const inputId = `${baseId}-input`;
+    const labelId = `${baseId}-label`;
+    const listboxId = `${baseId}-listbox`;
+    const panelId = `${baseId}-panel`;
+    const hintId = `${baseId}-hint`;
+    const optionId = (index) => `${baseId}-option-${index}`;
+    const [dismissedFor, setDismissedFor] = useState(null);
+    // The highlight belongs to the value it was made on, so a new query starts with none, while a
+    // refreshed result list for the same query keeps it.
+    const [highlight, setHighlight] = useState(null);
     const containerRef = useRef(null);
     const inputRef = useRef(null);
+    const searchable = value.length >= minChars;
+    const isOpen = searchable && dismissedFor !== value;
+    const failed = error !== null && error !== undefined;
+    const showOptions = isOpen && !failed && !isLoading && results.length > 0;
+    const activeIndex = showOptions && highlight && highlight.value === value && highlight.index < results.length ? highlight.index : -1;
+    const showHint = value.length > 0 && !searchable;
+    const announcement = !isOpen || failed
+        ? ''
+        : isLoading
+            ? 'Searching...'
+            : results.length === 0
+                ? emptyMessage
+                : resultsAnnouncement(results.length);
     useEffect(() => {
+        if (!isOpen)
+            return;
         const handleClickOutside = (event) => {
             if (containerRef.current && !containerRef.current.contains(event.target)) {
-                setIsOpen(false);
+                setDismissedFor(value);
             }
         };
         document.addEventListener('mousedown', handleClickOutside);
         return () => document.removeEventListener('mousedown', handleClickOutside);
-    }, []);
-    useEffect(() => {
-        if (value.length >= minChars && (results.length > 0 || isLoading || error)) {
-            setIsOpen(true);
-        }
-        else {
-            setIsOpen(false);
-        }
-    }, [value, results, isLoading, error, minChars]);
-    useEffect(() => {
-        setSelectedIndex(-1);
-    }, [results]);
+    }, [isOpen, value]);
+    const select = (result) => {
+        onSelect(result);
+        setDismissedFor(value);
+    };
     const handleKeyDown = (e) => {
-        if (!isOpen || results.length === 0)
-            return;
         switch (e.key) {
             case 'ArrowDown':
+                if (!searchable)
+                    return;
                 e.preventDefault();
-                setSelectedIndex((prev) => (prev < results.length - 1 ? prev + 1 : prev));
+                if (!isOpen) {
+                    setDismissedFor(null);
+                    return;
+                }
+                if (!showOptions)
+                    return;
+                setHighlight({ value, index: activeIndex < results.length - 1 ? activeIndex + 1 : activeIndex });
                 break;
             case 'ArrowUp':
+                if (!showOptions)
+                    return;
                 e.preventDefault();
-                setSelectedIndex((prev) => (prev > 0 ? prev - 1 : 0));
+                setHighlight({ value, index: activeIndex > 0 ? activeIndex - 1 : 0 });
                 break;
             case 'Enter':
+                if (activeIndex < 0)
+                    return;
                 e.preventDefault();
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    onSelect(results[selectedIndex]);
-                    setIsOpen(false);
-                }
+                select(results[activeIndex]);
                 break;
             case 'Escape':
+                // Escape never falls through to the search field's own clear, which would skip onClear:
+                // it closes an open dropdown, and clears a closed one through handleClear.
                 e.preventDefault();
-                setIsOpen(false);
-                inputRef.current?.blur();
+                if (isOpen)
+                    setDismissedFor(value);
+                else if (value)
+                    handleClear();
                 break;
         }
     };
-    const handleResultClick = (result) => {
-        onSelect(result);
-        setIsOpen(false);
-    };
     const handleClear = () => {
         onValueChange('');
         onClear?.();
-        setIsOpen(false);
+        setDismissedFor(null);
         inputRef.current?.focus();
     };
-    const showDropdown = isOpen && value.length >= minChars;
-    return (_jsxs("div", { ref: containerRef, className: cn('relative', className), children: [label && (_jsx(Label, { htmlFor: "search-input", className: "mb-2 block", children: label })), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: icon }), _jsx(Input, { ref: inputRef, id: "search-input", type: "text", value: value, onChange: (e) => onValueChange(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: "pl-10 pr-10" }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: isLoading ? (_jsx(Spinner, { size: "xs", className: "text-muted-foreground" })) : value ? (_jsx("button", { type: "button", onClick: handleClear, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Clear search", children: _jsx(X, { className: "h-4 w-4" }) })) : null })] }), showDropdown && (_jsx("div", { className: "absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto", children: error ? (_jsx("div", { className: "px-3 py-2 text-sm text-destructive", children: error })) : isLoading ? (_jsxs("div", { className: "px-3 py-2 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Spinner, { size: "xs" }), "Searching..."] })) : results.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyMessage })) : (results.map((result, index) => (_jsx("button", { type: "button", onClick: () => handleResultClick(result), onMouseEnter: () => setSelectedIndex(index), className: cn('w-full text-left transition-colors cursor-pointer', 'hover:bg-accent focus:bg-accent focus:outline-hidden', selectedIndex === index && 'bg-accent'), children: renderResult(result, index) }, index)))) })), value.length > 0 && value.length < minChars && (_jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: ["Type at least ", minChars, " characters to search"] }))] }));
+    return (_jsxs("div", { ref: containerRef, className: cn('relative', className), children: [label && (_jsx(Label, { id: labelId, htmlFor: inputId, className: "mb-2 block", children: label })), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", "aria-hidden": "true", children: icon }), _jsx(Input, { ref: inputRef, id: inputId, type: "search", role: "combobox", "aria-autocomplete": "list", "aria-expanded": isOpen, "aria-controls": isOpen ? (showOptions ? listboxId : panelId) : undefined, "aria-activedescendant": activeIndex >= 0 ? optionId(activeIndex) : undefined, "aria-describedby": showHint ? hintId : undefined, autoComplete: "off", value: value, onChange: (e) => {
+                            setDismissedFor(null);
+                            onValueChange(e.target.value);
+                        }, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: "pl-10 pr-10 [&::-webkit-search-cancel-button]:appearance-none" }), _jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2", children: isLoading ? (_jsx(Spinner, { size: "xs", className: "text-muted-foreground" })) : value ? (_jsx("button", { type: "button", onClick: handleClear, className: "text-muted-foreground hover:text-foreground transition-colors", "aria-label": "Clear search", children: _jsx(X, { className: "h-4 w-4" }) })) : null })] }), isOpen && (_jsx("div", { id: panelId, className: "absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto", children: failed ? (renderError(error)) : isLoading ? (_jsxs("div", { className: "px-3 py-2 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Spinner, { size: "xs" }), "Searching..."] })) : results.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyMessage })) : (_jsx("div", { role: "listbox", id: listboxId, "aria-labelledby": label ? labelId : undefined, "aria-label": label ? undefined : placeholder, children: results.map((result, index) => (_jsx("div", { id: optionId(index), role: "option", "aria-selected": index === activeIndex, 
+                        // Keeps focus in the input, where the combobox's keyboard handling lives.
+                        onMouseDown: (e) => e.preventDefault(), onClick: () => select(result), onMouseEnter: () => setHighlight({ value, index }), className: cn('w-full text-left transition-colors cursor-pointer hover:bg-accent', index === activeIndex && 'bg-accent'), children: renderResult(result, index) }, index))) })) })), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement }), showHint && (_jsxs("p", { id: hintId, className: "text-xs text-muted-foreground mt-1", children: ["Type at least ", minChars, " characters to search"] }))] }));
 }
 //# sourceMappingURL=search-dropdown.js.map

package/dist/react/components/search-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-dropdown.js","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAmCxC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,cAAc,CAAI,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,WAAW,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EACrC,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,kBAAkB,EACjC,YAAY,GACW;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACjF,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,IAAI,KAAK,CAAC,EAAE,CAAC;YAC3E,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE5C,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC1E,MAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtD,MAAM;YACR,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC;oBACzD,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;oBACjC,SAAS,CAAC,KAAK,CAAC,CAAC;gBACnB,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;gBACzB,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,MAAS,EAAE,EAAE;QACtC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;QACZ,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;IAExD,OAAO,CACL,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aACzD,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,OAAO,EAAC,cAAc,EAAC,SAAS,EAAC,YAAY,YACjD,KAAK,GACA,CACT,EAED,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,gEAAgE,YAC5E,IAAI,GACD,EAEN,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,aAAa,GACvB,EAEF,cAAK,SAAS,EAAC,2CAA2C,YACvD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,uBAAuB,GAAG,CACxD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,+DAA+D,gBAC9D,cAAc,YAEzB,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,CACV,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,EAEL,YAAY,IAAI,CACf,cAAK,SAAS,EAAC,gGAAgG,YAC5G,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,GACF,CACP,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,iEAAiE,aAC9E,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,oBAEjB,CACP,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,yCAAyC,YACrD,YAAY,GACT,CACP,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAC3C,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,sDAAsD,EACtD,aAAa,KAAK,KAAK,IAAI,WAAW,CACvC,YAEA,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAVvB,KAAK,CAWH,CACV,CAAC,CACH,GACG,CACP,EAEA,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,CAC9C,aAAG,SAAS,EAAC,oCAAoC,+BAChC,QAAQ,6BACrB,CACL,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useState, useRef, useEffect } from 'react';\nimport { Input } from './input.js';\nimport { Label } from './label.js';\nimport { X, Search } from 'lucide-react';\nimport { Spinner } from './spinner.js';\nimport { cn } from \"../../lib/utils.js\";\n\nexport interface SearchDropdownProps<T> {\n  /** Current search value */\n  value: string;\n  /** Called when search value changes */\n  onValueChange: (value: string) => void;\n  /** Search results array */\n  results: T[];\n  /** Loading state */\n  isLoading: boolean;\n  /** Error message */\n  error: string | null;\n  /** Called when a result is selected */\n  onSelect: (result: T) => void;\n  /** Called when search is cleared (after the value has been reset). Optional notification hook. */\n  onClear?: () => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Label for the input */\n  label?: string;\n  /** Custom className */\n  className?: string;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Icon to show in input (default: Search) */\n  icon?: React.ReactNode;\n  /** Minimum characters before showing results (default: 3) */\n  minChars?: number;\n  /** Message to show when no results found */\n  emptyMessage?: string;\n  /** Custom render function for each result */\n  renderResult: (result: T, index: number) => React.ReactNode;\n}\n\n/**\n * Generic search dropdown component with debounced input and keyboard navigation.\n * Supports any data type and custom rendering.\n * \n * @example\n * ```tsx\n * <SearchDropdown<User>\n *   value={searchValue}\n *   onValueChange={setSearchValue}\n *   results={users}\n *   isLoading={isLoading}\n *   error={error}\n *   onSelect={(user) => console.log(user)}\n *   onClear={() => setSearchValue('')}\n *   placeholder=\"Search users...\"\n *   renderResult={(user) => (\n *     <div>{user.displayName}</div>\n *   )}\n * />\n * ```\n */\nexport function SearchDropdown<T>({\n  value,\n  onValueChange,\n  results,\n  isLoading,\n  error,\n  onSelect,\n  onClear,\n  placeholder = 'Search...',\n  label,\n  className,\n  disabled = false,\n  icon = <Search className=\"h-4 w-4\" />,\n  minChars = 3,\n  emptyMessage = 'No results found',\n  renderResult,\n}: SearchDropdownProps<T>) {\n  const [isOpen, setIsOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(-1);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  useEffect(() => {\n    if (value.length >= minChars && (results.length > 0 || isLoading || error)) {\n      setIsOpen(true);\n    } else {\n      setIsOpen(false);\n    }\n  }, [value, results, isLoading, error, minChars]);\n\n  useEffect(() => {\n    setSelectedIndex(-1);\n  }, [results]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen || results.length === 0) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev < results.length - 1 ? prev + 1 : prev));\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev > 0 ? prev - 1 : 0));\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (selectedIndex >= 0 && selectedIndex < results.length) {\n          onSelect(results[selectedIndex]);\n          setIsOpen(false);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        setIsOpen(false);\n        inputRef.current?.blur();\n        break;\n    }\n  };\n\n  const handleResultClick = (result: T) => {\n    onSelect(result);\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    onValueChange('');\n    onClear?.();\n    setIsOpen(false);\n    inputRef.current?.focus();\n  };\n\n  const showDropdown = isOpen && value.length >= minChars;\n\n  return (\n    <div ref={containerRef} className={cn('relative', className)}>\n      {label && (\n        <Label htmlFor=\"search-input\" className=\"mb-2 block\">\n          {label}\n        </Label>\n      )}\n      \n      <div className=\"relative\">\n        <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n          {icon}\n        </div>\n        \n        <Input\n          ref={inputRef}\n          id=\"search-input\"\n          type=\"text\"\n          value={value}\n          onChange={(e) => onValueChange(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          className=\"pl-10 pr-10\"\n        />\n\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n          {isLoading ? (\n            <Spinner size=\"xs\" className=\"text-muted-foreground\" />\n          ) : value ? (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              aria-label=\"Clear search\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {showDropdown && (\n        <div className=\"absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto\">\n          {error ? (\n            <div className=\"px-3 py-2 text-sm text-destructive\">\n              {error}\n            </div>\n          ) : isLoading ? (\n            <div className=\"px-3 py-2 text-sm text-muted-foreground flex items-center gap-2\">\n              <Spinner size=\"xs\" />\n              Searching...\n            </div>\n          ) : results.length === 0 ? (\n            <div className=\"px-3 py-2 text-sm text-muted-foreground\">\n              {emptyMessage}\n            </div>\n          ) : (\n            results.map((result, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                onClick={() => handleResultClick(result)}\n                onMouseEnter={() => setSelectedIndex(index)}\n                className={cn(\n                  'w-full text-left transition-colors cursor-pointer',\n                  'hover:bg-accent focus:bg-accent focus:outline-hidden',\n                  selectedIndex === index && 'bg-accent'\n                )}\n              >\n                {renderResult(result, index)}\n              </button>\n            ))\n          )}\n        </div>\n      )}\n      \n      {value.length > 0 && value.length < minChars && (\n        <p className=\"text-xs text-muted-foreground mt-1\">\n          Type at least {minChars} characters to search\n        </p>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"search-dropdown.js","sourceRoot":"","sources":["../../../src/react/components/search-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,SAAS,0BAA0B,CAAC,KAAa;IAC/C,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,UAAU,CAAC;AACvD,CAAC;AA0CD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,cAAc,CAAI,EAChC,KAAK,EACL,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,WAAW,EACzB,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAC,MAAM,IAAC,SAAS,EAAC,SAAS,GAAG,EACrC,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,kBAAkB,EACjC,mBAAmB,GAAG,0BAA0B,EAChD,YAAY,GACW;IACvB,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,SAAS,GAAG,GAAG,MAAM,UAAU,CAAC;IACtC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC;IAChC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,WAAW,KAAK,EAAE,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,8FAA8F;IAC9F,qDAAqD;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0C,IAAI,CAAC,CAAC;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAC;IAC5C,MAAM,MAAM,GAAG,UAAU,IAAI,YAAY,KAAK,KAAK,CAAC;IACpD,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IACrD,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1E,MAAM,WAAW,GACf,WAAW,IAAI,SAAS,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,IAAI,SAAS,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACnH,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACjD,MAAM,YAAY,GAChB,CAAC,MAAM,IAAI,MAAM;QACf,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,SAAS;YACT,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;gBACpB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBACjF,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpB,MAAM,MAAM,GAAG,CAAC,MAAS,EAAE,EAAE;QAC3B,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwC,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,IAAI,CAAC,UAAU;oBAAE,OAAO;gBACxB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,eAAe,CAAC,IAAI,CAAC,CAAC;oBACtB,OAAO;gBACT,CAAC;gBACD,IAAI,CAAC,WAAW;oBAAE,OAAO;gBACzB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBACjG,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,CAAC,WAAW;oBAAE,OAAO;gBACzB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,WAAW,GAAG,CAAC;oBAAE,OAAO;gBAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;gBAC7B,MAAM;YACR,KAAK,QAAQ;gBACX,wFAAwF;gBACxF,2EAA2E;gBAC3E,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM;oBAAE,eAAe,CAAC,KAAK,CAAC,CAAC;qBAC9B,IAAI,KAAK;oBAAE,WAAW,EAAE,CAAC;gBAC9B,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;QACZ,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aACzD,KAAK,IAAI,CACR,KAAC,KAAK,IAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,YACzD,KAAK,GACA,CACT,EAED,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,gEAAgE,iBAAa,MAAM,YAC/F,IAAI,GACD,EAEN,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,uBACG,MAAM,mBACT,MAAM,mBACN,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,2BAChD,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,sBACzD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,eAAe,CAAC,IAAI,CAAC,CAAC;4BACtB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAChC,CAAC,EACD,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,+DAA+D,GACzE,EAEF,cAAK,SAAS,EAAC,2CAA2C,YACvD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,uBAAuB,GAAG,CACxD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,+DAA+D,gBAC9D,cAAc,YAEzB,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,CACV,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,EAEL,MAAM,IAAI,CACT,cAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,gGAAgG,YACzH,MAAM,CAAC,CAAC,CAAC,CACR,WAAW,CAAC,KAAK,CAAC,CACnB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,eAAK,SAAS,EAAC,iEAAiE,aAC9E,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,oBAEjB,CACP,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACzB,cAAK,SAAS,EAAC,yCAAyC,YACrD,YAAY,GACT,CACP,CAAC,CAAC,CAAC,CACF,cACE,IAAI,EAAC,SAAS,EACd,EAAE,EAAE,SAAS,qBACI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,gBAChC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAE1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EACnB,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,WAAW;wBACpC,0EAA0E;wBAC1E,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAClD,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,KAAK,KAAK,WAAW,IAAI,WAAW,CACrC,YAEA,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,IAbvB,KAAK,CAcN,CACP,CAAC,GACE,CACP,GACG,CACP,EAID,cAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,EAAC,SAAS,EAAC,SAAS,YACtD,YAAY,GACT,EAEL,QAAQ,IAAI,CACX,aAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,oCAAoC,+BAC5C,QAAQ,6BACrB,CACL,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useState, useRef, useEffect, useId } from 'react';\nimport { Input } from './input.js';\nimport { Label } from './label.js';\nimport { X, Search } from 'lucide-react';\nimport { Spinner } from './spinner.js';\nimport { cn } from \"../../lib/utils.js\";\n\nfunction defaultResultsAnnouncement(count: number): string {\n  return count === 1 ? '1 result' : `${count} results`;\n}\n\nexport interface SearchDropdownProps<T> {\n  /** Current search value */\n  value: string;\n  /** Called when search value changes */\n  onValueChange: (value: string) => void;\n  /** Search results array */\n  results: T[];\n  /** Loading state */\n  isLoading: boolean;\n  /** The search's failure exactly as the data layer reported it; `null` or `undefined` when it did not fail. */\n  error: unknown;\n  /**\n   * Renders a failed search inside the open dropdown. The consumer owns the failure's words and any\n   * retry, so the dropdown never shows a failure state of its own.\n   */\n  renderError: (error: unknown) => React.ReactNode;\n  /** Called when a result is selected */\n  onSelect: (result: T) => void;\n  /** Called when search is cleared (after the value has been reset). Optional notification hook. */\n  onClear?: () => void;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Label for the input */\n  label?: string;\n  /** Custom className */\n  className?: string;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Icon to show in input (default: Search) */\n  icon?: React.ReactNode;\n  /** Minimum characters before showing results (default: 3) */\n  minChars?: number;\n  /** Message to show when no results found */\n  emptyMessage?: string;\n  /** What assistive technology hears when results arrive (default: \"1 result\" / \"N results\"). */\n  resultsAnnouncement?: (count: number) => string;\n  /** Custom render function for each result */\n  renderResult: (result: T, index: number) => React.ReactNode;\n}\n\n/**\n * A search box with a results dropdown, following the combobox pattern: the input keeps focus, the\n * results are a listbox, and the arrow-highlighted result is the input's active descendant. Every\n * instance carries its own ids, so several can share a page.\n *\n * Once the value is long enough the dropdown stays open through every settled state — results, an\n * empty answer, or a failure — until the user dismisses it (Escape, a click outside, a selection).\n * A dismissal holds for the value it was made on: re-rendered props never reopen it, while typing,\n * a new value, or ArrowDown does.\n *\n * @example\n * ```tsx\n * <SearchDropdown<User>\n *   value={searchValue}\n *   onValueChange={setSearchValue}\n *   results={users}\n *   isLoading={isLoading}\n *   error={error}\n *   renderError={(error) => <MyErrorState error={error} />}\n *   onSelect={(user) => console.log(user)}\n *   placeholder=\"Search users...\"\n *   renderResult={(user) => (\n *     <div>{user.displayName}</div>\n *   )}\n * />\n * ```\n */\nexport function SearchDropdown<T>({\n  value,\n  onValueChange,\n  results,\n  isLoading,\n  error,\n  renderError,\n  onSelect,\n  onClear,\n  placeholder = 'Search...',\n  label,\n  className,\n  disabled = false,\n  icon = <Search className=\"h-4 w-4\" />,\n  minChars = 3,\n  emptyMessage = 'No results found',\n  resultsAnnouncement = defaultResultsAnnouncement,\n  renderResult,\n}: SearchDropdownProps<T>) {\n  const baseId = useId();\n  const inputId = `${baseId}-input`;\n  const labelId = `${baseId}-label`;\n  const listboxId = `${baseId}-listbox`;\n  const panelId = `${baseId}-panel`;\n  const hintId = `${baseId}-hint`;\n  const optionId = (index: number) => `${baseId}-option-${index}`;\n\n  const [dismissedFor, setDismissedFor] = useState<string | null>(null);\n  // The highlight belongs to the value it was made on, so a new query starts with none, while a\n  // refreshed result list for the same query keeps it.\n  const [highlight, setHighlight] = useState<{ value: string; index: number } | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const searchable = value.length >= minChars;\n  const isOpen = searchable && dismissedFor !== value;\n  const failed = error !== null && error !== undefined;\n  const showOptions = isOpen && !failed && !isLoading && results.length > 0;\n  const activeIndex =\n    showOptions && highlight && highlight.value === value && highlight.index < results.length ? highlight.index : -1;\n  const showHint = value.length > 0 && !searchable;\n  const announcement =\n    !isOpen || failed\n      ? ''\n      : isLoading\n        ? 'Searching...'\n        : results.length === 0\n          ? emptyMessage\n          : resultsAnnouncement(results.length);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setDismissedFor(value);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [isOpen, value]);\n\n  const select = (result: T) => {\n    onSelect(result);\n    setDismissedFor(value);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        if (!searchable) return;\n        e.preventDefault();\n        if (!isOpen) {\n          setDismissedFor(null);\n          return;\n        }\n        if (!showOptions) return;\n        setHighlight({ value, index: activeIndex < results.length - 1 ? activeIndex + 1 : activeIndex });\n        break;\n      case 'ArrowUp':\n        if (!showOptions) return;\n        e.preventDefault();\n        setHighlight({ value, index: activeIndex > 0 ? activeIndex - 1 : 0 });\n        break;\n      case 'Enter':\n        if (activeIndex < 0) return;\n        e.preventDefault();\n        select(results[activeIndex]);\n        break;\n      case 'Escape':\n        // Escape never falls through to the search field's own clear, which would skip onClear:\n        // it closes an open dropdown, and clears a closed one through handleClear.\n        e.preventDefault();\n        if (isOpen) setDismissedFor(value);\n        else if (value) handleClear();\n        break;\n    }\n  };\n\n  const handleClear = () => {\n    onValueChange('');\n    onClear?.();\n    setDismissedFor(null);\n    inputRef.current?.focus();\n  };\n\n  return (\n    <div ref={containerRef} className={cn('relative', className)}>\n      {label && (\n        <Label id={labelId} htmlFor={inputId} className=\"mb-2 block\">\n          {label}\n        </Label>\n      )}\n\n      <div className=\"relative\">\n        <div className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" aria-hidden=\"true\">\n          {icon}\n        </div>\n\n        <Input\n          ref={inputRef}\n          id={inputId}\n          type=\"search\"\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? (showOptions ? listboxId : panelId) : undefined}\n          aria-activedescendant={activeIndex >= 0 ? optionId(activeIndex) : undefined}\n          aria-describedby={showHint ? hintId : undefined}\n          autoComplete=\"off\"\n          value={value}\n          onChange={(e) => {\n            setDismissedFor(null);\n            onValueChange(e.target.value);\n          }}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          className=\"pl-10 pr-10 [&::-webkit-search-cancel-button]:appearance-none\"\n        />\n\n        <div className=\"absolute right-3 top-1/2 -translate-y-1/2\">\n          {isLoading ? (\n            <Spinner size=\"xs\" className=\"text-muted-foreground\" />\n          ) : value ? (\n            <button\n              type=\"button\"\n              onClick={handleClear}\n              className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              aria-label=\"Clear search\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {isOpen && (\n        <div id={panelId} className=\"absolute z-50 w-full mt-1 bg-popover border rounded-md elevation-raised max-h-60 overflow-auto\">\n          {failed ? (\n            renderError(error)\n          ) : isLoading ? (\n            <div className=\"px-3 py-2 text-sm text-muted-foreground flex items-center gap-2\">\n              <Spinner size=\"xs\" />\n              Searching...\n            </div>\n          ) : results.length === 0 ? (\n            <div className=\"px-3 py-2 text-sm text-muted-foreground\">\n              {emptyMessage}\n            </div>\n          ) : (\n            <div\n              role=\"listbox\"\n              id={listboxId}\n              aria-labelledby={label ? labelId : undefined}\n              aria-label={label ? undefined : placeholder}\n            >\n              {results.map((result, index) => (\n                <div\n                  key={index}\n                  id={optionId(index)}\n                  role=\"option\"\n                  aria-selected={index === activeIndex}\n                  // Keeps focus in the input, where the combobox's keyboard handling lives.\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => select(result)}\n                  onMouseEnter={() => setHighlight({ value, index })}\n                  className={cn(\n                    'w-full text-left transition-colors cursor-pointer hover:bg-accent',\n                    index === activeIndex && 'bg-accent'\n                  )}\n                >\n                  {renderResult(result, index)}\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Always mounted, so every change of the open panel's state is announced. A failure is\n          announced by the consumer's renderError. */}\n      <div role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {announcement}\n      </div>\n\n      {showHint && (\n        <p id={hintId} className=\"text-xs text-muted-foreground mt-1\">\n          Type at least {minChars} characters to search\n        </p>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/react/components/textarea.d.ts

@@ -1,4 +1,14 @@
 import * as React from "react";
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+import type { DeclaredInputFormat } from "@ttt-productions/input-format-core";
+/**
+ * A multi-line free-text input: its declaration is required, and its length bounds come only from
+ * that declaration (ENG-005), so `maxLength`, `minLength`, and `required` are not props.
+ */
+export type TextareaProps = Omit<React.ComponentPropsWithoutRef<"textarea">, "maxLength" | "minLength" | "required"> & {
+    inputFormat: DeclaredInputFormat;
+};
+declare const Textarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "maxLength" | "minLength" | "required"> & {
+    inputFormat: DeclaredInputFormat;
+} & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/react/components/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,QAAQ,0LAab,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAI7E;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC,GAAG;IACrH,WAAW,EAAE,mBAAmB,CAAA;CACjC,CAAA;AAED,QAAA,MAAM,QAAQ;iBAHC,mBAAmB;6CAiBjC,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/react/components/textarea.js

@@ -2,8 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
-const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props }));
+import { formatControlAttributes } from "./format-control.js";
+const Textarea = React.forwardRef(({ className, inputFormat, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref, ...props, ...formatControlAttributes(inputFormat, props) }));
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

package/dist/react/components/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,uTAAuT,EACvT,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../lib/utils.js\"\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          \"flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/react/components/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAU7D,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,uTAAuT,EACvT,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,uBAAuB,CAAC,WAAW,EAAE,KAAK,CAAC,GAC/C,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { DeclaredInputFormat } from \"@ttt-productions/input-format-core\"\nimport { cn } from \"../../lib/utils.js\"\nimport { formatControlAttributes } from \"./format-control.js\"\n\n/**\n * A multi-line free-text input: its declaration is required, and its length bounds come only from\n * that declaration (ENG-005), so `maxLength`, `minLength`, and `required` are not props.\n */\nexport type TextareaProps = Omit<React.ComponentPropsWithoutRef<\"textarea\">, \"maxLength\" | \"minLength\" | \"required\"> & {\n  inputFormat: DeclaredInputFormat\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, inputFormat, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          \"flex min-h-[80px] w-full rounded-md border-2 border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className\n        )}\n        ref={ref}\n        {...props}\n        {...formatControlAttributes(inputFormat, props)}\n      />\n    )\n  }\n)\nTextarea.displayName = \"Textarea\"\n\nexport { Textarea }\n"]}

package/dist/react/index.d.ts

@@ -4,6 +4,7 @@ export type { SpinnerProps, SpinnerSize } from "./components/spinner.js";
 export { Spinner } from "./components/spinner.js";
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from "./components/card.js";
 export { Label } from "./components/label.js";
+export type { TextareaProps } from "./components/textarea.js";
 export { Textarea } from "./components/textarea.js";
 export { Skeleton } from "./components/skeleton.js";
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from "./components/dialog.js";
@@ -17,6 +18,7 @@ export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, Toas
 export { Toaster } from "./components/toaster.js";
 export type { ToastVariant, ToasterToast } from "./hooks/use-toast.js";
 export { toast, useToast } from "./hooks/use-toast.js";
+export type { InputProps, FreeTextInputProps, NonFreeTextInputProps, NonFreeTextEntry, BuiltInFormatInputProps, BuiltInFormatInputType } from "./components/input.js";
 export { Input } from "./components/input.js";
 export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton } from "./components/select.js";
 export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs.js";
@@ -34,6 +36,8 @@ export { Progress } from "./components/progress.js";
 export { Slider } from "./components/slider.js";
 export type { DatePickerProps } from "./components/date-picker.js";
 export { DatePicker } from "./components/date-picker.js";
+export type { DateTimePickerProps, DateTimePickerTime } from "./components/date-time-picker.js";
+export { DateTimePicker } from "./components/date-time-picker.js";
 export { ScrollArea, ScrollBar } from "./components/scroll-area.js";
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from "./components/table.js";
 export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from "./components/sheet.js";

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}

package/dist/react/index.js

@@ -29,6 +29,7 @@ export { RadioGroup, RadioGroupItem } from "./components/radio-group.js";
 export { Progress } from "./components/progress.js";
 export { Slider } from "./components/slider.js";
 export { DatePicker } from "./components/date-picker.js";
+export { DateTimePicker } from "./components/date-time-picker.js";
 export { ScrollArea, ScrollBar } from "./components/scroll-area.js";
 export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from "./components/table.js";
 export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from "./components/sheet.js";

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nexport type { ButtonProps } from \"./components/button.js\";\nexport { Button, buttonVariants } from \"./components/button.js\";\nexport type { SpinnerProps, SpinnerSize } from \"./components/spinner.js\";\nexport { Spinner } from \"./components/spinner.js\";\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from \"./components/card.js\";\nexport { Label } from \"./components/label.js\";\nexport { Textarea } from \"./components/textarea.js\";\nexport { Skeleton } from \"./components/skeleton.js\";\nexport { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from \"./components/dialog.js\";\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from \"./components/popover.js\";\nexport { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from \"./components/dropdown-menu.js\";\nexport { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut } from \"./components/menubar.js\";\nexport { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from \"./components/alert-dialog.js\";\nexport { Alert, AlertTitle, AlertDescription } from \"./components/alert.js\";\nexport type { ToastProps, ToastActionElement } from \"./components/toast.js\";\nexport { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction } from \"./components/toast.js\";\nexport { Toaster } from \"./components/toaster.js\";\nexport type { ToastVariant, ToasterToast } from \"./hooks/use-toast.js\";\nexport { toast, useToast } from \"./hooks/use-toast.js\";\nexport { Input } from \"./components/input.js\";\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton } from \"./components/select.js\";\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./components/tabs.js\";\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from \"./components/tooltip.js\";\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from \"./components/form.js\";\nexport { Checkbox } from \"./components/checkbox.js\";\nexport { Switch } from \"./components/switch.js\";\nexport type { BadgeProps } from \"./components/badge.js\";\nexport { Badge, badgeVariants } from \"./components/badge.js\";\nexport { Avatar, AvatarImage, AvatarFallback } from \"./components/avatar.js\";\nexport { Separator } from \"./components/separator.js\";\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"./components/accordion.js\";\nexport { RadioGroup, RadioGroupItem } from \"./components/radio-group.js\";\nexport { Progress } from \"./components/progress.js\";\nexport { Slider } from \"./components/slider.js\";\nexport type { DatePickerProps } from \"./components/date-picker.js\";\nexport { DatePicker } from \"./components/date-picker.js\";\nexport { ScrollArea, ScrollBar } from \"./components/scroll-area.js\";\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from \"./components/table.js\";\nexport { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from \"./components/sheet.js\";\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent } from \"./components/collapsible.js\";\nexport type { SearchDropdownProps } from \"./components/search-dropdown.js\";\nexport { SearchDropdown } from \"./components/search-dropdown.js\";\n\nexport type { ConsequenceDialogProps, ConsequenceDialogReason, ConsequenceDialogTypedConfirmation } from \"./components/consequence-dialog.js\";\nexport { ConsequenceDialog } from \"./components/consequence-dialog.js\";\n\nexport type { MaxWidthOption, ScreenAdaptiveViewProps } from \"./components/layout/screen-adaptive-view.js\";\nexport { ScreenAdaptiveView } from \"./components/layout/screen-adaptive-view.js\";\n\nexport { useMediaQuery } from \"./hooks/use-media-query.js\";\n\nexport { useAsyncAction } from \"./hooks/use-async-action.js\";\nexport type { AsyncAction, UseAsyncActionOptions } from \"./hooks/use-async-action.js\";\n\n// Shared building blocks\nexport { RelativeTime } from \"./components/relative-time.js\";\nexport type { RelativeTimeProps } from \"./components/relative-time.js\";\n\nexport { EndOfListIndicator } from \"./components/end-of-list-indicator.js\";\nexport type { EndOfListIndicatorProps } from \"./components/end-of-list-indicator.js\";\n\nexport { ScrollToTopButton } from \"./components/scroll-to-top-button.js\";\nexport type { ScrollToTopButtonProps } from \"./components/scroll-to-top-button.js\";\n\nexport { ChunkErrorRecovery } from \"./components/chunk-error-recovery.js\";\nexport type { ChunkErrorRecoveryProps } from \"./components/chunk-error-recovery.js\";\n\n// List pagination — the one Previous / counter / Next control plus the page-state\n// hooks for its two flavors (known total, and cursor/`hasMore`).\nexport { ListPagination } from \"./components/list-pagination.js\";\nexport type { ListPaginationProps } from \"./components/list-pagination.js\";\n\nexport { usePagedList } from \"./hooks/use-paged-list.js\";\nexport type { ListPaginationState, PagedList, UsePagedListOptions } from \"./hooks/use-paged-list.js\";\n\nexport { useCursorPage } from \"./hooks/use-cursor-page.js\";\nexport type { CursorPage, CursorPager, UseCursorPageOptions } from \"./hooks/use-cursor-page.js\";\n\n// Return-scroll: restore a list's window offset when the user comes back to it after a\n// route change (save on leave, restore once on an eligible + ready return, keyed by the\n// caller's canonical list URL).\nexport { useReturnScroll, saveReturnScroll, clearReturnScroll, readReturnScroll } from \"./hooks/use-return-scroll.js\";\nexport type { ReturnScrollEntry, UseReturnScrollOptions, UseReturnScrollResult } from \"./hooks/use-return-scroll.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nexport type { ButtonProps } from \"./components/button.js\";\nexport { Button, buttonVariants } from \"./components/button.js\";\nexport type { SpinnerProps, SpinnerSize } from \"./components/spinner.js\";\nexport { Spinner } from \"./components/spinner.js\";\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from \"./components/card.js\";\nexport { Label } from \"./components/label.js\";\nexport type { TextareaProps } from \"./components/textarea.js\";\nexport { Textarea } from \"./components/textarea.js\";\nexport { Skeleton } from \"./components/skeleton.js\";\nexport { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from \"./components/dialog.js\";\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from \"./components/popover.js\";\nexport { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from \"./components/dropdown-menu.js\";\nexport { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut } from \"./components/menubar.js\";\nexport { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from \"./components/alert-dialog.js\";\nexport { Alert, AlertTitle, AlertDescription } from \"./components/alert.js\";\nexport type { ToastProps, ToastActionElement } from \"./components/toast.js\";\nexport { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction } from \"./components/toast.js\";\nexport { Toaster } from \"./components/toaster.js\";\nexport type { ToastVariant, ToasterToast } from \"./hooks/use-toast.js\";\nexport { toast, useToast } from \"./hooks/use-toast.js\";\nexport type { InputProps, FreeTextInputProps, NonFreeTextInputProps, NonFreeTextEntry, BuiltInFormatInputProps, BuiltInFormatInputType } from \"./components/input.js\";\nexport { Input } from \"./components/input.js\";\nexport { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton } from \"./components/select.js\";\nexport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./components/tabs.js\";\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from \"./components/tooltip.js\";\nexport { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from \"./components/form.js\";\nexport { Checkbox } from \"./components/checkbox.js\";\nexport { Switch } from \"./components/switch.js\";\nexport type { BadgeProps } from \"./components/badge.js\";\nexport { Badge, badgeVariants } from \"./components/badge.js\";\nexport { Avatar, AvatarImage, AvatarFallback } from \"./components/avatar.js\";\nexport { Separator } from \"./components/separator.js\";\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"./components/accordion.js\";\nexport { RadioGroup, RadioGroupItem } from \"./components/radio-group.js\";\nexport { Progress } from \"./components/progress.js\";\nexport { Slider } from \"./components/slider.js\";\nexport type { DatePickerProps } from \"./components/date-picker.js\";\nexport { DatePicker } from \"./components/date-picker.js\";\nexport type { DateTimePickerProps, DateTimePickerTime } from \"./components/date-time-picker.js\";\nexport { DateTimePicker } from \"./components/date-time-picker.js\";\nexport { ScrollArea, ScrollBar } from \"./components/scroll-area.js\";\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from \"./components/table.js\";\nexport { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from \"./components/sheet.js\";\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent } from \"./components/collapsible.js\";\nexport type { SearchDropdownProps } from \"./components/search-dropdown.js\";\nexport { SearchDropdown } from \"./components/search-dropdown.js\";\n\nexport type { ConsequenceDialogProps, ConsequenceDialogReason, ConsequenceDialogTypedConfirmation } from \"./components/consequence-dialog.js\";\nexport { ConsequenceDialog } from \"./components/consequence-dialog.js\";\n\nexport type { MaxWidthOption, ScreenAdaptiveViewProps } from \"./components/layout/screen-adaptive-view.js\";\nexport { ScreenAdaptiveView } from \"./components/layout/screen-adaptive-view.js\";\n\nexport { useMediaQuery } from \"./hooks/use-media-query.js\";\n\nexport { useAsyncAction } from \"./hooks/use-async-action.js\";\nexport type { AsyncAction, UseAsyncActionOptions } from \"./hooks/use-async-action.js\";\n\n// Shared building blocks\nexport { RelativeTime } from \"./components/relative-time.js\";\nexport type { RelativeTimeProps } from \"./components/relative-time.js\";\n\nexport { EndOfListIndicator } from \"./components/end-of-list-indicator.js\";\nexport type { EndOfListIndicatorProps } from \"./components/end-of-list-indicator.js\";\n\nexport { ScrollToTopButton } from \"./components/scroll-to-top-button.js\";\nexport type { ScrollToTopButtonProps } from \"./components/scroll-to-top-button.js\";\n\nexport { ChunkErrorRecovery } from \"./components/chunk-error-recovery.js\";\nexport type { ChunkErrorRecoveryProps } from \"./components/chunk-error-recovery.js\";\n\n// List pagination — the one Previous / counter / Next control plus the page-state\n// hooks for its two flavors (known total, and cursor/`hasMore`).\nexport { ListPagination } from \"./components/list-pagination.js\";\nexport type { ListPaginationProps } from \"./components/list-pagination.js\";\n\nexport { usePagedList } from \"./hooks/use-paged-list.js\";\nexport type { ListPaginationState, PagedList, UsePagedListOptions } from \"./hooks/use-paged-list.js\";\n\nexport { useCursorPage } from \"./hooks/use-cursor-page.js\";\nexport type { CursorPage, CursorPager, UseCursorPageOptions } from \"./hooks/use-cursor-page.js\";\n\n// Return-scroll: restore a list's window offset when the user comes back to it after a\n// route change (save on leave, restore once on an eligible + ready return, keyed by the\n// caller's canonical list URL).\nexport { useReturnScroll, saveReturnScroll, clearReturnScroll, readReturnScroll } from \"./hooks/use-return-scroll.js\";\nexport type { ReturnScrollEntry, UseReturnScrollOptions, UseReturnScrollResult } from \"./hooks/use-return-scroll.js\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttt-productions/ui-core",
-  "version": "0.11.19",
+  "version": "0.11.21",
   "description": "Shared UI components for TTT Productions projects",
   "repository": {
     "type": "git",
@@ -48,7 +48,7 @@
     "react-dom": ">=19.0.0",
     "react-hook-form": ">=7.0.0",
     "@hookform/resolvers": ">=3.0.0",
-    "@ttt-productions/firebase-helpers": "^0.12.9",
+    "@ttt-productions/firebase-helpers": "^0.12.10",
     "lucide-react": "^1.30.0"
   },
   "peerDependenciesMeta": {
@@ -89,6 +89,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@ttt-productions/input-format-core": "^0.1.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.6.0"
@@ -100,7 +101,7 @@
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.69.0",
     "@hookform/resolvers": "^5.2.2",
-    "@ttt-productions/firebase-helpers": "^0.12.9",
+    "@ttt-productions/firebase-helpers": "^0.12.10",
     "lucide-react": "^1.30.0"
   },
   "author": "DJ (TTT Productions)",