@kismet-ux/constellation 1.11.0 → 1.12.0

package/dist/form/Checkbox/checkbox.js

@@ -1,12 +1,63 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Label } from '../Label/label.js';
-import { Typography } from '../../typography/Typography/typography.js';
 import cn from 'clsx';
-import { CheckIcon } from 'lucide-react';
+import '../Input/input.js';
 import * as React from 'react';
-import s from './checkbox.module.scss.js';
-import { Column } from '../../layout/Column/column.js';
+import '../../layout/Sidebar/sidebar-context.js';
+import '../../ui/Alert/alert-context.js';
+import '../../ui/Table/table-sort-context.js';
+import '../../layout/Skeleton/skeleton.css';
+import '../../navigation/Sheet/sheet.js';
+import '../../ui/Button/button.js';
+import '../../ui/Tooltip/tooltip.js';
+import { CheckIcon } from 'lucide-react';
+import '../../internal/slot.js';
+import '../../layout/Sidebar/sidebar-variants.js';
+import '../../layout/Sidebar/sidebar.css';
+import '../../layout/AppContent/app-content.css';
+import '../../layout/AppContentFooter/app-content-footer.css';
+import '../../layout/AppContentMain/app-content-main.css';
 import { Row } from '../../layout/Row/row.js';
+import '../../navigation/Link/link.js';
+import { Typography } from '../../typography/Typography/typography.js';
+import '../../layout/AppFooter/app-footer.css';
+import '../../navigation/Router/router-context.js';
+import '../../ui/Separator/separator.js';
+import 'react-dom';
+import '../../typography/TruncatedText/truncated-text.js';
+import '../../navigation/Breadcrumbs/breadcrumbs.css';
+import '../../navigation/DropdownMenu/dropdown-menu.js';
+import '../../ui/Avatar/avatar.js';
+import '../../user/UserInfo/user-info.css';
+import '../../navigation/NavUser/nav-user.css';
+import '../../ui/Alert/alert.js';
+import '../../ui/Alert/alert.css';
+import '../../ui/Chip/chip.js';
+import '../../ui/CodeBlock/code-block.js';
+import '../../ui/DevIndicator/dev-indicator.css';
+import '../../ui/Dialog/dialog.js';
+import '../../ui/EmptyState/empty-state.js';
+import '../../ui/Icon/icon.js';
+import '../../ui/List/list.js';
+import '../../ui/Pagination/pagination.js';
+import '../../ui/ProgressBar/progress-bar.js';
+import '../../ui/StatCard/stat-card.js';
+import '../../ui/StatusDot/status-dot.js';
+import '../../ui/StatusDot/status-dot-variants.js';
+import '../../ui/StepProgress/step-progress.js';
+import '../../ui/Switch/switch.js';
+import '../../ui/Table/table.js';
+import '../../ui/TableActionCell/table-action-cell.js';
+import '../../ui/TableToolbar/table-toolbar.js';
+import '../../ui/Toggle/toggle.js';
+import '../../ui/ToggleGroup/toggle-group.js';
+import '../../settings/AppearanceTabs/appearance-tabs.css';
+import '../../layout/AppSidebarHeader/app-sidebar-header.css';
+import '../../layout/Collapse/collapse.js';
+import { Column } from '../../layout/Column/column.js';
+import '../../layout/Container/container.js';
+import '../../layout/Grid/grid.js';
+import s from './checkbox.module.scss.js';
 
 const Checkbox = React.forwardRef(({ className, id, theme = 'primary', destructive = false, size = 'md', checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, value = 'on', name, required, label, helperText, ['aria-invalid']: ariaInvalid, ['aria-describedby']: ariaDescribedBy, onClick, onKeyDown, ...props }, ref) => {
     const isControlled = controlledChecked !== undefined;

package/dist/form/Checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/form/Checkbox/checkbox.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { Column, Row } from '@constellation/layout';\nimport { type FormTheme } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './checkbox.module.scss';\n\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onChange' | 'value' | 'defaultValue' | 'defaultChecked'\n> {\n  theme?: FormTheme;\n  destructive?: boolean;\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n  value?: string;\n  name?: string;\n  required?: boolean;\n  /** Optional inline label rendered to the right of the checkbox and associated via htmlFor. */\n  label?: React.ReactNode;\n  /** Optional helper / validation text rendered beneath the checkbox + label row. */\n  helperText?: React.ReactNode;\n  /**\n   * Box size. `md` (default) is the form size; `sm` suits a dense list row and\n   * `lg` a primary confirm. The tick and the helper-text indent follow it.\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      className,\n      id,\n      theme = 'primary',\n      destructive = false,\n      size = 'md',\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      value = 'on',\n      name,\n      required,\n      label,\n      helperText,\n      ['aria-invalid']: ariaInvalid,\n      ['aria-describedby']: ariaDescribedBy,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const isControlled = controlledChecked !== undefined;\n    const [internalChecked, setInternalChecked] = React.useState<CheckedState>(defaultChecked);\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const generatedId = React.useId();\n    const checkboxId = id ?? generatedId;\n    const helperId = helperText ? `${checkboxId}-helper` : undefined;\n    const describedBy = [ariaDescribedBy, helperId].filter(Boolean).join(' ') || undefined;\n\n    const dataState =\n      checked === 'indeterminate' ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = checked === 'indeterminate' ? true : !checked;\n      if (!isControlled) {\n        setInternalChecked(next);\n      }\n      onCheckedChange?.(next);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (e.defaultPrevented) return;\n      toggle();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key === ' ') {\n        e.preventDefault();\n        toggle();\n      }\n    };\n\n    const button = (\n      <button\n        ref={ref}\n        id={checkboxId}\n        type={'button'}\n        role={'checkbox'}\n        aria-checked={checked === 'indeterminate' ? 'mixed' : checked}\n        aria-invalid={destructive ? 'true' : ariaInvalid}\n        aria-required={required}\n        aria-describedby={describedBy}\n        data-slot={'checkbox'}\n        data-state={dataState}\n        disabled={disabled}\n        className={cn(\n          s.checkbox,\n          s[`theme-${theme}`],\n          size !== 'md' && s[`size-${size}`],\n          className,\n        )}\n        {...props}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {checked ? (\n          <span data-slot={'checkbox-indicator'} className={s.indicator}>\n            <CheckIcon className={s.icon} />\n          </span>\n        ) : null}\n      </button>\n    );\n\n    // Match native <input type='checkbox'> form-submission semantics: an\n    // unchecked (or indeterminate) box is omitted entirely from the submission,\n    // not present-but-empty. Only emit the hidden input when actually checked.\n    const hiddenInput =\n      name && checked === true ? <input type={'hidden'} name={name} value={value} /> : null;\n\n    if (label === undefined && helperText === undefined) {\n      return (\n        <>\n          {button}\n          {hiddenInput}\n        </>\n      );\n    }\n\n    return (\n      <Column data-slot={'checkbox-field'} gap={1}>\n        <Row data-slot={'checkbox-row'} gap={1} align={'center'}>\n          {button}\n          {label !== undefined ? (\n            <Label\n              data-slot={'checkbox-label'}\n              htmlFor={checkboxId}\n              className={cn(s['label'], disabled && s['label--disabled'])}\n              theme={destructive ? 'destructive' : 'inherit'}\n            >\n              {label}\n            </Label>\n          ) : null}\n        </Row>\n        {helperText !== undefined ? (\n          <Typography\n            data-slot={'checkbox-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            theme={destructive ? 'destructive' : 'muted'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        ) : null}\n        {hiddenInput}\n      </Column>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"checkbox.js","sources":["../../../src/form/Checkbox/checkbox.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { Column, Row } from '@constellation/layout';\nimport { type FormTheme } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport { CheckIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './checkbox.module.scss';\n\ntype CheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onChange' | 'value' | 'defaultValue' | 'defaultChecked'\n> {\n  theme?: FormTheme;\n  destructive?: boolean;\n  checked?: CheckedState;\n  defaultChecked?: CheckedState;\n  onCheckedChange?: (checked: CheckedState) => void;\n  value?: string;\n  name?: string;\n  required?: boolean;\n  /** Optional inline label rendered to the right of the checkbox and associated via htmlFor. */\n  label?: React.ReactNode;\n  /** Optional helper / validation text rendered beneath the checkbox + label row. */\n  helperText?: React.ReactNode;\n  /**\n   * Box size. `md` (default) is the form size; `sm` suits a dense list row and\n   * `lg` a primary confirm. The tick and the helper-text indent follow it.\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      className,\n      id,\n      theme = 'primary',\n      destructive = false,\n      size = 'md',\n      checked: controlledChecked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      value = 'on',\n      name,\n      required,\n      label,\n      helperText,\n      ['aria-invalid']: ariaInvalid,\n      ['aria-describedby']: ariaDescribedBy,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const isControlled = controlledChecked !== undefined;\n    const [internalChecked, setInternalChecked] = React.useState<CheckedState>(defaultChecked);\n    const checked = isControlled ? controlledChecked : internalChecked;\n\n    const generatedId = React.useId();\n    const checkboxId = id ?? generatedId;\n    const helperId = helperText ? `${checkboxId}-helper` : undefined;\n    const describedBy = [ariaDescribedBy, helperId].filter(Boolean).join(' ') || undefined;\n\n    const dataState =\n      checked === 'indeterminate' ? 'indeterminate' : checked ? 'checked' : 'unchecked';\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = checked === 'indeterminate' ? true : !checked;\n      if (!isControlled) {\n        setInternalChecked(next);\n      }\n      onCheckedChange?.(next);\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      if (e.defaultPrevented) return;\n      toggle();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key === ' ') {\n        e.preventDefault();\n        toggle();\n      }\n    };\n\n    const button = (\n      <button\n        ref={ref}\n        id={checkboxId}\n        type={'button'}\n        role={'checkbox'}\n        aria-checked={checked === 'indeterminate' ? 'mixed' : checked}\n        aria-invalid={destructive ? 'true' : ariaInvalid}\n        aria-required={required}\n        aria-describedby={describedBy}\n        data-slot={'checkbox'}\n        data-state={dataState}\n        disabled={disabled}\n        className={cn(\n          s.checkbox,\n          s[`theme-${theme}`],\n          size !== 'md' && s[`size-${size}`],\n          className,\n        )}\n        {...props}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        {checked ? (\n          <span data-slot={'checkbox-indicator'} className={s.indicator}>\n            <CheckIcon className={s.icon} />\n          </span>\n        ) : null}\n      </button>\n    );\n\n    // Match native <input type='checkbox'> form-submission semantics: an\n    // unchecked (or indeterminate) box is omitted entirely from the submission,\n    // not present-but-empty. Only emit the hidden input when actually checked.\n    const hiddenInput =\n      name && checked === true ? <input type={'hidden'} name={name} value={value} /> : null;\n\n    if (label === undefined && helperText === undefined) {\n      return (\n        <>\n          {button}\n          {hiddenInput}\n        </>\n      );\n    }\n\n    return (\n      <Column data-slot={'checkbox-field'} gap={1}>\n        <Row data-slot={'checkbox-row'} gap={1} align={'center'}>\n          {button}\n          {label !== undefined ? (\n            <Label\n              data-slot={'checkbox-label'}\n              htmlFor={checkboxId}\n              className={cn(s['label'], disabled && s['label--disabled'])}\n              theme={destructive ? 'destructive' : 'inherit'}\n            >\n              {label}\n            </Label>\n          ) : null}\n        </Row>\n        {helperText !== undefined ? (\n          <Typography\n            data-slot={'checkbox-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            theme={destructive ? 'destructive' : 'muted'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        ) : null}\n        {hiddenInput}\n      </Column>\n    );\n  },\n);\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/form/DatePicker/date-picker.js

@@ -3,15 +3,65 @@ import inputStyles from '../Input/input.module.scss.js';
 import { Label } from '../Label/label.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../Select/select.js';
 import { useBreakpoint } from '../../hooks/use-mobile.js';
-import { Typography } from '../../typography/Typography/typography.js';
 import cn from 'clsx';
-import { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import '../Input/input.js';
 import * as React from 'react';
+import '../../layout/Sidebar/sidebar-context.js';
+import '../../ui/Alert/alert-context.js';
+import '../../ui/Table/table-sort-context.js';
+import '../../layout/Skeleton/skeleton.css';
+import '../../navigation/Sheet/sheet.js';
+import { Button } from '../../ui/Button/button.js';
+import '../../ui/Tooltip/tooltip.js';
+import { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import '../../internal/slot.js';
+import '../../layout/Sidebar/sidebar-variants.js';
+import '../../layout/Sidebar/sidebar.css';
+import '../../layout/AppContent/app-content.css';
+import '../../layout/AppContentFooter/app-content-footer.css';
+import '../../layout/AppContentMain/app-content-main.css';
+import { Row } from '../../layout/Row/row.js';
+import '../../navigation/Link/link.js';
+import { Typography } from '../../typography/Typography/typography.js';
+import '../../layout/AppFooter/app-footer.css';
+import '../../navigation/Router/router-context.js';
+import '../../ui/Separator/separator.js';
 import { createPortal } from 'react-dom';
+import '../../typography/TruncatedText/truncated-text.js';
+import '../../navigation/Breadcrumbs/breadcrumbs.css';
+import '../../navigation/DropdownMenu/dropdown-menu.js';
+import '../../ui/Avatar/avatar.js';
+import '../../user/UserInfo/user-info.css';
+import '../../navigation/NavUser/nav-user.css';
+import '../../ui/Alert/alert.js';
+import '../../ui/Alert/alert.css';
+import '../../ui/Chip/chip.js';
+import '../../ui/CodeBlock/code-block.js';
+import '../../ui/DevIndicator/dev-indicator.css';
+import '../../ui/Dialog/dialog.js';
+import '../../ui/EmptyState/empty-state.js';
+import '../../ui/Icon/icon.js';
+import '../../ui/List/list.js';
+import '../../ui/Pagination/pagination.js';
+import '../../ui/ProgressBar/progress-bar.js';
+import '../../ui/StatCard/stat-card.js';
+import '../../ui/StatusDot/status-dot.js';
+import '../../ui/StatusDot/status-dot-variants.js';
+import '../../ui/StepProgress/step-progress.js';
+import '../../ui/Switch/switch.js';
+import '../../ui/Table/table.js';
+import '../../ui/TableActionCell/table-action-cell.js';
+import '../../ui/TableToolbar/table-toolbar.js';
+import '../../ui/Toggle/toggle.js';
+import '../../ui/ToggleGroup/toggle-group.js';
+import '../../settings/AppearanceTabs/appearance-tabs.css';
+import '../../layout/AppSidebarHeader/app-sidebar-header.css';
+import '../../layout/Collapse/collapse.js';
+import '../../layout/Column/column.css';
+import '../../layout/Container/container.js';
+import '../../layout/Grid/grid.js';
 import s from './date-picker.module.scss.js';
 import { normalizeIsoValue, formatDisplayDate, parseDateValue, useCalendar, formatIso, formatDateValue, isDateWithinRange, maskDateInput } from './use-calendar.js';
-import { Row } from '../../layout/Row/row.js';
-import { Button } from '../../ui/Button/button.js';
 
 const ANIMATION_DURATION = 200;
 function DatePicker({ value: valueProp, defaultValue, onChange, label, helperText, error = false, disabled = false, sizeVariant, placeholder, min, max, required = false, id, className, name, }) {

package/dist/form/DatePicker/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../src/form/DatePicker/date-picker.tsx"],"sourcesContent":["import inputStyles from '@constellation/form/Input/input.module.scss';\nimport { Label } from '@constellation/form/Label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@constellation/form/Select';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Row } from '@constellation/layout';\nimport { type DatePickerProps } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport s from './date-picker.module.scss';\nimport {\n  formatDateValue,\n  formatDisplayDate,\n  formatIso,\n  isDateWithinRange,\n  maskDateInput,\n  normalizeIsoValue,\n  parseDateValue,\n  useCalendar,\n} from './use-calendar';\n\nconst ANIMATION_DURATION = 200;\n\nfunction DatePicker({\n  value: valueProp,\n  defaultValue,\n  onChange,\n  label,\n  helperText,\n  error = false,\n  disabled = false,\n  sizeVariant,\n  placeholder,\n  min,\n  max,\n  required = false,\n  id,\n  className,\n  name,\n}: DatePickerProps) {\n  const generatedId = React.useId();\n  const triggerId = id ?? generatedId;\n  const helperId = `${triggerId}-helper`;\n  const fieldRef = React.useRef<HTMLDivElement | null>(null);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n  const { isBelow } = useBreakpoint();\n  const resolvedSize = sizeVariant ?? (isBelow(900) ? 'sm' : 'md');\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(() =>\n    normalizeIsoValue(defaultValue),\n  );\n  const currentValue = isControlled ? valueProp : uncontrolledValue;\n  const normalizedCurrentValue = normalizeIsoValue(currentValue);\n\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [isClosing, setIsClosing] = React.useState(false);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [manualError, setManualError] = React.useState<string | null>(null);\n  const [inputValue, setInputValue] = React.useState(() =>\n    formatDisplayDate(normalizedCurrentValue),\n  );\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [position, setPosition] = React.useState<{ top: number; left: number }>({\n    top: 0,\n    left: 0,\n  });\n  const hasError = error || !!manualError;\n\n  const displayOpen = isOpen || isClosing;\n\n  // Pixel-accurate positioning via fixed + raw getBoundingClientRect — matches\n  // Tooltip / DropdownMenu / Select. Recomputes on scroll + resize so the\n  // popover tracks the trigger when the page or a parent scrolls. Flips\n  // above the trigger when there isn't enough room below (DropdownMenu pattern).\n  const calcPosition = React.useCallback(() => {\n    const rect = fieldRef.current?.getBoundingClientRect();\n    if (!rect) return;\n    const offset = 4;\n    const popoverHeight = contentRef.current?.offsetHeight ?? 0;\n    const fitsBelow = window.innerHeight - rect.bottom - offset >= popoverHeight;\n    const top = fitsBelow ? rect.bottom + offset : rect.top - popoverHeight - offset;\n    setPosition({ top, left: rect.left });\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (!displayOpen) return;\n    calcPosition();\n  }, [displayOpen, calcPosition]);\n\n  React.useEffect(() => {\n    if (!displayOpen) return;\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [displayOpen, calcPosition]);\n\n  const hasValue = Boolean(normalizedCurrentValue);\n  const helperMessage = manualError ?? helperText;\n  const draftDate = parseDateValue(inputValue);\n  const calendarValue = draftDate ? inputValue : isFocused ? undefined : normalizedCurrentValue;\n  const resolvedPlaceholder = placeholder ?? 'MM/DD/YYYY';\n\n  React.useEffect(() => {\n    setInputValue(formatDisplayDate(normalizedCurrentValue));\n    setManualError(null);\n  }, [normalizedCurrentValue]);\n\n  const {\n    viewYear,\n    viewMonth,\n    setViewYear,\n    setViewMonth,\n    monthNames,\n    yearRange,\n    weekdays,\n    days,\n    goToPrevMonth,\n    goToNextMonth,\n    canGoPrev,\n    canGoNext,\n  } = useCalendar({ selectedDate: calendarValue, min, max });\n\n  const clearCloseTimer = React.useCallback(() => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  }, []);\n\n  const handleOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (open) {\n        clearCloseTimer();\n        setIsClosing(false);\n        setIsOpen(true);\n        return;\n      }\n\n      setIsOpen(false);\n      setIsClosing(true);\n      clearCloseTimer();\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n      }, ANIMATION_DURATION);\n    },\n    [clearCloseTimer],\n  );\n\n  React.useEffect(() => {\n    return () => clearCloseTimer();\n  }, [clearCloseTimer]);\n\n  // Click-outside handler\n  React.useEffect(() => {\n    if (!displayOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (fieldRef.current?.contains(target)) return;\n      if (contentRef.current?.contains(target)) return;\n      handleOpenChange(false);\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [displayOpen, handleOpenChange]);\n\n  const syncCalendarPreview = React.useCallback(\n    (maskedValue: string) => {\n      const digits = maskedValue.replace(/\\D/g, '');\n\n      if (digits.length >= 2) {\n        const month = Number(digits.slice(0, 2));\n        if (month >= 1 && month <= 12) {\n          setViewMonth(month - 1);\n        }\n      }\n\n      if (digits.length === 8) {\n        const year = Number(digits.slice(4, 8));\n        if (year >= 1000 && year <= 9999) {\n          setViewYear(year);\n        }\n      }\n    },\n    [setViewMonth, setViewYear],\n  );\n\n  const handleDayClick = React.useCallback(\n    (date: Date) => {\n      const isoDate = formatIso(date);\n      const displayDate = formatDateValue(date);\n      if (!isControlled) {\n        setUncontrolledValue(isoDate);\n      }\n      setInputValue(displayDate);\n      setManualError(null);\n      onChange?.(isoDate);\n      handleOpenChange(false);\n    },\n    [isControlled, onChange, handleOpenChange],\n  );\n\n  const syncSelectedDate = React.useCallback(\n    (date: Date) => {\n      const isoDate = formatIso(date);\n      const displayDate = formatDateValue(date);\n\n      if (!isDateWithinRange(date, min, max)) {\n        return;\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(isoDate);\n      }\n      setInputValue(displayDate);\n      setManualError(null);\n      onChange?.(isoDate);\n    },\n    [isControlled, max, min, onChange],\n  );\n\n  const commitValue = React.useCallback(\n    (nextValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange],\n  );\n\n  const commitTypedValue = React.useCallback(() => {\n    const trimmedValue = inputValue.trim();\n\n    if (!trimmedValue) {\n      setManualError(null);\n      commitValue('');\n      setInputValue('');\n      return;\n    }\n\n    const parsedDate = parseDateValue(trimmedValue);\n\n    if (!parsedDate) {\n      setManualError('Enter a valid date in MM/DD/YYYY format.');\n      return;\n    }\n\n    if (!isDateWithinRange(parsedDate, min, max)) {\n      setManualError('Entered date is outside the allowed range.');\n      return;\n    }\n\n    const normalizedDate = formatDateValue(parsedDate);\n    const isoDate = formatIso(parsedDate);\n    setManualError(null);\n    commitValue(isoDate);\n    setInputValue(normalizedDate);\n  }, [commitValue, inputValue, max, min]);\n\n  const updateDateFromCalendarView = React.useCallback(\n    (nextYear: number, nextMonth: number) => {\n      const baseDate = parseDateValue(inputValue) ?? parseDateValue(normalizedCurrentValue);\n\n      if (!baseDate) {\n        return;\n      }\n\n      const lastDayOfMonth = new Date(nextYear, nextMonth + 1, 0).getDate();\n      const nextDay = Math.min(baseDate.getDate(), lastDayOfMonth);\n      const nextDate = new Date(nextYear, nextMonth, nextDay);\n\n      syncSelectedDate(nextDate);\n    },\n    [inputValue, normalizedCurrentValue, syncSelectedDate],\n  );\n\n  const containerClasses = cn(\n    inputStyles.container,\n    inputStyles[resolvedSize],\n    { [inputStyles.error]: hasError },\n    { [inputStyles.disabled]: disabled },\n    { [inputStyles.placeholder]: !!resolvedPlaceholder },\n    { [inputStyles['has-value']]: hasValue || !!inputValue },\n    { [inputStyles['is-focused']]: isFocused || displayOpen },\n    className,\n  );\n\n  return (\n    <>\n      <div data-slot={'date-picker'} data-constellation-field className={containerClasses}>\n        <div ref={fieldRef} className={inputStyles['input-container']}>\n          <div className={inputStyles['label-container']}>\n            <Label htmlFor={triggerId}>\n              {label}\n              {required && <span className={inputStyles.required}>*</span>}\n            </Label>\n          </div>\n          <input\n            ref={inputRef}\n            id={triggerId}\n            type={'text'}\n            className={cn(inputStyles['input-field'], s['text-input'])}\n            value={inputValue}\n            disabled={disabled}\n            placeholder={resolvedPlaceholder}\n            aria-invalid={hasError ? 'true' : undefined}\n            aria-describedby={helperMessage ? helperId : undefined}\n            inputMode={'numeric'}\n            autoComplete={'off'}\n            maxLength={10}\n            pattern={'\\\\d{2}/\\\\d{2}/\\\\d{4}'}\n            onChange={e => {\n              const maskedValue = maskDateInput(e.target.value);\n              setInputValue(maskedValue);\n              syncCalendarPreview(maskedValue);\n              setManualError(null);\n            }}\n            onFocus={() => {\n              setIsFocused(true);\n              handleOpenChange(true);\n              syncCalendarPreview(inputValue);\n            }}\n            onBlur={() => {\n              setIsFocused(false);\n              commitTypedValue();\n            }}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault();\n                commitTypedValue();\n                handleOpenChange(false);\n              }\n\n              // Guarded + preventDefault so Escape dismisses this calendar and\n              // not the Dialog around it, while a closed field ignores the key.\n              if (e.key === 'Escape' && displayOpen) {\n                e.preventDefault();\n                setManualError(null);\n                setInputValue(formatDisplayDate(normalizedCurrentValue));\n                handleOpenChange(false);\n              }\n            }}\n          />\n          <button\n            type={'button'}\n            className={s.trigger}\n            aria-label={'Open calendar'}\n            disabled={disabled}\n            onMouseDown={e => e.preventDefault()}\n            onClick={() => {\n              handleOpenChange(true);\n              syncCalendarPreview(inputValue);\n              inputRef.current?.focus();\n            }}\n          >\n            <CalendarIcon className={s['trigger-icon']} />\n            <span className={'srOnly'}>Open calendar</span>\n          </button>\n        </div>\n        {helperMessage ? (\n          <Typography id={helperId} variant={'caption'} className={inputStyles['helper-text']}>\n            {helperMessage}\n          </Typography>\n        ) : null}\n      </div>\n      {name && <input type={'hidden'} name={name} value={normalizedCurrentValue} />}\n      {displayOpen\n        ? createPortal(\n            <div\n              data-constellation-portal={''}\n              ref={contentRef}\n              className={s.content}\n              data-state={isOpen ? 'open' : 'closed'}\n              data-closing={isClosing ? 'true' : undefined}\n              data-side={'bottom'}\n              style={{\n                position: 'fixed',\n                top: position.top,\n                left: position.left,\n              }}\n            >\n              <Row gap={1} justify={'space-between'}>\n                <Button\n                  type={'button'}\n                  theme={'inherit'}\n                  size={'sm'}\n                  variant={'ghost'}\n                  iconOnly\n                  onClick={goToPrevMonth}\n                  disabled={!canGoPrev}\n                  aria-label={'Previous month'}\n                >\n                  <ChevronLeftIcon />\n                </Button>\n                <Row gap={1}>\n                  <Select\n                    value={String(viewMonth)}\n                    onValueChange={v => {\n                      const nextMonth = Number(v);\n                      setViewMonth(nextMonth);\n                      updateDateFromCalendarView(viewYear, nextMonth);\n                    }}\n                  >\n                    <SelectTrigger className={s['header-trigger']} aria-label={'Month'}>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {monthNames.map((name, i) => (\n                        <SelectItem key={i} value={String(i)}>\n                          {name}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                  <Select\n                    value={String(viewYear)}\n                    onValueChange={v => {\n                      const nextYear = Number(v);\n                      setViewYear(nextYear);\n                      updateDateFromCalendarView(nextYear, viewMonth);\n                    }}\n                  >\n                    <SelectTrigger className={s['header-trigger']} aria-label={'Year'}>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {yearRange.map(y => (\n                        <SelectItem key={y} value={String(y)}>\n                          {y}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </Row>\n                <Button\n                  theme={'inherit'}\n                  size={'sm'}\n                  variant={'ghost'}\n                  iconOnly\n                  type={'button'}\n                  onClick={goToNextMonth}\n                  disabled={!canGoNext}\n                  aria-label={'Next month'}\n                >\n                  <ChevronRightIcon />\n                </Button>\n              </Row>\n              <div className={s.weekdays}>\n                {weekdays.map(wd => (\n                  <span key={wd} className={s.weekday}>\n                    {wd}\n                  </span>\n                ))}\n              </div>\n              <div className={s.grid}>\n                {days.map((d, i) => (\n                  <button\n                    key={i}\n                    type={'button'}\n                    className={cn(\n                      s.day,\n                      { [s.outside]: !d.isCurrentMonth },\n                      { [s.today]: d.isToday },\n                      { [s.selected]: d.isSelected },\n                    )}\n                    disabled={d.isDisabled}\n                    onClick={() => handleDayClick(d.date)}\n                    aria-label={d.date.toLocaleDateString(undefined, {\n                      weekday: 'long',\n                      year: 'numeric',\n                      month: 'long',\n                      day: 'numeric',\n                    })}\n                  >\n                    {d.day}\n                  </button>\n                ))}\n              </div>\n            </div>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n\nexport { DatePicker };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","sources":["../../../src/form/DatePicker/date-picker.tsx"],"sourcesContent":["import inputStyles from '@constellation/form/Input/input.module.scss';\nimport { Label } from '@constellation/form/Label';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@constellation/form/Select';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Row } from '@constellation/layout';\nimport { type DatePickerProps } from '@constellation/types';\nimport { Typography } from '@constellation/typography/Typography';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { CalendarIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport s from './date-picker.module.scss';\nimport {\n  formatDateValue,\n  formatDisplayDate,\n  formatIso,\n  isDateWithinRange,\n  maskDateInput,\n  normalizeIsoValue,\n  parseDateValue,\n  useCalendar,\n} from './use-calendar';\n\nconst ANIMATION_DURATION = 200;\n\nfunction DatePicker({\n  value: valueProp,\n  defaultValue,\n  onChange,\n  label,\n  helperText,\n  error = false,\n  disabled = false,\n  sizeVariant,\n  placeholder,\n  min,\n  max,\n  required = false,\n  id,\n  className,\n  name,\n}: DatePickerProps) {\n  const generatedId = React.useId();\n  const triggerId = id ?? generatedId;\n  const helperId = `${triggerId}-helper`;\n  const fieldRef = React.useRef<HTMLDivElement | null>(null);\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const contentRef = React.useRef<HTMLDivElement | null>(null);\n  const { isBelow } = useBreakpoint();\n  const resolvedSize = sizeVariant ?? (isBelow(900) ? 'sm' : 'md');\n\n  const isControlled = valueProp !== undefined;\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(() =>\n    normalizeIsoValue(defaultValue),\n  );\n  const currentValue = isControlled ? valueProp : uncontrolledValue;\n  const normalizedCurrentValue = normalizeIsoValue(currentValue);\n\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [isClosing, setIsClosing] = React.useState(false);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [manualError, setManualError] = React.useState<string | null>(null);\n  const [inputValue, setInputValue] = React.useState(() =>\n    formatDisplayDate(normalizedCurrentValue),\n  );\n  const closeTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [position, setPosition] = React.useState<{ top: number; left: number }>({\n    top: 0,\n    left: 0,\n  });\n  const hasError = error || !!manualError;\n\n  const displayOpen = isOpen || isClosing;\n\n  // Pixel-accurate positioning via fixed + raw getBoundingClientRect — matches\n  // Tooltip / DropdownMenu / Select. Recomputes on scroll + resize so the\n  // popover tracks the trigger when the page or a parent scrolls. Flips\n  // above the trigger when there isn't enough room below (DropdownMenu pattern).\n  const calcPosition = React.useCallback(() => {\n    const rect = fieldRef.current?.getBoundingClientRect();\n    if (!rect) return;\n    const offset = 4;\n    const popoverHeight = contentRef.current?.offsetHeight ?? 0;\n    const fitsBelow = window.innerHeight - rect.bottom - offset >= popoverHeight;\n    const top = fitsBelow ? rect.bottom + offset : rect.top - popoverHeight - offset;\n    setPosition({ top, left: rect.left });\n  }, []);\n\n  React.useLayoutEffect(() => {\n    if (!displayOpen) return;\n    calcPosition();\n  }, [displayOpen, calcPosition]);\n\n  React.useEffect(() => {\n    if (!displayOpen) return;\n    window.addEventListener('scroll', calcPosition, true);\n    window.addEventListener('resize', calcPosition);\n    return () => {\n      window.removeEventListener('scroll', calcPosition, true);\n      window.removeEventListener('resize', calcPosition);\n    };\n  }, [displayOpen, calcPosition]);\n\n  const hasValue = Boolean(normalizedCurrentValue);\n  const helperMessage = manualError ?? helperText;\n  const draftDate = parseDateValue(inputValue);\n  const calendarValue = draftDate ? inputValue : isFocused ? undefined : normalizedCurrentValue;\n  const resolvedPlaceholder = placeholder ?? 'MM/DD/YYYY';\n\n  React.useEffect(() => {\n    setInputValue(formatDisplayDate(normalizedCurrentValue));\n    setManualError(null);\n  }, [normalizedCurrentValue]);\n\n  const {\n    viewYear,\n    viewMonth,\n    setViewYear,\n    setViewMonth,\n    monthNames,\n    yearRange,\n    weekdays,\n    days,\n    goToPrevMonth,\n    goToNextMonth,\n    canGoPrev,\n    canGoNext,\n  } = useCalendar({ selectedDate: calendarValue, min, max });\n\n  const clearCloseTimer = React.useCallback(() => {\n    if (closeTimerRef.current) {\n      clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = null;\n    }\n  }, []);\n\n  const handleOpenChange = React.useCallback(\n    (open: boolean) => {\n      if (open) {\n        clearCloseTimer();\n        setIsClosing(false);\n        setIsOpen(true);\n        return;\n      }\n\n      setIsOpen(false);\n      setIsClosing(true);\n      clearCloseTimer();\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n      }, ANIMATION_DURATION);\n    },\n    [clearCloseTimer],\n  );\n\n  React.useEffect(() => {\n    return () => clearCloseTimer();\n  }, [clearCloseTimer]);\n\n  // Click-outside handler\n  React.useEffect(() => {\n    if (!displayOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (fieldRef.current?.contains(target)) return;\n      if (contentRef.current?.contains(target)) return;\n      handleOpenChange(false);\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [displayOpen, handleOpenChange]);\n\n  const syncCalendarPreview = React.useCallback(\n    (maskedValue: string) => {\n      const digits = maskedValue.replace(/\\D/g, '');\n\n      if (digits.length >= 2) {\n        const month = Number(digits.slice(0, 2));\n        if (month >= 1 && month <= 12) {\n          setViewMonth(month - 1);\n        }\n      }\n\n      if (digits.length === 8) {\n        const year = Number(digits.slice(4, 8));\n        if (year >= 1000 && year <= 9999) {\n          setViewYear(year);\n        }\n      }\n    },\n    [setViewMonth, setViewYear],\n  );\n\n  const handleDayClick = React.useCallback(\n    (date: Date) => {\n      const isoDate = formatIso(date);\n      const displayDate = formatDateValue(date);\n      if (!isControlled) {\n        setUncontrolledValue(isoDate);\n      }\n      setInputValue(displayDate);\n      setManualError(null);\n      onChange?.(isoDate);\n      handleOpenChange(false);\n    },\n    [isControlled, onChange, handleOpenChange],\n  );\n\n  const syncSelectedDate = React.useCallback(\n    (date: Date) => {\n      const isoDate = formatIso(date);\n      const displayDate = formatDateValue(date);\n\n      if (!isDateWithinRange(date, min, max)) {\n        return;\n      }\n\n      if (!isControlled) {\n        setUncontrolledValue(isoDate);\n      }\n      setInputValue(displayDate);\n      setManualError(null);\n      onChange?.(isoDate);\n    },\n    [isControlled, max, min, onChange],\n  );\n\n  const commitValue = React.useCallback(\n    (nextValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n      onChange?.(nextValue);\n    },\n    [isControlled, onChange],\n  );\n\n  const commitTypedValue = React.useCallback(() => {\n    const trimmedValue = inputValue.trim();\n\n    if (!trimmedValue) {\n      setManualError(null);\n      commitValue('');\n      setInputValue('');\n      return;\n    }\n\n    const parsedDate = parseDateValue(trimmedValue);\n\n    if (!parsedDate) {\n      setManualError('Enter a valid date in MM/DD/YYYY format.');\n      return;\n    }\n\n    if (!isDateWithinRange(parsedDate, min, max)) {\n      setManualError('Entered date is outside the allowed range.');\n      return;\n    }\n\n    const normalizedDate = formatDateValue(parsedDate);\n    const isoDate = formatIso(parsedDate);\n    setManualError(null);\n    commitValue(isoDate);\n    setInputValue(normalizedDate);\n  }, [commitValue, inputValue, max, min]);\n\n  const updateDateFromCalendarView = React.useCallback(\n    (nextYear: number, nextMonth: number) => {\n      const baseDate = parseDateValue(inputValue) ?? parseDateValue(normalizedCurrentValue);\n\n      if (!baseDate) {\n        return;\n      }\n\n      const lastDayOfMonth = new Date(nextYear, nextMonth + 1, 0).getDate();\n      const nextDay = Math.min(baseDate.getDate(), lastDayOfMonth);\n      const nextDate = new Date(nextYear, nextMonth, nextDay);\n\n      syncSelectedDate(nextDate);\n    },\n    [inputValue, normalizedCurrentValue, syncSelectedDate],\n  );\n\n  const containerClasses = cn(\n    inputStyles.container,\n    inputStyles[resolvedSize],\n    { [inputStyles.error]: hasError },\n    { [inputStyles.disabled]: disabled },\n    { [inputStyles.placeholder]: !!resolvedPlaceholder },\n    { [inputStyles['has-value']]: hasValue || !!inputValue },\n    { [inputStyles['is-focused']]: isFocused || displayOpen },\n    className,\n  );\n\n  return (\n    <>\n      <div data-slot={'date-picker'} data-constellation-field className={containerClasses}>\n        <div ref={fieldRef} className={inputStyles['input-container']}>\n          <div className={inputStyles['label-container']}>\n            <Label htmlFor={triggerId}>\n              {label}\n              {required && <span className={inputStyles.required}>*</span>}\n            </Label>\n          </div>\n          <input\n            ref={inputRef}\n            id={triggerId}\n            type={'text'}\n            className={cn(inputStyles['input-field'], s['text-input'])}\n            value={inputValue}\n            disabled={disabled}\n            placeholder={resolvedPlaceholder}\n            aria-invalid={hasError ? 'true' : undefined}\n            aria-describedby={helperMessage ? helperId : undefined}\n            inputMode={'numeric'}\n            autoComplete={'off'}\n            maxLength={10}\n            pattern={'\\\\d{2}/\\\\d{2}/\\\\d{4}'}\n            onChange={e => {\n              const maskedValue = maskDateInput(e.target.value);\n              setInputValue(maskedValue);\n              syncCalendarPreview(maskedValue);\n              setManualError(null);\n            }}\n            onFocus={() => {\n              setIsFocused(true);\n              handleOpenChange(true);\n              syncCalendarPreview(inputValue);\n            }}\n            onBlur={() => {\n              setIsFocused(false);\n              commitTypedValue();\n            }}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault();\n                commitTypedValue();\n                handleOpenChange(false);\n              }\n\n              // Guarded + preventDefault so Escape dismisses this calendar and\n              // not the Dialog around it, while a closed field ignores the key.\n              if (e.key === 'Escape' && displayOpen) {\n                e.preventDefault();\n                setManualError(null);\n                setInputValue(formatDisplayDate(normalizedCurrentValue));\n                handleOpenChange(false);\n              }\n            }}\n          />\n          <button\n            type={'button'}\n            className={s.trigger}\n            aria-label={'Open calendar'}\n            disabled={disabled}\n            onMouseDown={e => e.preventDefault()}\n            onClick={() => {\n              handleOpenChange(true);\n              syncCalendarPreview(inputValue);\n              inputRef.current?.focus();\n            }}\n          >\n            <CalendarIcon className={s['trigger-icon']} />\n            <span className={'srOnly'}>Open calendar</span>\n          </button>\n        </div>\n        {helperMessage ? (\n          <Typography id={helperId} variant={'caption'} className={inputStyles['helper-text']}>\n            {helperMessage}\n          </Typography>\n        ) : null}\n      </div>\n      {name && <input type={'hidden'} name={name} value={normalizedCurrentValue} />}\n      {displayOpen\n        ? createPortal(\n            <div\n              data-constellation-portal={''}\n              ref={contentRef}\n              className={s.content}\n              data-state={isOpen ? 'open' : 'closed'}\n              data-closing={isClosing ? 'true' : undefined}\n              data-side={'bottom'}\n              style={{\n                position: 'fixed',\n                top: position.top,\n                left: position.left,\n              }}\n            >\n              <Row gap={1} justify={'space-between'}>\n                <Button\n                  type={'button'}\n                  theme={'inherit'}\n                  size={'sm'}\n                  variant={'ghost'}\n                  iconOnly\n                  onClick={goToPrevMonth}\n                  disabled={!canGoPrev}\n                  aria-label={'Previous month'}\n                >\n                  <ChevronLeftIcon />\n                </Button>\n                <Row gap={1}>\n                  <Select\n                    value={String(viewMonth)}\n                    onValueChange={v => {\n                      const nextMonth = Number(v);\n                      setViewMonth(nextMonth);\n                      updateDateFromCalendarView(viewYear, nextMonth);\n                    }}\n                  >\n                    <SelectTrigger className={s['header-trigger']} aria-label={'Month'}>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {monthNames.map((name, i) => (\n                        <SelectItem key={i} value={String(i)}>\n                          {name}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                  <Select\n                    value={String(viewYear)}\n                    onValueChange={v => {\n                      const nextYear = Number(v);\n                      setViewYear(nextYear);\n                      updateDateFromCalendarView(nextYear, viewMonth);\n                    }}\n                  >\n                    <SelectTrigger className={s['header-trigger']} aria-label={'Year'}>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {yearRange.map(y => (\n                        <SelectItem key={y} value={String(y)}>\n                          {y}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </Row>\n                <Button\n                  theme={'inherit'}\n                  size={'sm'}\n                  variant={'ghost'}\n                  iconOnly\n                  type={'button'}\n                  onClick={goToNextMonth}\n                  disabled={!canGoNext}\n                  aria-label={'Next month'}\n                >\n                  <ChevronRightIcon />\n                </Button>\n              </Row>\n              <div className={s.weekdays}>\n                {weekdays.map(wd => (\n                  <span key={wd} className={s.weekday}>\n                    {wd}\n                  </span>\n                ))}\n              </div>\n              <div className={s.grid}>\n                {days.map((d, i) => (\n                  <button\n                    key={i}\n                    type={'button'}\n                    className={cn(\n                      s.day,\n                      { [s.outside]: !d.isCurrentMonth },\n                      { [s.today]: d.isToday },\n                      { [s.selected]: d.isSelected },\n                    )}\n                    disabled={d.isDisabled}\n                    onClick={() => handleDayClick(d.date)}\n                    aria-label={d.date.toLocaleDateString(undefined, {\n                      weekday: 'long',\n                      year: 'numeric',\n                      month: 'long',\n                      day: 'numeric',\n                    })}\n                  >\n                    {d.day}\n                  </button>\n                ))}\n              </div>\n            </div>,\n            document.body,\n          )\n        : null}\n    </>\n  );\n}\n\nexport { DatePicker };\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/form/Input/input.css

@@ -215,4 +215,13 @@
   .input-module_container__bycn1 .input-module_input-container__nw0Oc textarea {
     font-size: max(16px, 1em);
   }
+  /*
+   * …and the same argument for the box itself. Apple's HIG asks for a 44pt
+   * target and the `sm` variant is 30px tall — on a phone that is the
+   * difference between hitting the field and hitting whatever is behind it.
+   * A floor, not a height: anything already taller is left alone.
+   */
+  .input-module_container__bycn1 .input-module_input-container__nw0Oc {
+    min-height: 44px;
+  }
 }

package/dist/form.d.ts

@@ -1,4 +1,4 @@
-export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, L as Label, f as LabelProps, S as Select, h as SelectContent, j as SelectField, l as SelectGroup, m as SelectItem, p as SelectSeparator, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-2nHZOukj.js';
+export { C as Checkbox, a as CheckboxProps, b as Combobox, c as ComboboxOption, d as ComboboxProps, D as DatePicker, L as Label, f as LabelProps, S as Select, h as SelectContent, j as SelectField, l as SelectGroup, m as SelectItem, p as SelectSeparator, r as SelectTrigger, s as SelectValue, t as __Surface } from './index-CywSNvOU.js';
 export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
 import 'react';
 import 'class-variance-authority';

package/dist/hooks/index.d.ts

@@ -2,6 +2,7 @@ export * from './layout';
 export * from './ui';
 export * from './use-appearance';
 export * from './use-initials';
+export * from './use-keyboard-inset';
 export * from './use-mobile';
 export * from './use-motion';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,MAAM,CAAC;AACrB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,MAAM,CAAC;AACrB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/hooks/use-keyboard-inset.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Publishes how far an on-screen keyboard reaches up the screen as `--kb`, on
+ * the document element. 0 whenever the keyboard is down.
+ *
+ * ⚠️ THERE IS NO CSS ANSWER TO THIS ON AN IPHONE, and that is why a hook
+ * exists for it rather than a stylesheet rule:
+ *
+ *   · `interactive-widget=resizes-content` in the viewport meta is the proper
+ *     fix — it shrinks the LAYOUT viewport with the keyboard, which keeps a
+ *     docked band above it with no JavaScript at all. Chrome 108+ and Firefox
+ *     132+ implement it; **Safari does not, on any version through iOS 27.1**
+ *     (checked 2026-09-15). Declare it anyway; it costs nothing where it works.
+ *   · `env(keyboard-inset-height)` belongs to the VirtualKeyboard API, which is
+ *     Chromium-only and needs an explicit opt-in.
+ *
+ * What Safari does instead: the layout viewport keeps its full height and only
+ * the VISUAL viewport shrinks. Everything pinned to the bottom therefore stays
+ * pinned to a bottom that is now behind the keyboard. So the overlap is
+ * measured here, and `AppContentFooter` and `AppContentMain` consume it.
+ *
+ *   --kb = layout height − (what can be seen + how far it has been scrolled)
+ *
+ * ⚠️ `offsetTop` is in the formula on purpose. iOS scrolls the visual viewport
+ * to reveal a focused field, and without that term a band lifts by the whole
+ * keyboard while the page has already lifted part of the way — it overshoots on
+ * the way in and lands late on the way out.
+ *
+ * ⚠️ Rounded, and compared before writing. `visualViewport` fires `resize` and
+ * `scroll` continuously through the keyboard animation — roughly 60 events a
+ * second — and writing the variable on each one re-styles every consumer of it
+ * for differences of a fraction of a pixel.
+ *
+ * `AppShell` calls this once, so an app gets the behaviour by mounting the
+ * shell. Calling it again is harmless — the second instance writes the same
+ * number — but there is no reason to.
+ */
+export declare function useKeyboardInset(): void;
+//# sourceMappingURL=use-keyboard-inset.d.ts.map

package/dist/hooks/use-keyboard-inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-inset.d.ts","sourceRoot":"","sources":["../../src/hooks/use-keyboard-inset.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAmCvC"}

package/dist/hooks/use-keyboard-inset.js

@@ -0,0 +1,76 @@
+import { useEffect } from 'react';
+
+/**
+ * Publishes how far an on-screen keyboard reaches up the screen as `--kb`, on
+ * the document element. 0 whenever the keyboard is down.
+ *
+ * ⚠️ THERE IS NO CSS ANSWER TO THIS ON AN IPHONE, and that is why a hook
+ * exists for it rather than a stylesheet rule:
+ *
+ *   · `interactive-widget=resizes-content` in the viewport meta is the proper
+ *     fix — it shrinks the LAYOUT viewport with the keyboard, which keeps a
+ *     docked band above it with no JavaScript at all. Chrome 108+ and Firefox
+ *     132+ implement it; **Safari does not, on any version through iOS 27.1**
+ *     (checked 2026-09-15). Declare it anyway; it costs nothing where it works.
+ *   · `env(keyboard-inset-height)` belongs to the VirtualKeyboard API, which is
+ *     Chromium-only and needs an explicit opt-in.
+ *
+ * What Safari does instead: the layout viewport keeps its full height and only
+ * the VISUAL viewport shrinks. Everything pinned to the bottom therefore stays
+ * pinned to a bottom that is now behind the keyboard. So the overlap is
+ * measured here, and `AppContentFooter` and `AppContentMain` consume it.
+ *
+ *   --kb = layout height − (what can be seen + how far it has been scrolled)
+ *
+ * ⚠️ `offsetTop` is in the formula on purpose. iOS scrolls the visual viewport
+ * to reveal a focused field, and without that term a band lifts by the whole
+ * keyboard while the page has already lifted part of the way — it overshoots on
+ * the way in and lands late on the way out.
+ *
+ * ⚠️ Rounded, and compared before writing. `visualViewport` fires `resize` and
+ * `scroll` continuously through the keyboard animation — roughly 60 events a
+ * second — and writing the variable on each one re-styles every consumer of it
+ * for differences of a fraction of a pixel.
+ *
+ * `AppShell` calls this once, so an app gets the behaviour by mounting the
+ * shell. Calling it again is harmless — the second instance writes the same
+ * number — but there is no reason to.
+ */
+function useKeyboardInset() {
+    useEffect(() => {
+        const vv = typeof window === 'undefined' ? null : window.visualViewport;
+        if (!vv)
+            return undefined;
+        const root = document.documentElement;
+        let last = -1;
+        let frame = 0;
+        const measure = () => {
+            frame = 0;
+            const overlap = Math.max(0, root.clientHeight - (vv.height + vv.offsetTop));
+            // Under a couple of pixels is the browser's own rounding, not a keyboard.
+            const next = overlap > 2 ? Math.round(overlap) : 0;
+            if (next === last)
+                return;
+            last = next;
+            root.style.setProperty('--kb', `${next}px`);
+        };
+        const schedule = () => {
+            if (frame)
+                return;
+            frame = requestAnimationFrame(measure);
+        };
+        measure();
+        vv.addEventListener('resize', schedule);
+        vv.addEventListener('scroll', schedule);
+        return () => {
+            if (frame)
+                cancelAnimationFrame(frame);
+            vv.removeEventListener('resize', schedule);
+            vv.removeEventListener('scroll', schedule);
+            root.style.removeProperty('--kb');
+        };
+    }, []);
+}
+
+export { useKeyboardInset };
+//# sourceMappingURL=use-keyboard-inset.js.map

package/dist/hooks/use-keyboard-inset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard-inset.js","sources":["../../src/hooks/use-keyboard-inset.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Publishes how far an on-screen keyboard reaches up the screen as `--kb`, on\n * the document element. 0 whenever the keyboard is down.\n *\n * ⚠️ THERE IS NO CSS ANSWER TO THIS ON AN IPHONE, and that is why a hook\n * exists for it rather than a stylesheet rule:\n *\n *   · `interactive-widget=resizes-content` in the viewport meta is the proper\n *     fix — it shrinks the LAYOUT viewport with the keyboard, which keeps a\n *     docked band above it with no JavaScript at all. Chrome 108+ and Firefox\n *     132+ implement it; **Safari does not, on any version through iOS 27.1**\n *     (checked 2026-09-15). Declare it anyway; it costs nothing where it works.\n *   · `env(keyboard-inset-height)` belongs to the VirtualKeyboard API, which is\n *     Chromium-only and needs an explicit opt-in.\n *\n * What Safari does instead: the layout viewport keeps its full height and only\n * the VISUAL viewport shrinks. Everything pinned to the bottom therefore stays\n * pinned to a bottom that is now behind the keyboard. So the overlap is\n * measured here, and `AppContentFooter` and `AppContentMain` consume it.\n *\n *   --kb = layout height − (what can be seen + how far it has been scrolled)\n *\n * ⚠️ `offsetTop` is in the formula on purpose. iOS scrolls the visual viewport\n * to reveal a focused field, and without that term a band lifts by the whole\n * keyboard while the page has already lifted part of the way — it overshoots on\n * the way in and lands late on the way out.\n *\n * ⚠️ Rounded, and compared before writing. `visualViewport` fires `resize` and\n * `scroll` continuously through the keyboard animation — roughly 60 events a\n * second — and writing the variable on each one re-styles every consumer of it\n * for differences of a fraction of a pixel.\n *\n * `AppShell` calls this once, so an app gets the behaviour by mounting the\n * shell. Calling it again is harmless — the second instance writes the same\n * number — but there is no reason to.\n */\nexport function useKeyboardInset(): void {\n  useEffect(() => {\n    const vv = typeof window === 'undefined' ? null : window.visualViewport;\n    if (!vv) return undefined;\n\n    const root = document.documentElement;\n    let last = -1;\n    let frame = 0;\n\n    const measure = () => {\n      frame = 0;\n      const overlap = Math.max(0, root.clientHeight - (vv.height + vv.offsetTop));\n      // Under a couple of pixels is the browser's own rounding, not a keyboard.\n      const next = overlap > 2 ? Math.round(overlap) : 0;\n      if (next === last) return;\n      last = next;\n      root.style.setProperty('--kb', `${next}px`);\n    };\n\n    const schedule = () => {\n      if (frame) return;\n      frame = requestAnimationFrame(measure);\n    };\n\n    measure();\n    vv.addEventListener('resize', schedule);\n    vv.addEventListener('scroll', schedule);\n\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      vv.removeEventListener('resize', schedule);\n      vv.removeEventListener('scroll', schedule);\n      root.style.removeProperty('--kb');\n    };\n  }, []);\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCG;SACa,gBAAgB,GAAA;IAC9B,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,EAAE,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC,cAAc;AACvE,QAAA,IAAI,CAAC,EAAE;AAAE,YAAA,OAAO,SAAS;AAEzB,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe;AACrC,QAAA,IAAI,IAAI,GAAG,EAAE;QACb,IAAI,KAAK,GAAG,CAAC;QAEb,MAAM,OAAO,GAAG,MAAK;YACnB,KAAK,GAAG,CAAC;YACT,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,MAAM,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;;AAE3E,YAAA,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAClD,IAAI,IAAI,KAAK,IAAI;gBAAE;YACnB,IAAI,GAAG,IAAI;YACX,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,CAAC;AAC7C,QAAA,CAAC;QAED,MAAM,QAAQ,GAAG,MAAK;AACpB,YAAA,IAAI,KAAK;gBAAE;AACX,YAAA,KAAK,GAAG,qBAAqB,CAAC,OAAO,CAAC;AACxC,QAAA,CAAC;AAED,QAAA,OAAO,EAAE;AACT,QAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACvC,QAAA,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAEvC,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,KAAK;gBAAE,oBAAoB,CAAC,KAAK,CAAC;AACtC,YAAA,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1C,YAAA,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;AACnC,QAAA,CAAC;IACH,CAAC,EAAE,EAAE,CAAC;AACR;;"}