@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

package/dist/esm/components/form/chromes/FormFieldChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldChrome.js","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/FormFieldChrome.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * FormFieldChrome — centralized chrome (label, description, error, required indicator)\n * wrapper for form fields.\n *\n * Mirrors the display system pattern: FormField dispatches to a preset,\n * the preset returns bare interactive content, and FormFieldChrome wraps it\n * with the appropriate chrome layout.\n *\n * Chrome mode is resolved via a two-phase cascade:\n *   Phase 1 (FormField): field decorator → section default → form default → surface policy → STACKED\n *   Phase 2 (here): responsive viewport resolution via useUI()\n *\n * ## data-field safety net\n *\n * Every visible chrome mode renders `data-field={fieldName}` on its outer\n * wrapper element. This guarantees that `scrollToFirstError` (which queries\n * `[data-field=\"...\"]`) can always locate the DOM node for a field,\n * regardless of whether the inner control also emits the attribute.\n * Individual controls may still set `data-field` on their own root — that's\n * fine; the chrome's attribute serves as an outer fallback.\n */\n\nimport * as React from \"react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldContent,\n  FieldTitle,\n  FieldVariants_Orientation,\n} from \"~wildo-frontend-lib/components/form/chromes/field\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { type WrapWithAutosaveIndicatorOptions } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator\"\nimport { wrapWithAutosaveIndicator } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator.utils\"\nimport { AutosaveFieldState } from '~wildo-frontend-lib/components/form/form-field-types'\nimport {\n  EditChromeMode,\n  type ResponsiveChromeMode,\n  ViewportBreakpoint,\n} from \"@wildo-ai/zod-decorators\"\nimport type { ReactNode } from 'react'\n\nexport interface FormFieldChromeProps {\n  mode?: ResponsiveChromeMode\n  label?: string\n  description?: string\n  error?: string\n  required?: boolean\n  labelPlacement?: AutoLabelPlacement\n  hideLabel?: boolean\n  hideDescription?: boolean\n  hideError?: boolean\n  saveState?: AutosaveFieldState\n  saveErrorMessage?: string\n  onRetrySave?: () => void\n  fieldName?: string\n  disabled?: boolean\n  tooltip?: string\n  /**\n   * The control is intrinsically wide/tall (file drop zone, image preview, …)\n   * and cannot fit the SETTINGS_ROW fixed inline-end column (`w-72`). When the\n   * EFFECTIVE mode resolves to SETTINGS_ROW, the row keeps its settings-list\n   * shell (the `px-card` inset, `py-card-sm` rhythm, hairline divider, hover\n   * affordance and `data-chrome-mode=\"settings_row\"` list identity) but stacks\n   * the control FULL-WIDTH beneath the label instead of pinning it inline-end —\n   * so the field stays a member of the flush, divided settings list rather than\n   * dropping out as a misaligned bare STACKED block (the old behavior, which\n   * lost the row inset and broke the list's flush stacking). Inert for every\n   * other mode (a STACKED/mobile-collapsed field is already full-width).\n   */\n  wideControl?: boolean\n  className?: string\n  children: ReactNode\n}\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { StandardIconReference, IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { FrontendComponentType, ButtonSize, type AutoLabelPlacement } from \"@wildo-ai/presets-components-models\"\nimport { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\n\n\n// =============================================================================\n// VIEWPORT-AWARE MODE RESOLUTION\n// =============================================================================\n\nfunction resolveEffectiveChromeMode(\n  chromeMode: ResponsiveChromeMode | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n  isMobile: boolean,\n): EditChromeMode {\n  if (chromeMode === undefined || chromeMode === null) {\n    return EditChromeMode.STACKED;\n  }\n\n  // Simple string value — typeof narrows to a single EditChromeMode literal.\n  //\n  // SETTINGS_ROW is NOT collapsed to STACKED on mobile any more: the row lays its control out\n  // beneath the label instead (see the SETTINGS_ROW branch). Switching MODE on a breakpoint swapped\n  // the chrome's root element (`<div>` ↔ `<Field>`), which remounted the control and discarded its\n  // local state — a pending avatar crop vanished when the window crossed 768px (#1191). `isMobile`\n  // stays a parameter because the responsive mapping below is still keyed by breakpoint.\n  if (typeof chromeMode === \"string\") {\n    void isMobile;\n    return chromeMode;\n  }\n\n  // Responsive mapping: { [breakpoint]: mode }\n  return (\n    chromeMode[currentBreakpoint] ??\n    chromeMode[ViewportBreakpoint.DESKTOP] ??\n    EditChromeMode.STACKED\n  );\n}\n\n// =============================================================================\n// TOOLTIP ICON HELPER\n// =============================================================================\n\nfunction TooltipIcon({ text }: { text: string }): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n  });\n  if (!isReady) return null;\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          className=\"ms-1 rounded-full\"\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation')}\n          tabIndex={-1}\n        >\n          {renderIcon(StandardIconReference.INFO, { size: IconSize.XS })}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{text}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction FormFieldChrome({\n  mode,\n  label,\n  description,\n  error,\n  required,\n  labelPlacement,\n  hideLabel,\n  hideDescription,\n  hideError,\n  saveState,\n  saveErrorMessage,\n  onRetrySave,\n  fieldName,\n  disabled,\n  tooltip,\n  wideControl,\n  className,\n  children,\n}: FormFieldChromeProps): React.JSX.Element {\n  const { currentBreakpoint, isMobile } = useUI();\n\n  const effectiveMode = useMemo(\n    () => resolveEffectiveChromeMode(mode, currentBreakpoint, isMobile),\n    [mode, currentBreakpoint, isMobile],\n  );\n\n  // Deterministic IDs for aria-describedby linkage and label-input association\n  const fieldId = fieldName ? `field-${fieldName}` : undefined;\n  const descriptionId = fieldName ? `field-${fieldName}-description` : undefined;\n  const errorId = fieldName ? `field-${fieldName}-error` : undefined;\n  // Lets a control that renders a GROUP of inputs (an address) name the group by this label.\n  const labelId = fieldName ? `field-${fieldName}-label` : undefined;\n\n  // Determine what to show based on mode + overrides\n  const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === EditChromeMode.INLINE ? 'inline' : 'top');\n  const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showDescription = !hideDescription && !!description && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showError = !hideError && !!error && effectiveMode !== EditChromeMode.HIDDEN;\n  const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'\n    ? <FieldLabel id={labelId} htmlFor={fieldId} className=\"sr-only\">{label}</FieldLabel>\n    : null;\n\n  // Determine autosave indicator variant based on chrome mode\n  const autosaveVariant: WrapWithAutosaveIndicatorOptions[\"variant\"] =\n    effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline' ? \"inline\" : \"block\";\n\n  // Wrap children with autosave indicator\n  const wrappedChildren = wrapWithAutosaveIndicator(\n    <>{children}</>,\n    { saveState, saveErrorMessage, onRetrySave, variant: autosaveVariant },\n  );\n\n  // ── HIDDEN mode: pass through ──\n  if (effectiveMode === EditChromeMode.HIDDEN) {\n    return <>{hiddenLabel}{wrappedChildren}</>;\n  }\n\n  // ── COMPACT mode: control + error only ──\n  if (effectiveMode === EditChromeMode.COMPACT) {\n    return (\n      <div data-slot=\"field-chrome\" data-chrome-mode=\"compact\" data-label-placement={effectiveLabelPlacement} data-field={fieldName} data-testid={fieldName ? `field-${fieldName}` : undefined} data-guidance-field={fieldName} data-disabled={disabled || undefined} className={className}>\n        {hiddenLabel}\n        {wrappedChildren}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </div>\n    );\n  }\n\n  // ── Horizontal label modes ──\n  if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {\n    const labelContent = (\n      <FieldContent>\n        {showLabel && (\n          <FieldTitle>\n            <FieldLabel id={labelId} htmlFor={fieldId}>\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </FieldLabel>\n          </FieldTitle>\n        )}\n        {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </FieldContent>\n    );\n\n    return (\n      <Field\n        orientation={FieldVariants_Orientation.HORIZONTAL}\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={className}\n      >\n        {effectiveLabelPlacement === 'start' && labelContent}\n        {wrappedChildren}\n        {effectiveLabelPlacement === 'inline' && labelContent}\n      </Field>\n    );\n  }\n\n  // ── RELAXED mode: generous spacing, heading-size label ──\n  if (effectiveMode === EditChromeMode.RELAXED) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"relaxed\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\"flex flex-col gap-field\", className)}\n      >\n        {hiddenLabel}\n        {showLabel && (\n          <label\n            id={labelId}\n            htmlFor={fieldId}\n            className={cn(\n              \"text-lg font-semibold leading-snug\",\n              disabled && \"opacity-[var(--opacity-disabled)]\",\n            )}\n          >\n            {label}\n            {required && <span className=\"text-destructive ms-1\" aria-hidden=\"true\">*</span>}\n            {tooltip && <TooltipIcon text={tooltip} />}\n          </label>\n        )}\n        {showDescription && (\n          <p id={descriptionId} className=\"text-base text-muted-foreground leading-normal -mt-1\">\n            {description}\n          </p>\n        )}\n        <div className=\"py-1\">\n          {wrappedChildren}\n        </div>\n        {showError && (\n          <div id={errorId} role=\"alert\" className=\"text-base text-destructive font-normal\">\n            {error}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // ── SETTINGS_ROW mode: a self-contained settings list-item ──\n  // Label/description inline-start, control/error inline-end. The row owns ALL\n  // of its own structure so a stack of settings rows forms a clean, uniform,\n  // divided list in ANY host — the generated flat template (`FormLayout` /\n  // `DisplayLayout` render fields in a bare `<div>` with NO inter-field gap), an\n  // authored `CARD` section, etc. — for both edit and display:\n  //  - `py-card-sm` gives every row the same compact vertical rhythm regardless\n  //    of its content height (fixes the \"rows collide\" symptom on generated\n  //    templates, which previously relied on a non-existent container gap).\n  //  - `border-b … last:border-b-0` is the hairline row divider — the signature\n  //    of the settings-list pattern (Cursor / Claude). `last:` suppresses the\n  //    trailing divider when the row is the final child (display lists); under a\n  //    form the trailing divider sits above the host-owned submit row, which is\n  //    the desired \"list ↔ actions\" separation.\n  //  - the control is a FIXED-width, inline-end-pinned column (replaces the old\n  //    ragged inline `min/max-width` box that made every control a different\n  //    width). `items-end` right-pins intrinsic controls (switch / checkbox /\n  //    button); `w-full` controls (input / select / textarea) fill the column,\n  //    so every control shares one inline-end edge.\n  // `items-start` top-aligns the control with the label's first line (the title),\n  // letting the description flow beneath on the inline-start side.\n  if (effectiveMode === EditChromeMode.SETTINGS_ROW) {\n    // STACKED layout: same settings-list row shell + identity, but the control\n    // spans the row's full width beneath the label instead of the fixed\n    // inline-end column. Two causes: an intrinsically wide control (`wideControl`,\n    // e.g. a file drop zone) and a MOBILE viewport, where the row has no\n    // horizontal room. `data-chrome-mode=\"settings_row\"` stays, so every\n    // list-level rule (flush stacking at the layout roots, CARD-body\n    // `gap-0`/full-bleed/re-inset) still treats it as a settings row;\n    // `data-settings-row-layout` names the layout for diagnostics/tests.\n    //\n    // ONE element structure for both layouts, on purpose: root > [label column,\n    // control column]. Only classes change between them, so a breakpoint crossing\n    // re-lays the row out without remounting the control. Returning a different\n    // tree per layout (or collapsing to the STACKED mode's `<Field>`) is what\n    // discarded a pending avatar crop on resize (#1191).\n    const stacksControl = !!wideControl || isMobile;\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"settings_row\"\n        data-settings-row-layout={wideControl ? \"wide\" : isMobile ? \"stacked\" : undefined}\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\n          // Row rhythm (T4): compact min-height + a subtle hover affordance,\n          // matching the read-mode DisplayFieldChrome SETTINGS_ROW twin so a\n          // view→edit drill keeps identical geometry. Vertical alignment is\n          // CONTENT-AWARE: single-line rows CENTER (no dead space below the label);\n          // rows with a description top-align so the control lines up with the\n          // label's first line and the description flows beneath. A row hosting a\n          // MULTI-LINE control (`textarea` — e.g. a bio field) also top-aligns:\n          // centering a one-line label against a tall input strands the label\n          // mid-row; the label must sit level with the control's first text line.\n          // Extend the `has-[…]:items-start` list when another intrinsically tall\n          // control family joins settings rows. The row OWNS its\n          // inline padding (`px-card`) so its `border-b` runs full-bleed to the\n          // padding-less CARD body edge (and gives consistent inset in a flat\n          // host); block padding stays tight (`py-card-sm`).\n          \"flex min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n          stacksControl\n            ? \"flex-col gap-element-xs\"\n            : cn(\"flex-row gap-section\", showDescription ? \"items-start\" : \"items-center has-[textarea]:items-start\"),\n          className,\n        )}\n      >\n        {/* Inline-start side (above the control when stacked): label + description */}\n        <div className={cn(\"flex min-w-0 flex-col gap-element-xs\", !stacksControl && \"flex-1\")}>\n          {hiddenLabel}\n          {showLabel && (\n            <label\n              id={labelId}\n              htmlFor={fieldId}\n              className={cn(\n                \"text-sm font-medium leading-snug\",\n                disabled && \"opacity-[var(--opacity-disabled)]\",\n              )}\n            >\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </label>\n          )}\n          {showDescription && (\n            <FieldDescription id={descriptionId}>{description}</FieldDescription>\n          )}\n        </div>\n\n        {/* Inline-end side: right-pinned control + error column. `w-72` is the\n            SHARED TARGET width (one inline-end edge across rows), but the column\n            must stay shrinkable (`shrink` + `min-w-0`, NOT `shrink-0`): inside a\n            padded CARD fieldset the row's available inline size can drop below\n            label + gap + 18rem, and a non-shrinkable column overflows the\n            fieldset and CLIPS against its border (the \"label cut at the card\n            edge\" defect). With shrink enabled the row can never outgrow its\n            container — the label and control columns compress instead. When\n            stacked, the column spans the row instead. */}\n        <div\n          className={cn(\n            \"flex min-w-0 flex-col gap-element-xs\",\n            stacksControl ? \"w-full\" : \"w-72 max-w-[55%] shrink items-end\",\n          )}\n        >\n          {wrappedChildren}\n          {showError && <FieldError id={errorId}>{error}</FieldError>}\n        </div>\n      </div>\n    );\n  }\n\n  // ── STACKED mode (default): label above, control, description + error below ──\n  return (\n    <Field\n      orientation={FieldVariants_Orientation.VERTICAL}\n      data-slot=\"field-chrome\"\n      data-chrome-mode=\"stacked\"\n      data-label-placement={effectiveLabelPlacement}\n      data-field={fieldName}\n      data-testid={fieldName ? `field-${fieldName}` : undefined}\n      data-guidance-field={fieldName}\n      data-invalid={!!error || undefined}\n      data-disabled={disabled || undefined}\n      className={className}\n    >\n      {hiddenLabel}\n      {showLabel && (\n        <FieldLabel id={labelId} htmlFor={fieldId}>\n          {label}\n          {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n          {tooltip && <TooltipIcon text={tooltip} />}\n        </FieldLabel>\n      )}\n      {wrappedChildren}\n      {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n      {showError && <FieldError id={errorId}>{error}</FieldError>}\n    </Field>\n  );\n}\n\n;(FormFieldChrome as typeof FormFieldChrome & { displayName: string }).displayName = \"FormFieldChrome\"\n\nexport { FormFieldChrome, resolveEffectiveChromeMode }\n"]}
+{"version":3,"file":"FormFieldChrome.js","sourceRoot":"","sources":["../../../../../../src/components/form/chromes/FormFieldChrome.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * FormFieldChrome — centralized chrome (label, description, error, required indicator)\n * wrapper for form fields.\n *\n * Mirrors the display system pattern: FormField dispatches to a preset,\n * the preset returns bare interactive content, and FormFieldChrome wraps it\n * with the appropriate chrome layout.\n *\n * Chrome mode is resolved via a two-phase cascade:\n *   Phase 1 (FormField): field decorator → section default → form default → surface policy → STACKED\n *   Phase 2 (here): responsive viewport resolution via useUI()\n *\n * ## data-field safety net\n *\n * Every visible chrome mode renders `data-field={fieldName}` on its outer\n * wrapper element. This guarantees that `scrollToFirstError` (which queries\n * `[data-field=\"...\"]`) can always locate the DOM node for a field,\n * regardless of whether the inner control also emits the attribute.\n * Individual controls may still set `data-field` on their own root — that's\n * fine; the chrome's attribute serves as an outer fallback.\n */\n\nimport * as React from \"react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldContent,\n  FieldTitle,\n  FieldVariants_Orientation,\n} from \"~wildo-frontend-lib/components/form/chromes/field\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport { type WrapWithAutosaveIndicatorOptions } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator\"\nimport { wrapWithAutosaveIndicator } from \"~wildo-frontend-lib/components/form/automated/autosave-indicator.utils\"\nimport { AutosaveFieldState } from '~wildo-frontend-lib/components/form/form-field-types'\nimport {\n  EditChromeMode,\n  type ResponsiveChromeMode,\n  ViewportBreakpoint,\n} from \"@wildo-ai/zod-decorators\"\nimport type { ReactNode } from 'react'\n\nexport interface FormFieldChromeProps {\n  mode?: ResponsiveChromeMode\n  label?: string\n  description?: string\n  error?: string\n  required?: boolean\n  labelPlacement?: AutoLabelPlacement\n  hideLabel?: boolean\n  hideDescription?: boolean\n  hideError?: boolean\n  saveState?: AutosaveFieldState\n  saveErrorMessage?: string\n  onRetrySave?: () => void\n  /**\n   * Saves this field at once, given for a field that AUTOSAVES (only its caller knows the field's own autosave trigger).\n   * A bulk update form's explicit clear (#2620) uses it so the clear is written as the field's other changes are; absent,\n   * the clear waits for the form's save.\n   */\n  onSaveFieldNow?: (value: unknown) => void\n  fieldName?: string\n  disabled?: boolean\n  tooltip?: string\n  /**\n   * The control is intrinsically wide/tall (file drop zone, image preview, …)\n   * and cannot fit the SETTINGS_ROW fixed inline-end column (`w-72`). When the\n   * EFFECTIVE mode resolves to SETTINGS_ROW, the row keeps its settings-list\n   * shell (the `px-card` inset, `py-card-sm` rhythm, hairline divider, hover\n   * affordance and `data-chrome-mode=\"settings_row\"` list identity) but stacks\n   * the control FULL-WIDTH beneath the label instead of pinning it inline-end —\n   * so the field stays a member of the flush, divided settings list rather than\n   * dropping out as a misaligned bare STACKED block (the old behavior, which\n   * lost the row inset and broke the list's flush stacking). Inert for every\n   * other mode (a STACKED/mobile-collapsed field is already full-width).\n   */\n  wideControl?: boolean\n  className?: string\n  children: ReactNode\n}\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { StandardIconReference, IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { FrontendComponentType, ButtonSize, type AutoLabelPlacement } from \"@wildo-ai/presets-components-models\"\nimport { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\nimport { BulkFieldClearSlot } from \"~wildo-frontend-lib/components/form/automated/bulk-field-clear-context\"\n\n\n// =============================================================================\n// VIEWPORT-AWARE MODE RESOLUTION\n// =============================================================================\n\nfunction resolveEffectiveChromeMode(\n  chromeMode: ResponsiveChromeMode | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n  isMobile: boolean,\n): EditChromeMode {\n  if (chromeMode === undefined || chromeMode === null) {\n    return EditChromeMode.STACKED;\n  }\n\n  // Simple string value — typeof narrows to a single EditChromeMode literal.\n  //\n  // SETTINGS_ROW is NOT collapsed to STACKED on mobile any more: the row lays its control out\n  // beneath the label instead (see the SETTINGS_ROW branch). Switching MODE on a breakpoint swapped\n  // the chrome's root element (`<div>` ↔ `<Field>`), which remounted the control and discarded its\n  // local state — a pending avatar crop vanished when the window crossed 768px (#1191). `isMobile`\n  // stays a parameter because the responsive mapping below is still keyed by breakpoint.\n  if (typeof chromeMode === \"string\") {\n    void isMobile;\n    return chromeMode;\n  }\n\n  // Responsive mapping: { [breakpoint]: mode }\n  return (\n    chromeMode[currentBreakpoint] ??\n    chromeMode[ViewportBreakpoint.DESKTOP] ??\n    EditChromeMode.STACKED\n  );\n}\n\n// =============================================================================\n// TOOLTIP ICON HELPER\n// =============================================================================\n\nfunction TooltipIcon({ text }: { text: string }): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n  });\n  if (!isReady) return null;\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          className=\"ms-1 rounded-full\"\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation')}\n          tabIndex={-1}\n        >\n          {renderIcon(StandardIconReference.INFO, { size: IconSize.XS })}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{text}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction FormFieldChrome({\n  mode,\n  label,\n  description,\n  error,\n  required,\n  labelPlacement,\n  hideLabel,\n  hideDescription,\n  hideError,\n  saveState,\n  saveErrorMessage,\n  onRetrySave,\n  onSaveFieldNow,\n  fieldName,\n  disabled,\n  tooltip,\n  wideControl,\n  className,\n  children,\n}: FormFieldChromeProps): React.JSX.Element {\n  const { currentBreakpoint, isMobile } = useUI();\n\n  const effectiveMode = useMemo(\n    () => resolveEffectiveChromeMode(mode, currentBreakpoint, isMobile),\n    [mode, currentBreakpoint, isMobile],\n  );\n\n  // Deterministic IDs for aria-describedby linkage and label-input association\n  const fieldId = fieldName ? `field-${fieldName}` : undefined;\n  const descriptionId = fieldName ? `field-${fieldName}-description` : undefined;\n  const errorId = fieldName ? `field-${fieldName}-error` : undefined;\n  // Lets a control that renders a GROUP of inputs (an address) name the group by this label.\n  const labelId = fieldName ? `field-${fieldName}-label` : undefined;\n\n  // Determine what to show based on mode + overrides\n  const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === EditChromeMode.INLINE ? 'inline' : 'top');\n  const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showDescription = !hideDescription && !!description && effectiveMode !== EditChromeMode.COMPACT && effectiveMode !== EditChromeMode.HIDDEN;\n  const showError = !hideError && !!error && effectiveMode !== EditChromeMode.HIDDEN;\n  const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'\n    ? <FieldLabel id={labelId} htmlFor={fieldId} className=\"sr-only\">{label}</FieldLabel>\n    : null;\n\n  // Determine autosave indicator variant based on chrome mode\n  const autosaveVariant: WrapWithAutosaveIndicatorOptions[\"variant\"] =\n    effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline' ? \"inline\" : \"block\";\n\n  // Wrap children with autosave indicator. On a bulk update form the control carries the explicit \"clear on every selected\n  // record\" choice (#2620), here so every chrome mode gets it from one place. The renderers that draw no chrome carry it\n  // themselves: a list on its section path (AutomatedArrayField), an object, a record and a map (FormField).\n  const wrappedChildren = wrapWithAutosaveIndicator(\n    <BulkFieldClearSlot fieldName={fieldName} label={label} disabled={disabled} onSaveFieldNow={onSaveFieldNow}>{children}</BulkFieldClearSlot>,\n    { saveState, saveErrorMessage, onRetrySave, variant: autosaveVariant },\n  );\n\n  // ── HIDDEN mode: pass through ──\n  if (effectiveMode === EditChromeMode.HIDDEN) {\n    return <>{hiddenLabel}{wrappedChildren}</>;\n  }\n\n  // ── COMPACT mode: control + error only ──\n  if (effectiveMode === EditChromeMode.COMPACT) {\n    return (\n      <div data-slot=\"field-chrome\" data-chrome-mode=\"compact\" data-label-placement={effectiveLabelPlacement} data-field={fieldName} data-testid={fieldName ? `field-${fieldName}` : undefined} data-guidance-field={fieldName} data-disabled={disabled || undefined} className={className}>\n        {hiddenLabel}\n        {wrappedChildren}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </div>\n    );\n  }\n\n  // ── Horizontal label modes ──\n  if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {\n    const labelContent = (\n      <FieldContent>\n        {showLabel && (\n          <FieldTitle>\n            <FieldLabel id={labelId} htmlFor={fieldId}>\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </FieldLabel>\n          </FieldTitle>\n        )}\n        {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n        {showError && <FieldError id={errorId}>{error}</FieldError>}\n      </FieldContent>\n    );\n\n    return (\n      <Field\n        orientation={FieldVariants_Orientation.HORIZONTAL}\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={className}\n      >\n        {effectiveLabelPlacement === 'start' && labelContent}\n        {wrappedChildren}\n        {effectiveLabelPlacement === 'inline' && labelContent}\n      </Field>\n    );\n  }\n\n  // ── RELAXED mode: generous spacing, heading-size label ──\n  if (effectiveMode === EditChromeMode.RELAXED) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"relaxed\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\"flex flex-col gap-field\", className)}\n      >\n        {hiddenLabel}\n        {showLabel && (\n          <label\n            id={labelId}\n            htmlFor={fieldId}\n            className={cn(\n              \"text-lg font-semibold leading-snug\",\n              disabled && \"opacity-[var(--opacity-disabled)]\",\n            )}\n          >\n            {label}\n            {required && <span className=\"text-destructive ms-1\" aria-hidden=\"true\">*</span>}\n            {tooltip && <TooltipIcon text={tooltip} />}\n          </label>\n        )}\n        {showDescription && (\n          <p id={descriptionId} className=\"text-base text-muted-foreground leading-normal -mt-1\">\n            {description}\n          </p>\n        )}\n        <div className=\"py-1\">\n          {wrappedChildren}\n        </div>\n        {showError && (\n          <div id={errorId} role=\"alert\" className=\"text-base text-destructive font-normal\">\n            {error}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // ── SETTINGS_ROW mode: a self-contained settings list-item ──\n  // Label/description inline-start, control/error inline-end. The row owns ALL\n  // of its own structure so a stack of settings rows forms a clean, uniform,\n  // divided list in ANY host — the generated flat template (`FormLayout` /\n  // `DisplayLayout` render fields in a bare `<div>` with NO inter-field gap), an\n  // authored `CARD` section, etc. — for both edit and display:\n  //  - `py-card-sm` gives every row the same compact vertical rhythm regardless\n  //    of its content height (fixes the \"rows collide\" symptom on generated\n  //    templates, which previously relied on a non-existent container gap).\n  //  - `border-b … last:border-b-0` is the hairline row divider — the signature\n  //    of the settings-list pattern (Cursor / Claude). `last:` suppresses the\n  //    trailing divider when the row is the final child (display lists); under a\n  //    form the trailing divider sits above the host-owned submit row, which is\n  //    the desired \"list ↔ actions\" separation.\n  //  - the control is a FIXED-width, inline-end-pinned column (replaces the old\n  //    ragged inline `min/max-width` box that made every control a different\n  //    width). `items-end` right-pins intrinsic controls (switch / checkbox /\n  //    button); `w-full` controls (input / select / textarea) fill the column,\n  //    so every control shares one inline-end edge.\n  // `items-start` top-aligns the control with the label's first line (the title),\n  // letting the description flow beneath on the inline-start side.\n  if (effectiveMode === EditChromeMode.SETTINGS_ROW) {\n    // STACKED layout: same settings-list row shell + identity, but the control\n    // spans the row's full width beneath the label instead of the fixed\n    // inline-end column. Two causes: an intrinsically wide control (`wideControl`,\n    // e.g. a file drop zone) and a MOBILE viewport, where the row has no\n    // horizontal room. `data-chrome-mode=\"settings_row\"` stays, so every\n    // list-level rule (flush stacking at the layout roots, CARD-body\n    // `gap-0`/full-bleed/re-inset) still treats it as a settings row;\n    // `data-settings-row-layout` names the layout for diagnostics/tests.\n    //\n    // ONE element structure for both layouts, on purpose: root > [label column,\n    // control column]. Only classes change between them, so a breakpoint crossing\n    // re-lays the row out without remounting the control. Returning a different\n    // tree per layout (or collapsing to the STACKED mode's `<Field>`) is what\n    // discarded a pending avatar crop on resize (#1191).\n    const stacksControl = !!wideControl || isMobile;\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"settings_row\"\n        data-settings-row-layout={wideControl ? \"wide\" : isMobile ? \"stacked\" : undefined}\n        data-label-placement={effectiveLabelPlacement}\n        data-field={fieldName}\n        data-testid={fieldName ? `field-${fieldName}` : undefined}\n        data-guidance-field={fieldName}\n        data-invalid={!!error || undefined}\n        data-disabled={disabled || undefined}\n        className={cn(\n          // Row rhythm (T4): compact min-height + a subtle hover affordance,\n          // matching the read-mode DisplayFieldChrome SETTINGS_ROW twin so a\n          // view→edit drill keeps identical geometry. Vertical alignment is\n          // CONTENT-AWARE: single-line rows CENTER (no dead space below the label);\n          // rows with a description top-align so the control lines up with the\n          // label's first line and the description flows beneath. A row hosting a\n          // MULTI-LINE control (`textarea` — e.g. a bio field) also top-aligns:\n          // centering a one-line label against a tall input strands the label\n          // mid-row; the label must sit level with the control's first text line.\n          // Extend the `has-[…]:items-start` list when another intrinsically tall\n          // control family joins settings rows. The row OWNS its\n          // inline padding (`px-card`) so its `border-b` runs full-bleed to the\n          // padding-less CARD body edge (and gives consistent inset in a flat\n          // host); block padding stays tight (`py-card-sm`).\n          \"flex min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n          stacksControl\n            ? \"flex-col gap-element-xs\"\n            : cn(\"flex-row gap-section\", showDescription ? \"items-start\" : \"items-center has-[textarea]:items-start\"),\n          className,\n        )}\n      >\n        {/* Inline-start side (above the control when stacked): label + description */}\n        <div className={cn(\"flex min-w-0 flex-col gap-element-xs\", !stacksControl && \"flex-1\")}>\n          {hiddenLabel}\n          {showLabel && (\n            <label\n              id={labelId}\n              htmlFor={fieldId}\n              className={cn(\n                \"text-sm font-medium leading-snug\",\n                disabled && \"opacity-[var(--opacity-disabled)]\",\n              )}\n            >\n              {label}\n              {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n              {tooltip && <TooltipIcon text={tooltip} />}\n            </label>\n          )}\n          {showDescription && (\n            <FieldDescription id={descriptionId}>{description}</FieldDescription>\n          )}\n        </div>\n\n        {/* Inline-end side: right-pinned control + error column. `w-72` is the\n            SHARED TARGET width (one inline-end edge across rows), but the column\n            must stay shrinkable (`shrink` + `min-w-0`, NOT `shrink-0`): inside a\n            padded CARD fieldset the row's available inline size can drop below\n            label + gap + 18rem, and a non-shrinkable column overflows the\n            fieldset and CLIPS against its border (the \"label cut at the card\n            edge\" defect). With shrink enabled the row can never outgrow its\n            container — the label and control columns compress instead. When\n            stacked, the column spans the row instead. */}\n        <div\n          className={cn(\n            \"flex min-w-0 flex-col gap-element-xs\",\n            stacksControl ? \"w-full\" : \"w-72 max-w-[55%] shrink items-end\",\n          )}\n        >\n          {wrappedChildren}\n          {showError && <FieldError id={errorId}>{error}</FieldError>}\n        </div>\n      </div>\n    );\n  }\n\n  // ── STACKED mode (default): label above, control, description + error below ──\n  return (\n    <Field\n      orientation={FieldVariants_Orientation.VERTICAL}\n      data-slot=\"field-chrome\"\n      data-chrome-mode=\"stacked\"\n      data-label-placement={effectiveLabelPlacement}\n      data-field={fieldName}\n      data-testid={fieldName ? `field-${fieldName}` : undefined}\n      data-guidance-field={fieldName}\n      data-invalid={!!error || undefined}\n      data-disabled={disabled || undefined}\n      className={className}\n    >\n      {hiddenLabel}\n      {showLabel && (\n        <FieldLabel id={labelId} htmlFor={fieldId}>\n          {label}\n          {required && <span className=\"text-destructive ms-0.5\" aria-hidden=\"true\">*</span>}\n          {tooltip && <TooltipIcon text={tooltip} />}\n        </FieldLabel>\n      )}\n      {wrappedChildren}\n      {showDescription && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n      {showError && <FieldError id={errorId}>{error}</FieldError>}\n    </Field>\n  );\n}\n\n;(FormFieldChrome as typeof FormFieldChrome & { displayName: string }).displayName = \"FormFieldChrome\"\n\nexport { FormFieldChrome, resolveEffectiveChromeMode }\n"]}

package/dist/esm/components/form/controls/date-time/date-range-picker.d.ts

@@ -7,15 +7,26 @@ export interface DateRangeValue {
     to?: Date;
 }
 export interface DateRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */
     placeholder?: string;
     value?: DateRangeValue;
     onChange?: (value: DateRangeValue | undefined) => void;
     defaultValue?: DateRangeValue;
+    /**
+     * The format the closed picker writes the picked day in. Absent means the READER's resolved date format, in
+     * the reader's locale, through the same mapping every display of a date uses (#2442).
+     */
     dateFormat?: DateFormat;
     minDate?: Date;
     maxDate?: Date;
     numberOfMonths?: 1 | 2;
     surfacePolicyOverride?: DeepPartialSurfacePolicy;
+    /**
+     * The zone the calendar's TODAY is marked in. A range of dates is a range of calendar days (UTC midnights), so
+     * the zone decides only which day is today: the same today the range's relative words measure from (#2180).
+     * Absent means the reader's RESOLVED zone, never the browser's (#2454).
+     */
+    timeZone?: string;
 }
 export type DateRangePickerRef = HTMLButtonElement;
 export declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & ComponentPresetProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/form/controls/date-time/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,EAAE,CAAC,EAAE,IAAI,CAAA;CACV;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAA;AAGlD,eAAO,MAAM,eAAe,uHAK3B,CAAA"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,EAAE,CAAC,EAAE,IAAI,CAAA;CACV;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAA;AAGlD,eAAO,MAAM,eAAe,uHAK3B,CAAA"}

package/dist/esm/components/form/controls/date-time/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/date-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAwBvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAA2C,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateRangeValue {\n  from?: Date\n  to?: Date\n}\n\nexport interface DateRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  value?: DateRangeValue\n  onChange?: (value: DateRangeValue | undefined) => void\n  defaultValue?: DateRangeValue\n  dateFormat?: DateFormat\n  minDate?: Date\n  maxDate?: Date\n  numberOfMonths?: 1 | 2\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type DateRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateRangePicker = forwardRef<DateRangePickerRef, DateRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateRangePickerProps, DateRangePickerRef>(FrontendComponentType.LOW_LEVEL_DATE_RANGE_PICKER, 'DateRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateRangePicker.displayName = 'DateRangePicker'\n"]}
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/date-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAmCvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAA2C,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateRangeValue {\n  from?: Date\n  to?: Date\n}\n\nexport interface DateRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */\n  placeholder?: string\n  value?: DateRangeValue\n  onChange?: (value: DateRangeValue | undefined) => void\n  defaultValue?: DateRangeValue\n  /**\n   * The format the closed picker writes the picked day in. Absent means the READER's resolved date format, in\n   * the reader's locale, through the same mapping every display of a date uses (#2442).\n   */\n  dateFormat?: DateFormat\n  minDate?: Date\n  maxDate?: Date\n  numberOfMonths?: 1 | 2\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n  /**\n   * The zone the calendar's TODAY is marked in. A range of dates is a range of calendar days (UTC midnights), so\n   * the zone decides only which day is today: the same today the range's relative words measure from (#2180).\n   * Absent means the reader's RESOLVED zone, never the browser's (#2454).\n   */\n  timeZone?: string\n}\n\nexport type DateRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateRangePicker = forwardRef<DateRangePickerRef, DateRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateRangePickerProps, DateRangePickerRef>(FrontendComponentType.LOW_LEVEL_DATE_RANGE_PICKER, 'DateRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateRangePicker.displayName = 'DateRangePicker'\n"]}

package/dist/esm/components/form/controls/date-time/datepicker.d.ts

@@ -3,14 +3,35 @@ import { DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-com
 import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
 import type { ControlBaseProps } from '../../../../components/form/form-field-types';
 export interface DatePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */
     placeholder?: string;
     value?: Date;
     onChange?: (value: Date | undefined) => void;
     defaultValue?: Date;
     minDate?: Date;
     maxDate?: Date;
+    /**
+     * The format the closed picker writes the picked day in. Absent means the READER's resolved date format, in
+     * the reader's locale, through the same mapping every display of a date uses (#2442). A string that is not a `DateFormat`
+     * member is a date-fns pattern, written with the date-fns locale of the reader's language.
+     */
     dateFormat?: DateFormat | string;
     surfacePolicyOverride?: DeepPartialSurfacePolicy;
+    /**
+     * The value is a CALENDAR DAY held as UTC midnight (`isCalendarDate()` on its field), not an instant: the
+     * picker shows the stored day and emits the picked day as UTC midnight, so the day is the same for every
+     * reader (#2180). Without it the value is an INSTANT, shown and picked as the day it reads in `timeZone`: a
+     * picked day goes out as that day in that zone at the time of day the value already had there, or at the
+     * start of that day for an empty field (#2454).
+     */
+    calendarDate?: boolean;
+    /**
+     * The zone the picker reads the value in. Absent means the reader's RESOLVED zone (member -> organization ->
+     * floor), the zone every display of a date reads it in, so the picker shows the same day as the read view
+     * (#2454). The calendar marks TODAY IN THAT ZONE, the today the field's relative words ("Today") measure from
+     * (#2180). It never falls back to the browser's zone, which the reader did not choose.
+     */
+    timeZone?: string;
 }
 export type DatePickerRef = HTMLButtonElement;
 export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & ComponentPresetProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/form/controls/date-time/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAChC,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAA;AAG7C,eAAO,MAAM,UAAU,kHAKtB,CAAA"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACpG,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAChC,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAA;AAG7C,eAAO,MAAM,UAAU,kHAKtB,CAAA"}

package/dist/esm/components/form/controls/date-time/datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datepicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAkBvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAiC,qBAAqB,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAClJ,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DatePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  value?: Date\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date\n  minDate?: Date\n  maxDate?: Date\n  dateFormat?: DateFormat | string\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type DatePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DatePickerProps, DatePickerRef>(FrontendComponentType.LOW_LEVEL_DATEPICKER, 'DatePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDatePicker.displayName = 'DatePicker'\n"]}
+{"version":3,"file":"datepicker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datepicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAuCvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAiC,qBAAqB,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAClJ,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DatePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */\n  placeholder?: string\n  value?: Date\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date\n  minDate?: Date\n  maxDate?: Date\n  /**\n   * The format the closed picker writes the picked day in. Absent means the READER's resolved date format, in\n   * the reader's locale, through the same mapping every display of a date uses (#2442). A string that is not a `DateFormat`\n   * member is a date-fns pattern, written with the date-fns locale of the reader's language.\n   */\n  dateFormat?: DateFormat | string\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n  /**\n   * The value is a CALENDAR DAY held as UTC midnight (`isCalendarDate()` on its field), not an instant: the\n   * picker shows the stored day and emits the picked day as UTC midnight, so the day is the same for every\n   * reader (#2180). Without it the value is an INSTANT, shown and picked as the day it reads in `timeZone`: a\n   * picked day goes out as that day in that zone at the time of day the value already had there, or at the\n   * start of that day for an empty field (#2454).\n   */\n  calendarDate?: boolean\n  /**\n   * The zone the picker reads the value in. Absent means the reader's RESOLVED zone (member -> organization ->\n   * floor), the zone every display of a date reads it in, so the picker shows the same day as the read view\n   * (#2454). The calendar marks TODAY IN THAT ZONE, the today the field's relative words (\"Today\") measure from\n   * (#2180). It never falls back to the browser's zone, which the reader did not choose.\n   */\n  timeZone?: string\n}\n\nexport type DatePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DatePicker = forwardRef<DatePickerRef, DatePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DatePickerProps, DatePickerRef>(FrontendComponentType.LOW_LEVEL_DATEPICKER, 'DatePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDatePicker.displayName = 'DatePicker'\n"]}

package/dist/esm/components/form/controls/date-time/datetime-picker.d.ts

@@ -3,16 +3,25 @@ import { TimeFormat, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai
 import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
 import type { ControlBaseProps } from '../../../../components/form/form-field-types';
 export interface DateTimePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */
     placeholder?: string;
     value?: Date | string;
     onChange?: (value: Date | undefined) => void;
     defaultValue?: Date | string;
+    /** The clock of the hour list and the closed trigger. Absent means the reader's resolved time format (#2442). */
     timeFormat?: TimeFormat;
+    /** The date format of the closed trigger. Absent means the reader's resolved date format, in their locale (#2442). */
     dateFormat?: DateFormat;
     minuteStep?: number;
     minDate?: Date;
     maxDate?: Date;
     surfacePolicyOverride?: DeepPartialSurfacePolicy;
+    /**
+     * The reader's RESOLVED time zone (`resolvedRegionalPreferences.timezone`: member -> organization -> floor). The picker shows and edits the wall-clock
+     * time the value reads THERE — the same time every display of it shows — and emits the instant that wall time
+     * names (#2180). Absent means the reader's RESOLVED zone, never the browser's, which the reader did not choose (#2454).
+     */
+    timeZone?: string;
 }
 export type DateTimePickerRef = HTMLButtonElement;
 export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & ComponentPresetProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/form/controls/date-time/datetime-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACxG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAA;AAGjD,eAAO,MAAM,cAAc,sHAK1B,CAAA"}
+{"version":3,"file":"datetime-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACxG,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,iHAAiH;IACjH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,sHAAsH;IACtH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAA;AAGjD,eAAO,MAAM,cAAc,sHAK1B,CAAA"}

package/dist/esm/components/form/controls/date-time/datetime-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAyD,MAAM,qCAAqC,CAAA;AAoBnJ,kBAAkB;AAClB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAyC,qBAAqB,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IACnK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateTimePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  value?: Date | string\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date | string\n  timeFormat?: TimeFormat\n  dateFormat?: DateFormat\n  minuteStep?: number\n  minDate?: Date\n  maxDate?: Date\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type DateTimePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateTimePicker = forwardRef<DateTimePickerRef, DateTimePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateTimePickerProps, DateTimePickerRef>(FrontendComponentType.LOW_LEVEL_DATETIME_PICKER, 'DateTimePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateTimePicker.displayName = 'DateTimePicker'\n"]}
+{"version":3,"file":"datetime-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAyD,MAAM,qCAAqC,CAAA;AA6BnJ,kBAAkB;AAClB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAyC,qBAAqB,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IACnK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateTimePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */\n  placeholder?: string\n  value?: Date | string\n  onChange?: (value: Date | undefined) => void\n  defaultValue?: Date | string\n  /** The clock of the hour list and the closed trigger. Absent means the reader's resolved time format (#2442). */\n  timeFormat?: TimeFormat\n  /** The date format of the closed trigger. Absent means the reader's resolved date format, in their locale (#2442). */\n  dateFormat?: DateFormat\n  minuteStep?: number\n  minDate?: Date\n  maxDate?: Date\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n  /**\n   * The reader's RESOLVED time zone (`resolvedRegionalPreferences.timezone`: member -> organization -> floor). The picker shows and edits the wall-clock\n   * time the value reads THERE — the same time every display of it shows — and emits the instant that wall time\n   * names (#2180). Absent means the reader's RESOLVED zone, never the browser's, which the reader did not choose (#2454).\n   */\n  timeZone?: string\n}\n\nexport type DateTimePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateTimePicker = forwardRef<DateTimePickerRef, DateTimePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateTimePickerProps, DateTimePickerRef>(FrontendComponentType.LOW_LEVEL_DATETIME_PICKER, 'DateTimePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateTimePicker.displayName = 'DateTimePicker'\n"]}

package/dist/esm/components/form/controls/date-time/datetime-range-picker.d.ts

@@ -7,16 +7,25 @@ export interface DateTimeRangeValue {
     to?: Date;
 }
 export interface DateTimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */
     placeholder?: string;
     value?: DateTimeRangeValue;
     onChange?: (value: DateTimeRangeValue | undefined) => void;
     defaultValue?: DateTimeRangeValue;
+    /** The clock of the hour list and the closed trigger. Absent means the reader's resolved time format (#2442). */
     timeFormat?: TimeFormat;
+    /** The date format of the closed trigger. Absent means the reader's resolved date format, in their locale (#2442). */
     dateFormat?: DateFormat;
     minuteStep?: number;
     minDate?: Date;
     maxDate?: Date;
     surfacePolicyOverride?: DeepPartialSurfacePolicy;
+    /**
+     * The reader's RESOLVED time zone (`resolvedRegionalPreferences.timezone`): both ends are shown and edited as the wall-clock times they read there,
+     * the same times every display shows, and emitted as the instants they name (#2180). Absent means the reader's
+     * RESOLVED zone, never the browser's (#2454).
+     */
+    timeZone?: string;
 }
 export type DateTimeRangePickerRef = HTMLButtonElement;
 export declare const DateTimeRangePicker: React.ForwardRefExoticComponent<DateTimeRangePickerProps & ComponentPresetProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/form/controls/date-time/datetime-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,EAAE,CAAC,EAAE,IAAI,CAAA;CACV;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC7G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAGtD,eAAO,MAAM,mBAAmB,2HAK/B,CAAA"}
+{"version":3,"file":"datetime-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACnJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,EAAE,CAAC,EAAE,IAAI,CAAA;CACV;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC7G,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC1D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,iHAAiH;IACjH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,sHAAsH;IACtH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CAAA;AAGtD,eAAO,MAAM,mBAAmB,2HAK/B,CAAA"}

package/dist/esm/components/form/controls/date-time/datetime-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAyD,MAAM,qCAAqC,CAAA;AAyBnJ,kBAAkB;AAClB,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAmD,qBAAqB,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxL,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateTimeRangeValue {\n  from?: Date\n  to?: Date\n}\n\nexport interface DateTimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  value?: DateTimeRangeValue\n  onChange?: (value: DateTimeRangeValue | undefined) => void\n  defaultValue?: DateTimeRangeValue\n  timeFormat?: TimeFormat\n  dateFormat?: DateFormat\n  minuteStep?: number\n  minDate?: Date\n  maxDate?: Date\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type DateTimeRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateTimeRangePicker = forwardRef<DateTimeRangePickerRef, DateTimeRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateTimeRangePickerProps, DateTimeRangePickerRef>(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'DateTimeRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateTimeRangePicker.displayName = 'DateTimeRangePicker'\n"]}
+{"version":3,"file":"datetime-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/datetime-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAyD,MAAM,qCAAqC,CAAA;AAkCnJ,kBAAkB;AAClB,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAAmD,qBAAqB,CAAC,+BAA+B,EAAE,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxL,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, DateFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface DateTimeRangeValue {\n  from?: Date\n  to?: Date\n}\n\nexport interface DateTimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */\n  placeholder?: string\n  value?: DateTimeRangeValue\n  onChange?: (value: DateTimeRangeValue | undefined) => void\n  defaultValue?: DateTimeRangeValue\n  /** The clock of the hour list and the closed trigger. Absent means the reader's resolved time format (#2442). */\n  timeFormat?: TimeFormat\n  /** The date format of the closed trigger. Absent means the reader's resolved date format, in their locale (#2442). */\n  dateFormat?: DateFormat\n  minuteStep?: number\n  minDate?: Date\n  maxDate?: Date\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n  /**\n   * The reader's RESOLVED time zone (`resolvedRegionalPreferences.timezone`): both ends are shown and edited as the wall-clock times they read there,\n   * the same times every display shows, and emitted as the instants they name (#2180). Absent means the reader's\n   * RESOLVED zone, never the browser's (#2454).\n   */\n  timeZone?: string\n}\n\nexport type DateTimeRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const DateTimeRangePicker = forwardRef<DateTimeRangePickerRef, DateTimeRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<DateTimeRangePickerProps, DateTimeRangePickerRef>(FrontendComponentType.LOW_LEVEL_DATETIME_RANGE_PICKER, 'DateTimeRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nDateTimeRangePicker.displayName = 'DateTimeRangePicker'\n"]}

package/dist/esm/components/form/controls/date-time/time-range-picker.d.ts

@@ -7,6 +7,7 @@ export interface TimeRangeValue {
     to?: string;
 }
 export interface TimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */
     placeholder?: string;
     value?: TimeRangeValue;
     onChange?: (value: TimeRangeValue | undefined) => void;

package/dist/esm/components/form/controls/date-time/time-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAA;AAGlD,eAAO,MAAM,eAAe,uHAK3B,CAAA"}
+{"version":3,"file":"time-range-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAA;AACvI,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,qBAAqB,CAAC,EAAE,wBAAwB,CAAA;CACjD;AAED,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAA;AAGlD,eAAO,MAAM,eAAe,uHAK3B,CAAA"}

package/dist/esm/components/form/controls/date-time/time-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAuBvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAA2C,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface TimeRangeValue {\n  from?: string\n  to?: string\n}\n\nexport interface TimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  placeholder?: string\n  value?: TimeRangeValue\n  onChange?: (value: TimeRangeValue | undefined) => void\n  defaultValue?: TimeRangeValue\n  timeFormat?: TimeFormat\n  minuteStep?: number\n  showSeconds?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type TimeRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const TimeRangePicker = forwardRef<TimeRangePickerRef, TimeRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<TimeRangePickerProps, TimeRangePickerRef>(FrontendComponentType.LOW_LEVEL_TIME_RANGE_PICKER, 'TimeRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nTimeRangePicker.displayName = 'TimeRangePicker'\n"]}
+{"version":3,"file":"time-range-picker.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/time-range-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAChI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAA6C,MAAM,qCAAqC,CAAA;AAwBvI,kBAAkB;AAClB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAA2C,qBAAqB,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames, TimeFormat, type DeepPartialSurfacePolicy } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface TimeRangeValue {\n  from?: string\n  to?: string\n}\n\nexport interface TimeRangePickerProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The prompt while nothing is picked. Absent means the component's own `placeholder` label. */\n  placeholder?: string\n  value?: TimeRangeValue\n  onChange?: (value: TimeRangeValue | undefined) => void\n  defaultValue?: TimeRangeValue\n  timeFormat?: TimeFormat\n  minuteStep?: number\n  showSeconds?: boolean\n  surfacePolicyOverride?: DeepPartialSurfacePolicy\n}\n\nexport type TimeRangePickerRef = HTMLButtonElement\n\n// --- Wrapper ---\nexport const TimeRangePicker = forwardRef<TimeRangePickerRef, TimeRangePickerProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<TimeRangePickerProps, TimeRangePickerRef>(FrontendComponentType.LOW_LEVEL_TIME_RANGE_PICKER, 'TimeRangePicker')(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nTimeRangePicker.displayName = 'TimeRangePicker'\n"]}

package/dist/esm/components/form/controls/enum/radio.d.ts

@@ -10,6 +10,16 @@ export interface RadioGroupProps<T extends string = string> extends Omit<Control
     defaultValue?: T;
     orientation?: DisplayDirection;
     renderOptionLabel?: (option: FieldOption<T>) => React.ReactNode;
+    /**
+     * The group's accessible name, when no visible label names it. A radio group is a `radiogroup` role on a `div`,
+     * which a `<label htmlFor>` cannot name, so a caller drawing its own label names the group through
+     * {@link RadioGroupProps.'aria-labelledby'} instead (#2842).
+     */
+    'aria-label'?: string;
+    /** The id of the visible element that names the group. Preferred over `aria-label` when a label is drawn. */
+    'aria-labelledby'?: string;
+    /** The id of an element that describes the group (a hint, an error). */
+    'aria-describedby'?: string;
 }
 export type RadioGroupRootProps = Omit<React.ComponentProps<"div">, 'dir'> & {
     value?: string;

package/dist/esm/components/form/controls/enum/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA0C,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/H,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;CAChE;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAG1C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/H,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAA;CACpC;AAUD,eAAO,MAAM,UAAU,uHAKtB,CAAA;AAGD,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA0C,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC/H,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC/D;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6GAA6G;IAC7G,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAA;AAG1C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/H,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAA;CACpC;AAUD,eAAO,MAAM,UAAU,uHAKtB,CAAA;AAGD,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I"}

package/dist/esm/components/form/controls/enum/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAoB,MAAM,qCAAqC,CAAA;AAE9G,OAAO,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AA4C1J,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,qBAAqB,EAC3C,YAAY,EACZ,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACnC,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React, { forwardRef } from 'react'\nimport { FrontendComponentType, CorePresetNames, type ControlSize } from '@wildo-ai/presets-components-models'\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\nimport { createCompoundComponentResolver, createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface RadioGroupProps<T extends string = string> extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: FieldOption<T>[]\n  value?: T\n  onValueChange?: (value: T) => void\n  defaultValue?: T\n  orientation?: DisplayDirection\n  renderOptionLabel?: (option: FieldOption<T>) => React.ReactNode\n}\n\nexport type RadioGroupRootProps = Omit<React.ComponentProps<\"div\">, 'dir'> & {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  disabled?: boolean\n  name?: string\n  required?: boolean\n  orientation?: DisplayDirection\n  controlSize?: ControlSize\n  loop?: boolean\n  asChild?: boolean\n  /** Text direction for RTL. Radix expects 'ltr' | 'rtl'. */\n  dir?: 'ltr' | 'rtl'\n}\n\nexport type RadioGroupItemProps = React.ComponentProps<\"button\"> & {\n  value: string\n  disabled?: boolean\n  required?: boolean\n  controlSize?: ControlSize\n  asChild?: boolean\n}\n\nexport type RadioGroupRef = HTMLDivElement\n\n// --- Compound type ---\nexport interface RadioGroupCompound extends React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupRef>> {\n  Root: React.FC<RadioGroupRootProps>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<RadioGroupCompound>(\n  FrontendComponentType.LOW_LEVEL_RADIO_GROUP,\n  'RadioGroup',\n  ['Root']\n)\n\n// --- Wrappers ---\nexport const RadioGroup = forwardRef<RadioGroupRef, RadioGroupProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C {...props} ref={ref} />\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\nexport function RadioGroupRoot({ preset = CorePresetNames.DEFAULT, ...props }: RadioGroupRootProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Root {...props} />\n}\n\nexport function RadioGroupItem({ preset = CorePresetNames.DEFAULT, ...props }: RadioGroupItemProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<RadioGroupItemProps>(FrontendComponentType.LOW_LEVEL_RADIO, 'RadioGroupItem')(preset)\n  return <Component {...props} />\n}\n"]}
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/radio.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAoB,MAAM,qCAAqC,CAAA;AAE9G,OAAO,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AAsD1J,mBAAmB;AACnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,qBAAqB,EAC3C,YAAY,EACZ,CAAC,MAAM,CAAC,CACT,CAAA;AAED,mBAAmB;AACnB,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AACnC,CAAC,CACF,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/H,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React, { forwardRef } from 'react'\nimport { FrontendComponentType, CorePresetNames, type ControlSize } from '@wildo-ai/presets-components-models'\nimport { DisplayDirection } from '@wildo-ai/zod-decorators'\nimport { createCompoundComponentResolver, createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\n// --- Contract ---\nexport interface RadioGroupProps<T extends string = string> extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: FieldOption<T>[]\n  value?: T\n  onValueChange?: (value: T) => void\n  defaultValue?: T\n  orientation?: DisplayDirection\n  renderOptionLabel?: (option: FieldOption<T>) => React.ReactNode\n  /**\n   * The group's accessible name, when no visible label names it. A radio group is a `radiogroup` role on a `div`,\n   * which a `<label htmlFor>` cannot name, so a caller drawing its own label names the group through\n   * {@link RadioGroupProps.'aria-labelledby'} instead (#2842).\n   */\n  'aria-label'?: string\n  /** The id of the visible element that names the group. Preferred over `aria-label` when a label is drawn. */\n  'aria-labelledby'?: string\n  /** The id of an element that describes the group (a hint, an error). */\n  'aria-describedby'?: string\n}\n\nexport type RadioGroupRootProps = Omit<React.ComponentProps<\"div\">, 'dir'> & {\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  disabled?: boolean\n  name?: string\n  required?: boolean\n  orientation?: DisplayDirection\n  controlSize?: ControlSize\n  loop?: boolean\n  asChild?: boolean\n  /** Text direction for RTL. Radix expects 'ltr' | 'rtl'. */\n  dir?: 'ltr' | 'rtl'\n}\n\nexport type RadioGroupItemProps = React.ComponentProps<\"button\"> & {\n  value: string\n  disabled?: boolean\n  required?: boolean\n  controlSize?: ControlSize\n  asChild?: boolean\n}\n\nexport type RadioGroupRef = HTMLDivElement\n\n// --- Compound type ---\nexport interface RadioGroupCompound extends React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupRef>> {\n  Root: React.FC<RadioGroupRootProps>\n}\n\n// --- Resolver ---\nconst resolve = createCompoundComponentResolver<RadioGroupCompound>(\n  FrontendComponentType.LOW_LEVEL_RADIO_GROUP,\n  'RadioGroup',\n  ['Root']\n)\n\n// --- Wrappers ---\nexport const RadioGroup = forwardRef<RadioGroupRef, RadioGroupProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const C = resolve(preset)\n    return <C {...props} ref={ref} />\n  }\n)\nRadioGroup.displayName = 'RadioGroup'\n\nexport function RadioGroupRoot({ preset = CorePresetNames.DEFAULT, ...props }: RadioGroupRootProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Root {...props} />\n}\n\nexport function RadioGroupItem({ preset = CorePresetNames.DEFAULT, ...props }: RadioGroupItemProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<RadioGroupItemProps>(FrontendComponentType.LOW_LEVEL_RADIO, 'RadioGroupItem')(preset)\n  return <Component {...props} />\n}\n"]}

package/dist/esm/components/form/controls/enum/toggle-group.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { ButtonSize } from '@wildo-ai/presets-components-models';
 import { DisplayDirection } from '@wildo-ai/zod-decorators';
 import { ComponentPresetProps } from '../../../../core/components-registry/component-registry.frontend.schemas';
-import type { ToggleVariants_Variant } from '../../../../components/form/controls/boolean/toggle';
 export declare enum ToggleGroupType {
     SINGLE = "single",
     MULTIPLE = "multiple"
@@ -11,20 +10,28 @@ export declare enum ToggleGroupType {
  * How a group of toggles PRESENTS its members — joined into one control, or as separate chips.
  *
  * Two genuinely different idioms rather than a styling knob. A SEGMENTED group is ONE control
- * divided into parts: it says "choose along this axis", its members share borders, and only the
- * outer corners round. PILLS are N independent chips that happen to sit together: each is fully
- * rounded, separated by a gap, and the row wraps — which is what a set of additive filters or tags
+ * divided into parts: it says "choose along this axis". CHIPS are N independent chips that happen
+ * to sit together, separated by a gap, wrapping — which is what a set of additive filters or tags
  * looks like, and what a reader expects to be able to turn on in any combination.
  *
+ * The appearance is the group's ONLY look decision; the theme draws each one:
+ * - SEGMENTED: a recessed track (`surface.inset`) holding borderless options, the selected one a
+ *   raised thumb (`selectable.segment`).
+ * - CHIPS: outlined chips (`selectable.chip`), tinted with a check mark when on.
+ *
  * Measured on the Wonder Todos preset filters: rendered SEGMENTED, "Urgent · Created today ·
  * Updated this week" read as a single three-way choice, which is exactly wrong for narrowings that
  * combine. The vocabulary exists so that difference is declared rather than restyled per caller.
+ *
+ * There is no `variant`: a group used to take the standalone Toggle's DEFAULT/OUTLINE, which chose
+ * an INTERACTIVE recipe for its members. Once each appearance has its own recipe, a variant would
+ * be a setting that changes nothing, so it was removed (2026-10-05).
  */
 export declare enum ToggleGroupAppearance {
-    /** One control divided into segments — the default, and the right shape for a single choice along one axis. */
+    /** One control: options in a recessed track, the selected one raised. The default, and the right shape for a single choice along one axis. */
     SEGMENTED = "segmented",
-    /** Separate, fully-rounded chips that wrap — the right shape for independent, combinable toggles. */
-    PILLS = "pills"
+    /** Separate chips that wrap, each showing a check when on: the right shape for independent, combinable toggles. */
+    CHIPS = "chips"
 }
 export type ToggleGroupProps = React.ComponentProps<"div"> & {
     /** Joined segments (default) or separate chips — see {@link ToggleGroupAppearance}. */
@@ -33,7 +40,6 @@ export type ToggleGroupProps = React.ComponentProps<"div"> & {
     value?: string | string[];
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
-    variant?: ToggleVariants_Variant | null;
     size?: ButtonSize | null;
     disabled?: boolean;
     rovingFocus?: boolean;
@@ -42,7 +48,6 @@ export type ToggleGroupProps = React.ComponentProps<"div"> & {
 };
 export type ToggleGroupItemProps = React.ComponentProps<"button"> & {
     value: string;
-    variant?: ToggleVariants_Variant | null;
     size?: ButtonSize | null;
     disabled?: boolean;
 };
@@ -57,7 +62,6 @@ export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<React.Cla
     value?: string | string[];
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
-    variant?: ToggleVariants_Variant | null;
     size?: ButtonSize | null;
     disabled?: boolean;
     rovingFocus?: boolean;

package/dist/esm/components/form/controls/enum/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,MAAM,qCAAqC,CAAA;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6DAA6D,CAAA;AAGzG,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,oBAAY,qBAAqB;IAC/B,+GAA+G;IAC/G,SAAS,cAAc;IACvB,qGAAqG;IACrG,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,uFAAuF;IACvF,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,OAAO,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAA;IACvC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAA;IACvC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAI3C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAClI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAA;CACrC;AAYD,eAAO,MAAM,WAAW;IAvCtB,uFAAuF;iBAC1E,qBAAqB;UAC5B,eAAe;YACb,MAAM,GAAG,MAAM,EAAE;mBACV,MAAM,GAAG,MAAM,EAAE;oBAChB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;cACxC,sBAAsB,GAAG,IAAI;WAChC,UAAU,GAAG,IAAI;eACb,OAAO;kBACJ,OAAO;WACd,OAAO;kBACA,gBAAgB;uEAiC/B,CAAA;AAGD,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/enum/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA0C,UAAU,EAAE,MAAM,qCAAqC,CAAA;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,oBAAY,eAAe;IACzB,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,oBAAY,qBAAqB;IAC/B,8IAA8I;IAC9I,SAAS,cAAc;IACvB,mHAAmH;IACnH,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,uFAAuF;IACvF,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAClC,IAAI,EAAE,eAAe,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,gBAAgB,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAI3C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAClI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAA;CACrC;AAYD,eAAO,MAAM,WAAW;IArCtB,uFAAuF;iBAC1E,qBAAqB;UAC5B,eAAe;YACb,MAAM,GAAG,MAAM,EAAE;mBACV,MAAM,GAAG,MAAM,EAAE;oBAChB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI;WAC3C,UAAU,GAAG,IAAI;eACb,OAAO;kBACJ,OAAO;WACd,OAAO;kBACA,gBAAgB;uEAgC/B,CAAA;AAGD,wBAAgB,eAAe,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG9I"}

package/dist/esm/components/form/controls/enum/toggle-group.js

@@ -12,21 +12,29 @@ export var ToggleGroupType;
  * How a group of toggles PRESENTS its members — joined into one control, or as separate chips.
  *
  * Two genuinely different idioms rather than a styling knob. A SEGMENTED group is ONE control
- * divided into parts: it says "choose along this axis", its members share borders, and only the
- * outer corners round. PILLS are N independent chips that happen to sit together: each is fully
- * rounded, separated by a gap, and the row wraps — which is what a set of additive filters or tags
+ * divided into parts: it says "choose along this axis". CHIPS are N independent chips that happen
+ * to sit together, separated by a gap, wrapping — which is what a set of additive filters or tags
  * looks like, and what a reader expects to be able to turn on in any combination.
  *
+ * The appearance is the group's ONLY look decision; the theme draws each one:
+ * - SEGMENTED: a recessed track (`surface.inset`) holding borderless options, the selected one a
+ *   raised thumb (`selectable.segment`).
+ * - CHIPS: outlined chips (`selectable.chip`), tinted with a check mark when on.
+ *
  * Measured on the Wonder Todos preset filters: rendered SEGMENTED, "Urgent · Created today ·
  * Updated this week" read as a single three-way choice, which is exactly wrong for narrowings that
  * combine. The vocabulary exists so that difference is declared rather than restyled per caller.
+ *
+ * There is no `variant`: a group used to take the standalone Toggle's DEFAULT/OUTLINE, which chose
+ * an INTERACTIVE recipe for its members. Once each appearance has its own recipe, a variant would
+ * be a setting that changes nothing, so it was removed (2026-10-05).
  */
 export var ToggleGroupAppearance;
 (function (ToggleGroupAppearance) {
-    /** One control divided into segments — the default, and the right shape for a single choice along one axis. */
+    /** One control: options in a recessed track, the selected one raised. The default, and the right shape for a single choice along one axis. */
     ToggleGroupAppearance["SEGMENTED"] = "segmented";
-    /** Separate, fully-rounded chips that wrap — the right shape for independent, combinable toggles. */
-    ToggleGroupAppearance["PILLS"] = "pills";
+    /** Separate chips that wrap, each showing a check when on: the right shape for independent, combinable toggles. */
+    ToggleGroupAppearance["CHIPS"] = "chips";
 })(ToggleGroupAppearance || (ToggleGroupAppearance = {}));
 // --- Resolver ---
 const resolve = createCompoundComponentResolver(FrontendComponentType.LOW_LEVEL_TOGGLE_GROUP, 'ToggleGroup', ['Item']);