@kismet-ux/constellation 1.8.0 → 1.11.0

package/dist/form/Combobox/combobox.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/form/Combobox/index.d.ts

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

package/dist/form/Combobox/index.d.ts.map

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

package/dist/form/DatePicker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/form/DatePicker/date-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,iBAAS,UAAU,CAAC,EAClB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAa,EACb,QAAgB,EAChB,WAAW,EACX,WAAW,EACX,GAAG,EACH,GAAG,EACH,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GACL,EAAE,eAAe,qBAmcjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/form/DatePicker/date-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,iBAAS,UAAU,CAAC,EAClB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAa,EACb,QAAgB,EAChB,WAAW,EACX,WAAW,EACX,GAAG,EACH,GAAG,EACH,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GACL,EAAE,eAAe,qBAocjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -3,63 +3,15 @@ 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 '../Input/input.js';
-import '../../layout/Sidebar/sidebar-context.js';
-import * as React from 'react';
-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 { 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 * as React from 'react';
 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, }) {
@@ -274,7 +226,7 @@ function DatePicker({ value: valueProp, defaultValue, onChange, label, helperTex
                                     syncCalendarPreview(inputValue);
                                     inputRef.current?.focus();
                                 }, children: [jsx(CalendarIcon, { className: s['trigger-icon'] }), jsx("span", { className: 'srOnly', children: "Open calendar" })] })] }), helperMessage ? (jsx(Typography, { id: helperId, variant: 'caption', className: inputStyles['helper-text'], children: helperMessage })) : null] }), name && jsx("input", { type: 'hidden', name: name, value: normalizedCurrentValue }), displayOpen
-                ? createPortal(jsxs("div", { ref: contentRef, className: s.content, "data-state": isOpen ? 'open' : 'closed', "data-closing": isClosing ? 'true' : undefined, "data-side": 'bottom', style: {
+                ? createPortal(jsxs("div", { "data-constellation-portal": '', ref: contentRef, className: s.content, "data-state": isOpen ? 'open' : 'closed', "data-closing": isClosing ? 'true' : undefined, "data-side": 'bottom', style: {
                         position: 'fixed',
                         top: position.top,
                         left: position.left,

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              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

@@ -79,6 +79,18 @@
   font-size: inherit;
   min-width: 0;
   outline: none !important;
+  /*
+   * The other half of the same problem. `min-width: 0` lets the box
+   * shrink; this stops it asking to be that wide in the first place, by
+   * giving up the UA's own date chrome — the "mm/dd/yyyy" placeholder and
+   * the picker glyph — which iOS sizes to a fixed intrinsic width no
+   * `width` declaration overrides. Tapping still opens the system picker.
+   */
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc input[type=date],
+.input-module_container__bycn1 .input-module_input-container__nw0Oc textarea[type=date] {
+  appearance: none;
+  max-width: 100%;
 }
 .input-module_container__bycn1 .input-module_input-container__nw0Oc input--ghosted,
 .input-module_container__bycn1 .input-module_input-container__nw0Oc textarea--ghosted {

package/dist/form/Input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,KAAK,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,eAAe,GAAG,cAAc,GACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,KAAK,aAAa,GAAG,cAAc,GACjC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGJ,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAGlD,QAAA,MAAM,KAAK,2GAgKV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,KAAK,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,eAAe,GAAG,cAAc,GACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,KAAK,aAAa,GAAG,cAAc,GACjC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGJ,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAGlD,QAAA,MAAM,KAAK,2GAqLV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/form/Input/input.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import inputStyles from './input.module.scss.js';
 
 // The Custom Input Component
-const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText, startAdornment, endAdornment, id, type = 'text', rows, ghost, onFocus, onBlur, ...rest }, ref) => {
+const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText, startAdornment, endAdornment, id, type = 'text', rows, ghost, className, onFocus, onBlur, style, ...rest }, ref) => {
     const { isBelow } = useBreakpoint();
     /*
      * Compose rather than let the caller's handler win.
@@ -31,8 +31,28 @@ const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText,
     const resolvedSize = sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));
     const isTextArea = type === 'textarea';
     const [isFocused, setIsFocused] = React.useState(false);
-    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: rest.disabled }, { [inputStyles.placeholder]: rest.placeholder }, { [inputStyles['is-focused']]: isFocused }, { [inputStyles['has-value']]: rest.value });
-    return (jsxs("div", { "data-slot": 'input', "data-constellation-field": true, className: containerClasses, children: [jsxs("div", { className: cn(inputStyles['input-container'], isTextArea && inputStyles['textarea-container']), children: [startAdornment && (jsx("span", { "data-slot": 'input-start-adornment', className: inputStyles['adornment'], children: startAdornment })), jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: inputId, children: [label, (rest['aria-required'] || rest.required) && jsx("span", { className: inputStyles.required, children: "*" })] }) }), isTextArea ? (jsx("textarea", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, rows: rows, ...rest })) : ghost !== undefined ? (
+    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: rest.disabled }, { [inputStyles.placeholder]: rest.placeholder }, { [inputStyles['is-focused']]: isFocused }, { [inputStyles['has-value']]: rest.value }, 
+    /*
+     * The caller's className lands on the ROOT, next to `style`.
+     *
+     * It used to ride `...rest` onto the inner <input>, which put it on a
+     * different element than `style` — so `.qty-field { flex: 0 0 4.5rem }`
+     * was sizing the field inside the box rather than the box, and the
+     * wrapper kept its 140px default. Every other component in the library
+     * puts className on its root; this now matches.
+     */
+    className);
+    return (
+    /*
+     * `style` belongs on the ROOT, which is this container.
+     *
+     * It used to fall through `...rest` onto the inner <input>, so a custom
+     * property meant for the wrapper — `--input-min-width` is the obvious one
+     * — was set on a child of the element that reads it, and custom
+     * properties inherit downward only. The override silently did nothing.
+     * Inherited text properties still reach the field from here.
+     */
+    jsxs("div", { "data-slot": 'input', "data-constellation-field": true, className: containerClasses, style: style, children: [jsxs("div", { className: cn(inputStyles['input-container'], isTextArea && inputStyles['textarea-container']), children: [startAdornment && (jsx("span", { "data-slot": 'input-start-adornment', className: inputStyles['adornment'], children: startAdornment })), jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: inputId, children: [label, (rest['aria-required'] || rest.required) && jsx("span", { className: inputStyles.required, children: "*" })] }) }), isTextArea ? (jsx("textarea", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, rows: rows, ...rest })) : ghost !== undefined ? (
                     /*
                      * The ghost is drawn by re-rendering the typed value INVISIBLY and
                      * letting the suggestion follow it, so the two share one text flow

package/dist/form/Input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/form/Input/input.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './input.module.scss';\n\n// Define the possible size variants\ntype InputSize = 'sm' | 'md' | 'lg';\n\ntype InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';\n\nexport interface InputBaseProps {\n  label?: string;\n  sizeVariant?: InputSize;\n  error?: boolean;\n  helperText?: string;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  /**\n   * Inline completion drawn behind the caret — the TAIL only, not the whole\n   * word. `value='Avo'` with `ghost='cado'` reads as \"Avocado\", the suggestion\n   * dimmed.\n   *\n   * The component owns the alignment; you own the policy. What to suggest and\n   * which key accepts it are decisions about your data and your users (a phone\n   * has a spacebar under the thumb and no Tab), so they stay with the caller.\n   * Accept by setting `value` to the completed string in your own `onKeyDown`.\n   *\n   * Pass `''` (not `undefined`) for \"nothing to suggest right now\": the\n   * element structure stays stable, so the field is never remounted mid-word.\n   *\n   * Ignored for `type='textarea'` — a ghost cannot follow a caret across\n   * wrapped lines without measuring, which is a different component.\n   */\n  ghost?: string;\n}\n\ntype InputFieldProps = InputBaseProps &\n  React.InputHTMLAttributes<HTMLInputElement> & {\n    type?: Exclude<InputType, 'textarea'>;\n    rows?: never;\n  };\n\ntype TextAreaProps = InputBaseProps &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    type: 'textarea';\n    rows?: number;\n  };\n\n// Define the component's prop interface\ntype InputProps = InputFieldProps | TextAreaProps;\n\n// The Custom Input Component\nconst Input = React.forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(\n  (\n    {\n      label,\n      sizeVariant,\n      error = false,\n      helperText,\n      startAdornment,\n      endAdornment,\n      id,\n      type = 'text',\n      rows,\n      ghost,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isBelow } = useBreakpoint();\n\n    /*\n     * Compose rather than let the caller's handler win.\n     *\n     * These used to be set before `{...rest}` spread over them, so any consumer\n     * passing `onFocus` — to select-all on entry, say — silently replaced the\n     * one driving the floating label, and the label stopped animating with no\n     * error to point at it.\n     */\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(false);\n      onBlur?.(event);\n    };\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n    const helperId = helperText ? `${inputId}-helper` : undefined;\n    const resolvedSize =\n      sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));\n    const isTextArea = type === 'textarea';\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    const containerClasses = cn(\n      s.container,\n      s[resolvedSize],\n      { [s.error]: error },\n      { [s.disabled]: rest.disabled },\n      { [s.placeholder]: rest.placeholder },\n      { [s['is-focused']]: isFocused },\n      { [s['has-value']]: rest.value },\n    );\n\n    return (\n      <div data-slot={'input'} data-constellation-field className={containerClasses}>\n        <div className={cn(s['input-container'], isTextArea && s['textarea-container'])}>\n          {/* Start Adornment */}\n          {startAdornment && (\n            <span data-slot={'input-start-adornment'} className={s['adornment']}>\n              {startAdornment}\n            </span>\n          )}\n\n          <div className={s['label-container']}>\n            <Label htmlFor={inputId}>\n              {label}\n              {(rest['aria-required'] || rest.required) && <span className={s.required}>*</span>}\n            </Label>\n          </div>\n          {isTextArea ? (\n            <textarea\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLTextAreaElement>}\n              rows={rows}\n              {...(rest as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n            />\n          ) : ghost !== undefined ? (\n            /*\n             * The ghost is drawn by re-rendering the typed value INVISIBLY and\n             * letting the suggestion follow it, so the two share one text flow\n             * and the ghost lands exactly where the caret is — no measuring, and\n             * nothing to drift when the font or padding changes.\n             *\n             * The wrapper exists so `inset: 0` means the input's box rather than\n             * the container's, which would be off by the padding and by any\n             * start adornment.\n             *\n             * Branching on `ghost !== undefined` rather than on the string being\n             * non-empty is load-bearing: a suggestion appears and disappears as\n             * you type, and switching JSX shape underneath a live field makes\n             * React unmount and remount the input — which drops focus, the\n             * caret and any IME composition mid-word. Pass `ghost=''` for \"no\n             * suggestion right now\" and the element stays put.\n             */\n            <span className={s['ghost-wrap']}>\n              {ghost ? (\n                <span aria-hidden={'true'} className={s['ghost']}>\n                  <span className={s['ghost-typed']}>{String(rest.value ?? '')}</span>\n                  {ghost}\n                </span>\n              ) : null}\n              <input\n                data-slot={'input-field'}\n                id={inputId}\n                className={cn(s['input-field'], ghost && s['input-field--ghosted'])}\n                aria-invalid={error ? 'true' : undefined}\n                aria-describedby={helperId}\n                aria-autocomplete={'inline'}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                ref={ref as React.Ref<HTMLInputElement>}\n                type={type}\n                {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n              />\n            </span>\n          ) : (\n            <input\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={type}\n              {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n            />\n          )}\n\n          {/* End Adornment */}\n          {endAdornment && (\n            <span data-slot={'input-end-adornment'} className={s['adornment']}>\n              {endAdornment}\n            </span>\n          )}\n        </div>\n\n        {/* Helper Text */}\n        {helperText && (\n          <Typography\n            data-slot={'input-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["s","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"input.js","sources":["../../../src/form/Input/input.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './input.module.scss';\n\n// Define the possible size variants\ntype InputSize = 'sm' | 'md' | 'lg';\n\ntype InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';\n\nexport interface InputBaseProps {\n  label?: string;\n  sizeVariant?: InputSize;\n  error?: boolean;\n  helperText?: string;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  /**\n   * Inline completion drawn behind the caret — the TAIL only, not the whole\n   * word. `value='Avo'` with `ghost='cado'` reads as \"Avocado\", the suggestion\n   * dimmed.\n   *\n   * The component owns the alignment; you own the policy. What to suggest and\n   * which key accepts it are decisions about your data and your users (a phone\n   * has a spacebar under the thumb and no Tab), so they stay with the caller.\n   * Accept by setting `value` to the completed string in your own `onKeyDown`.\n   *\n   * Pass `''` (not `undefined`) for \"nothing to suggest right now\": the\n   * element structure stays stable, so the field is never remounted mid-word.\n   *\n   * Ignored for `type='textarea'` — a ghost cannot follow a caret across\n   * wrapped lines without measuring, which is a different component.\n   */\n  ghost?: string;\n}\n\ntype InputFieldProps = InputBaseProps &\n  React.InputHTMLAttributes<HTMLInputElement> & {\n    type?: Exclude<InputType, 'textarea'>;\n    rows?: never;\n  };\n\ntype TextAreaProps = InputBaseProps &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    type: 'textarea';\n    rows?: number;\n  };\n\n// Define the component's prop interface\ntype InputProps = InputFieldProps | TextAreaProps;\n\n// The Custom Input Component\nconst Input = React.forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(\n  (\n    {\n      label,\n      sizeVariant,\n      error = false,\n      helperText,\n      startAdornment,\n      endAdornment,\n      id,\n      type = 'text',\n      rows,\n      ghost,\n      className,\n      onFocus,\n      onBlur,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isBelow } = useBreakpoint();\n\n    /*\n     * Compose rather than let the caller's handler win.\n     *\n     * These used to be set before `{...rest}` spread over them, so any consumer\n     * passing `onFocus` — to select-all on entry, say — silently replaced the\n     * one driving the floating label, and the label stopped animating with no\n     * error to point at it.\n     */\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(false);\n      onBlur?.(event);\n    };\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n    const helperId = helperText ? `${inputId}-helper` : undefined;\n    const resolvedSize =\n      sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));\n    const isTextArea = type === 'textarea';\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    const containerClasses = cn(\n      s.container,\n      s[resolvedSize],\n      { [s.error]: error },\n      { [s.disabled]: rest.disabled },\n      { [s.placeholder]: rest.placeholder },\n      { [s['is-focused']]: isFocused },\n      { [s['has-value']]: rest.value },\n      /*\n       * The caller's className lands on the ROOT, next to `style`.\n       *\n       * It used to ride `...rest` onto the inner <input>, which put it on a\n       * different element than `style` — so `.qty-field { flex: 0 0 4.5rem }`\n       * was sizing the field inside the box rather than the box, and the\n       * wrapper kept its 140px default. Every other component in the library\n       * puts className on its root; this now matches.\n       */\n      className,\n    );\n\n    return (\n      /*\n       * `style` belongs on the ROOT, which is this container.\n       *\n       * It used to fall through `...rest` onto the inner <input>, so a custom\n       * property meant for the wrapper — `--input-min-width` is the obvious one\n       * — was set on a child of the element that reads it, and custom\n       * properties inherit downward only. The override silently did nothing.\n       * Inherited text properties still reach the field from here.\n       */\n      <div data-slot={'input'} data-constellation-field className={containerClasses} style={style}>\n        <div className={cn(s['input-container'], isTextArea && s['textarea-container'])}>\n          {/* Start Adornment */}\n          {startAdornment && (\n            <span data-slot={'input-start-adornment'} className={s['adornment']}>\n              {startAdornment}\n            </span>\n          )}\n\n          <div className={s['label-container']}>\n            <Label htmlFor={inputId}>\n              {label}\n              {(rest['aria-required'] || rest.required) && <span className={s.required}>*</span>}\n            </Label>\n          </div>\n          {isTextArea ? (\n            <textarea\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLTextAreaElement>}\n              rows={rows}\n              {...(rest as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n            />\n          ) : ghost !== undefined ? (\n            /*\n             * The ghost is drawn by re-rendering the typed value INVISIBLY and\n             * letting the suggestion follow it, so the two share one text flow\n             * and the ghost lands exactly where the caret is — no measuring, and\n             * nothing to drift when the font or padding changes.\n             *\n             * The wrapper exists so `inset: 0` means the input's box rather than\n             * the container's, which would be off by the padding and by any\n             * start adornment.\n             *\n             * Branching on `ghost !== undefined` rather than on the string being\n             * non-empty is load-bearing: a suggestion appears and disappears as\n             * you type, and switching JSX shape underneath a live field makes\n             * React unmount and remount the input — which drops focus, the\n             * caret and any IME composition mid-word. Pass `ghost=''` for \"no\n             * suggestion right now\" and the element stays put.\n             */\n            <span className={s['ghost-wrap']}>\n              {ghost ? (\n                <span aria-hidden={'true'} className={s['ghost']}>\n                  <span className={s['ghost-typed']}>{String(rest.value ?? '')}</span>\n                  {ghost}\n                </span>\n              ) : null}\n              <input\n                data-slot={'input-field'}\n                id={inputId}\n                className={cn(s['input-field'], ghost && s['input-field--ghosted'])}\n                aria-invalid={error ? 'true' : undefined}\n                aria-describedby={helperId}\n                aria-autocomplete={'inline'}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                ref={ref as React.Ref<HTMLInputElement>}\n                type={type}\n                {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n              />\n            </span>\n          ) : (\n            <input\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={type}\n              {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n            />\n          )}\n\n          {/* End Adornment */}\n          {endAdornment && (\n            <span data-slot={'input-end-adornment'} className={s['adornment']}>\n              {endAdornment}\n            </span>\n          )}\n        </div>\n\n        {/* Helper Text */}\n        {helperText && (\n          <Typography\n            data-slot={'input-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["s","_jsxs","_jsx"],"mappings":"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"}

package/dist/form/Select/select.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --select-duration: 200ms;
   --select-ease: cubic-bezier(0.4, 0, 0.2, 1);
@@ -83,6 +84,7 @@
   color: var(--text-primary);
   max-height: 24rem;
   max-width: min(24rem, 100vw - 1rem);
+  min-width: min(var(--select-trigger-width, 0px), 100vw - 1rem);
   overflow: hidden;
   pointer-events: auto;
   width: fit-content;
@@ -110,7 +112,13 @@
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: 0.25rem;
-  width: fit-content;
+  /*
+   * Fills the panel rather than shrink-wrapping its rows. As `fit-content` the
+   * viewport sized itself to the longest option while `.content` was held open
+   * to the trigger width, so the rows — and the scrollbar — sat in a narrow
+   * column against a wide empty panel.
+   */
+  width: 100%;
 }
 
 .select-module_viewport-popper__KXAMM {
@@ -204,6 +212,51 @@
   width: 0.875rem;
 }
 
+/*
+ * A group has to read as ONE block, not as a heading that happens to sit above
+ * some rows. Three things do that: a rule above every group but the first, a
+ * heading that stays pinned while its own rows scroll past it, and a text edge
+ * shared with those rows.
+ */
+/*
+ * A column, so the rows stretch to the panel width and their hover highlight
+ * spans the whole row. Left as a plain block, each row shrink-wraps its own
+ * label and the highlight stops mid-row.
+ */
+.select-module_group__YQWh5 {
+  display: flex;
+  flex-direction: column;
+}
+
+.select-module_group__YQWh5:not(:first-child) {
+  border-top: 1px solid var(--divider);
+  margin-top: 0.25rem;
+  padding-top: 0.25rem;
+}
+
+.select-module_group-label__J50K8 {
+  background-color: var(--surface-muted);
+  color: var(--text-secondary);
+  font-size: 0.68rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  /*
+   * Pulled out to the viewport's border box and padded back in, so the heading
+   * covers the full panel width while its text still lines up with the item
+   * labels below it (0.25rem of viewport padding + 0.5rem of item padding).
+   */
+  margin-inline: -0.25rem;
+  padding: 0.6rem 0.75rem 0.25rem;
+  position: sticky;
+  text-transform: uppercase;
+  /*
+   * -0.25rem, not 0: sticky pins to the scrollport's PADDING box, so at 0 a
+   * 4px sliver of the scrolling rows shows above the heading.
+   */
+  top: -0.25rem;
+  z-index: 1;
+}
+
 .select-module_separator__aPMWg {
   background-color: var(--divider);
   height: 1px;

package/dist/form/Select/select.d.ts

@@ -1,16 +1,54 @@
-import { type SelectContentProps, type SelectFieldProps, type SelectProps } from '@constellation/types';
+import { type SelectAlign, type SelectContentProps, type SelectFieldProps, type SelectPosition, type SelectProps, type SelectSide } from '@constellation/types';
 import * as React from 'react';
+type SurfaceProps = {
+    align?: SelectAlign;
+    children: React.ReactNode;
+    className?: string;
+    collisionPadding?: number;
+    contentRef: React.MutableRefObject<HTMLDivElement | null>;
+    displayOpen: boolean;
+    isClosing?: boolean;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    open: boolean;
+    position?: SelectPosition;
+    side?: SelectSide;
+    sideOffset?: number;
+    triggerRef: React.MutableRefObject<HTMLElement | null>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'onKeyDown'>;
+declare function Surface({ align, children, className, collisionPadding, contentRef, displayOpen, isClosing, onKeyDown, open, position, side, sideOffset, triggerRef, ...props }: SurfaceProps): React.ReactPortal | null;
 declare function Select({ open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, disabled, children, ...props }: SelectProps): React.JSX.Element;
-declare function SelectGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+/**
+ * A titled run of options — the `<optgroup>` of this select.
+ *
+ * The heading is presentational and never focusable: it names the run, it is
+ * not a thing you can pick. Labelling the group with `aria-label` rather than
+ * pointing at the heading keeps it out of the option list for a screen reader
+ * too.
+ */
+declare function SelectGroup({ label, children, className, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    label?: React.ReactNode;
+}): React.JSX.Element;
 declare function SelectValue({ children, placeholder, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
     placeholder?: React.ReactNode;
 }): React.JSX.Element;
-declare function SelectTrigger({ className, children, onClick, onKeyDown, type, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
+declare function SelectTrigger({ className, children, onClick, onKeyDown, type, asChild, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Render the caller's own element as the trigger, and drop the field styling
+     * and the chevron with it.
+     *
+     * For a control that opens a listbox without looking like a form field — a
+     * picker that states itself as an icon and a line of text, say. The caller
+     * owns every visual decision; the Select still owns the behaviour, the
+     * portaled surface and the ARIA wiring.
+     */
+    asChild?: boolean;
+}): React.JSX.Element;
 declare function SelectContent({ align, className, children, collisionPadding, onKeyDown, position, side, sideOffset, ...props }: SelectContentProps): React.JSX.Element;
 declare function SelectItem({ className, children, disabled, onClick, onMouseMove, value, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
     value: string;
 }): React.JSX.Element;
 declare function SelectSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare function SelectField(props: SelectFieldProps): React.JSX.Element;
+export { Surface as __Surface };
 export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue, };
 //# sourceMappingURL=select.d.ts.map

package/dist/form/Select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/form/Select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EAErB,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAya/B,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAoHb;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAS3E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,qBAwD/C;AAED,iBAAS,aAAa,CAAC,EACrB,KAAe,EACf,SAAS,EACT,QAAQ,EACR,gBAA4C,EAC5C,SAAS,EACT,QAAmB,EACnB,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA2FpB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,qBA2CnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAErF;AA0lBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA8N3C;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/form/Select/select.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EAChB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAqVvF,iBAAS,OAAO,CAAC,EACf,KAAe,EACf,QAAQ,EACR,SAAS,EACT,gBAA4C,EAC5C,UAAU,EACV,WAAW,EACX,SAAiB,EACjB,SAAS,EACT,IAAI,EACJ,QAAmB,EACnB,IAAe,EACf,UAAc,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,YAAY,4BAoCd;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAW,EACX,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,qBAoHb;AAED;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAiBpE;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAS3E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjD;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBA0DA;AAED,iBAAS,aAAa,CAAC,EACrB,KAAe,EACf,SAAS,EACT,QAAQ,EACR,gBAA4C,EAC5C,SAAS,EACT,QAAmB,EACnB,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA2FpB;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,qBA2CnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAErF;AA2lBD,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA+N3C;AAMD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC;AAEhC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}