@kismet-ux/constellation 1.14.0 → 1.15.0

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

@@ -3,70 +3,18 @@ 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 * 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 * 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/ChipSelect/chip-select.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/SwipeRow/swipe-row.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, }) {
+function DatePicker({ value: valueProp, defaultValue, onChange, label, helperText, error = false, appearance, disabled = false, sizeVariant, placeholder, min, max, required = false, id, className, name, }) {
     const generatedId = React.useId();
     const triggerId = id ?? generatedId;
     const helperId = `${triggerId}-helper`;
@@ -246,8 +194,8 @@ function DatePicker({ value: valueProp, defaultValue, onChange, label, helperTex
         const nextDate = new Date(nextYear, nextMonth, nextDay);
         syncSelectedDate(nextDate);
     }, [inputValue, normalizedCurrentValue, syncSelectedDate]);
-    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: hasError }, { [inputStyles.disabled]: disabled }, { [inputStyles.placeholder]: !!resolvedPlaceholder }, { [inputStyles['has-value']]: hasValue || !!inputValue }, { [inputStyles['is-focused']]: isFocused || displayOpen }, className);
-    return (jsxs(Fragment, { children: [jsxs("div", { "data-slot": 'date-picker', "data-constellation-field": true, className: containerClasses, children: [jsxs("div", { ref: fieldRef, className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, children: [label, required && jsx("span", { className: inputStyles.required, children: "*" })] }) }), jsx("input", { ref: inputRef, id: triggerId, type: 'text', className: cn(inputStyles['input-field'], s['text-input']), value: inputValue, disabled: disabled, placeholder: resolvedPlaceholder, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": helperMessage ? helperId : undefined, inputMode: 'numeric', autoComplete: 'off', maxLength: 10, pattern: '\\d{2}/\\d{2}/\\d{4}', onChange: e => {
+    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], appearance && inputStyles[`appearance-${appearance}`], { [inputStyles.error]: hasError }, { [inputStyles.disabled]: disabled }, { [inputStyles.placeholder]: !!resolvedPlaceholder }, { [inputStyles['has-value']]: hasValue || !!inputValue }, { [inputStyles['is-focused']]: isFocused || displayOpen }, className);
+    return (jsxs(Fragment, { children: [jsxs("div", { "data-slot": 'date-picker', "data-constellation-field": true, "data-appearance": appearance, className: containerClasses, children: [jsxs("div", { ref: fieldRef, className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, children: [label, required && jsx("span", { className: inputStyles.required, children: "*" })] }) }), jsx("input", { ref: inputRef, id: triggerId, type: 'text', className: cn(inputStyles['input-field'], s['text-input']), value: inputValue, disabled: disabled, placeholder: resolvedPlaceholder, "aria-invalid": hasError ? 'true' : undefined, "aria-describedby": helperMessage ? helperId : undefined, inputMode: 'numeric', autoComplete: 'off', maxLength: 10, pattern: '\\d{2}/\\d{2}/\\d{4}', onChange: e => {
                                     const maskedValue = maskDateInput(e.target.value);
                                     setInputValue(maskedValue);
                                     syncCalendarPreview(maskedValue);

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  appearance,\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    appearance && inputStyles[`appearance-${appearance}`],\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\n        data-slot={'date-picker'}\n        data-constellation-field\n        data-appearance={appearance}\n        className={containerClasses}\n      >\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

@@ -5,10 +5,44 @@
   --small-font-size: 0.8125rem;
 }
 
+/*
+ * A field's box is described by five custom properties on the container, and
+ * an appearance only ever re-points them.
+ *
+ * It has to work that way. `filled` and `underline` can be asked for by a prop
+ * OR by `data-field-appearance` on an ancestor, and the ancestor form carries
+ * an extra selector — so a rule that reached into `.input-container` from
+ * there would out-specify the focus and error rules below and a filled field
+ * would stop showing either. Variables have no such contest: the appearance
+ * says what the box is, the state rules say what colour it is.
+ */
 .input-module_container__bycn1 {
   display: flex;
   --constellation-field-background: var(--background-default);
+  --constellation-field-border-color: var(--input-standard-enabled-border);
+  --constellation-field-border-width: 1px;
   --constellation-field-label-background: transparent;
+  --constellation-field-margin: 1px;
+  --constellation-field-radius: var(--field-radius, 36px);
+  --constellation-field-ring: inset 0 0 0 1px;
+  /*
+   * Opaque on purpose. The floating label paints the field's ground behind
+   * its lower half to notch the top edge, so an alpha here would be laid down
+   * twice and show as a darker strip under the label.
+   */
+}
+.input-module_container__bycn1.input-module_appearance-filled__thOK6, [data-field-appearance='filled'] .input-module_container__bycn1:not([data-appearance]) {
+  --constellation-field-background: var(--field-filled-background, var(--surface-muted));
+  --constellation-field-border-color: transparent;
+}
+.input-module_container__bycn1.input-module_appearance-underline__Vo61x, [data-field-appearance='underline'] .input-module_container__bycn1:not([data-appearance]) {
+  --constellation-field-background: transparent;
+  --constellation-field-border-width: 0 0 1px;
+  --constellation-field-margin: 1px 0;
+  --constellation-field-radius: 0;
+  --constellation-field-ring: 0 1px 0 0;
+}
+.input-module_container__bycn1 {
   flex-direction: column;
   gap: 4px;
   min-width: var(--input-min-width, 140px);
@@ -34,13 +68,15 @@
 .input-module_container__bycn1 .input-module_input-container__nw0Oc {
   align-items: center;
   background-color: var(--constellation-field-background);
-  border: 1px solid var(--input-standard-enabled-border);
-  border-radius: 36px;
+  border-color: var(--constellation-field-border-color);
+  border-radius: var(--constellation-field-radius);
+  border-style: solid;
+  border-width: var(--constellation-field-border-width);
   box-shadow: inset 0 0 0 0 transparent;
   box-sizing: border-box;
   display: flex;
   gap: 2px;
-  margin: 1px;
+  margin: var(--constellation-field-margin);
   min-width: 0;
   position: relative;
   transition: border-color 0.3s ease, box-shadow 0.3s ease;
@@ -120,7 +156,7 @@
   width: 22px;
 }
 .input-module_container__bycn1 .input-module_input-container__nw0Oc.input-module_textarea-container__cc9-3 {
-  border-radius: var(--size-2);
+  border-radius: min(var(--constellation-field-radius), var(--size-2));
 }
 .input-module_container__bycn1 .input-module_input-container__nw0Oc.input-module_textarea-container__cc9-3 textarea {
   border: none;
@@ -133,7 +169,7 @@
 }
 .input-module_container__bycn1.input-module_is-focused__08nzj .input-module_input-container__nw0Oc {
   border-color: var(--primary-emphasis);
-  box-shadow: inset 0 0 0 1px var(--primary-emphasis);
+  box-shadow: var(--constellation-field-ring) var(--primary-emphasis);
 }
 .input-module_container__bycn1.input-module_error__ftn_q .input-module_label-container__SngtG label,
 .input-module_container__bycn1.input-module_error__ftn_q .input-module_helper-text__DvzFI {
@@ -141,7 +177,7 @@
 }
 .input-module_container__bycn1.input-module_error__ftn_q .input-module_input-container__nw0Oc {
   border-color: var(--destructive-emphasis);
-  box-shadow: inset 0 0 0 1px var(--destructive-emphasis);
+  box-shadow: var(--constellation-field-ring) var(--destructive-emphasis);
 }
 .input-module_container__bycn1.input-module_disabled__9RjjE {
   cursor: not-allowed;

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

@@ -1,3 +1,4 @@
+import type { FieldAppearance } from '@constellation/types';
 import * as React from 'react';
 type InputSize = 'sm' | 'md' | 'lg';
 type InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';
@@ -5,6 +6,11 @@ export interface InputBaseProps {
     label?: string;
     sizeVariant?: InputSize;
     error?: boolean;
+    /**
+     * How the box is drawn: `outlined` (the default), `filled` or `underline`.
+     * Leave it unset to follow `data-field-appearance` on an ancestor.
+     */
+    appearance?: FieldAppearance;
     helperText?: string;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;

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,2GAqLV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,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;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,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,2GA6LV,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, className, onFocus, onBlur, style, ...rest }, ref) => {
+const Input = React.forwardRef(({ label, sizeVariant, error = false, appearance, 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,7 +31,7 @@ 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 }, 
+    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], appearance && inputStyles[`appearance-${appearance}`], { [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`.
      *
@@ -52,7 +52,7 @@ const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText,
      * 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 ? (
+    jsxs("div", { "data-slot": 'input', "data-constellation-field": true, "data-appearance": appearance, 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      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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"}
+{"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 type { FieldAppearance } from '@constellation/types';\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  /**\n   * How the box is drawn: `outlined` (the default), `filled` or `underline`.\n   * Leave it unset to follow `data-field-appearance` on an ancestor.\n   */\n  appearance?: FieldAppearance;\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      appearance,\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      appearance && s[`appearance-${appearance}`],\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\n        data-slot={'input'}\n        data-constellation-field\n        data-appearance={appearance}\n        className={containerClasses}\n        style={style}\n      >\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/Input/input.module.scss.js

@@ -1,6 +1,6 @@
 import './input.css';
 
-var inputStyles = {"container":"input-module_container__bycn1","label-container":"input-module_label-container__SngtG","required":"input-module_required__J1bMP","input-container":"input-module_input-container__nw0Oc","ghost-wrap":"input-module_ghost-wrap__pHzia","ghost":"input-module_ghost__yVtI-","ghost-typed":"input-module_ghost-typed__r9NZN","adornment":"input-module_adornment__cO4v1","textarea-container":"input-module_textarea-container__cc9-3","helper-text":"input-module_helper-text__DvzFI","is-focused":"input-module_is-focused__08nzj","error":"input-module_error__ftn_q","disabled":"input-module_disabled__9RjjE","sm":"input-module_sm__AtYYB","placeholder":"input-module_placeholder__I29pr","has-value":"input-module_has-value__juKDe","md":"input-module_md__nPnVp","lg":"input-module_lg__dC2Tp"};
+var inputStyles = {"container":"input-module_container__bycn1","appearance-filled":"input-module_appearance-filled__thOK6","appearance-underline":"input-module_appearance-underline__Vo61x","label-container":"input-module_label-container__SngtG","required":"input-module_required__J1bMP","input-container":"input-module_input-container__nw0Oc","ghost-wrap":"input-module_ghost-wrap__pHzia","ghost":"input-module_ghost__yVtI-","ghost-typed":"input-module_ghost-typed__r9NZN","adornment":"input-module_adornment__cO4v1","textarea-container":"input-module_textarea-container__cc9-3","helper-text":"input-module_helper-text__DvzFI","is-focused":"input-module_is-focused__08nzj","error":"input-module_error__ftn_q","disabled":"input-module_disabled__9RjjE","sm":"input-module_sm__AtYYB","placeholder":"input-module_placeholder__I29pr","has-value":"input-module_has-value__juKDe","md":"input-module_md__nPnVp","lg":"input-module_lg__dC2Tp"};
 
 export { inputStyles as default };
 //# sourceMappingURL=input.module.scss.js.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":"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"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/form/Select/select.tsx"],"names":[],"mappings":"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"}

package/dist/form/Select/select.js

@@ -564,7 +564,7 @@ function SelectInputTrigger({ className, id, onBlur, onFocus, placeholder, searc
             }
         }, children: [jsx("input", { ref: inputRef, id: id, type: 'text', value: displayValue, placeholder: placeholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, disabled: context.disabled, "aria-controls": context.contentId, "aria-expanded": context.open, "aria-haspopup": 'listbox', className: selectStyles['search-trigger-input'], autoComplete: 'off', ...props }), jsx(ChevronDownIcon, { className: cn(selectStyles['trigger-icon']) })] }));
 }
-function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled = false, error, fieldClassName, filteredItems, getItemText, helperText, isFocused, isRequired, label, labelRef, minWidth, name, onOpenChange, onValueChange, open: openProp, placeholder, resolvedSize, searchable, selectableItems, searchQuery, setIsFocused, setSearchQuery, triggerId, value, }) {
+function MultiSelectField({ appearance, contentProps, defaultOpen, defaultValue, disabled = false, error, fieldClassName, filteredItems, getItemText, helperText, isFocused, isRequired, label, labelRef, minWidth, name, onOpenChange, onValueChange, open: openProp, placeholder, resolvedSize, searchable, selectableItems, searchQuery, setIsFocused, setSearchQuery, triggerId, value, }) {
     const triggerRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const viewportRef = React.useRef(null);
@@ -653,7 +653,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
             });
         }
     }, [currentOpen, searchable]);
-    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: hasValue }, { [inputStyles['is-focused']]: isFocused || currentOpen || isClosing }, fieldClassName);
+    const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], appearance && inputStyles[`appearance-${appearance}`], { [inputStyles.error]: error }, { [inputStyles.disabled]: disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: hasValue }, { [inputStyles['is-focused']]: isFocused || currentOpen || isClosing }, fieldClassName);
     const handleKeyDown = (event) => {
         if (searchable) {
             const input = triggerRef.current?.querySelector('input');
@@ -699,7 +699,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
             moveItemFocus(viewportRef.current, 'select-multi-item', 'last');
         }
     };
-    return (jsxs(Fragment, { children: [jsxs("div", { "data-constellation-field": true, className: containerClasses, style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsxs("div", { ref: triggerRef, tabIndex: -1, className: cn(selectStyles.trigger, selectStyles['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => {
+    return (jsxs(Fragment, { children: [jsxs("div", { "data-constellation-field": true, "data-appearance": appearance, className: containerClasses, style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsxs("div", { ref: triggerRef, tabIndex: -1, className: cn(selectStyles.trigger, selectStyles['input-trigger']), "data-placeholder": !hasValue ? 'true' : undefined, onClick: () => {
                                     if (!currentOpen) {
                                         setOpen(true);
                                     }
@@ -784,7 +784,7 @@ function MultiSelectField({ contentProps, defaultOpen, defaultValue, disabled =
                     }) }) })] }));
 }
 function SelectField(props) {
-    const { label, helperText, error = false, placeholder, children, fieldClassName, contentProps, id, sizeVariant, searchThreshold = DEFAULT_SEARCH_THRESHOLD, } = props;
+    const { label, helperText, error = false, appearance, placeholder, children, fieldClassName, contentProps, id, sizeVariant, searchThreshold = DEFAULT_SEARCH_THRESHOLD, } = props;
     const generatedId = React.useId();
     const triggerId = id ?? generatedId;
     const { isBelow } = useBreakpoint();
@@ -872,7 +872,7 @@ function SelectField(props) {
             if (!nextOpen) {
                 setSearchQuery('');
             }
-        }, value: value, defaultValue: defaultValue, onValueChange: onValueChange, children: [jsxs("div", { "data-constellation-field": true, className: cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: props.disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: Boolean(value ?? defaultValue) }, { [inputStyles['is-focused']]: isFocused || isOpen }, fieldClassName), style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsx(SelectInputTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, placeholder: placeholder, searchQuery: searchQuery, setSearchQuery: setSearchQuery, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) })) : (jsx(SelectTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, className: selectStyles['input-trigger'], onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: jsx(SelectValue, { placeholder: placeholder }) }))] }), helperText ? (jsx(Typography, { "data-slot": 'input-helper-text', id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null] }), jsx(SelectContent, { ...contentProps, onKeyDown: handleContentKeyDown, children: searchQuery ? filteredItems : childArray })] }));
+        }, value: value, defaultValue: defaultValue, onValueChange: onValueChange, children: [jsxs("div", { "data-constellation-field": true, "data-appearance": appearance, className: cn(inputStyles.container, inputStyles[resolvedSize], appearance && inputStyles[`appearance-${appearance}`], { [inputStyles.error]: error }, { [inputStyles.disabled]: props.disabled }, { [inputStyles.placeholder]: placeholder }, { [inputStyles['has-value']]: Boolean(value ?? defaultValue) }, { [inputStyles['is-focused']]: isFocused || isOpen }, fieldClassName), style: minWidth ? { minWidth: Math.max(minWidth, 140) } : undefined, children: [jsxs("div", { className: inputStyles['input-container'], children: [jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: triggerId, ref: labelRef, children: [label, isRequired && jsx("span", { className: inputStyles.required, children: "*" })] }) }), searchable ? (jsx(SelectInputTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, placeholder: placeholder, searchQuery: searchQuery, setSearchQuery: setSearchQuery, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) })) : (jsx(SelectTrigger, { id: triggerId, "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperText ? `${triggerId}-helper` : undefined, className: selectStyles['input-trigger'], onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: jsx(SelectValue, { placeholder: placeholder }) }))] }), helperText ? (jsx(Typography, { "data-slot": 'input-helper-text', id: `${triggerId}-helper`, variant: 'caption', className: inputStyles['helper-text'], children: helperText })) : null] }), jsx(SelectContent, { ...contentProps, onKeyDown: handleContentKeyDown, children: searchQuery ? filteredItems : childArray })] }));
 }
 
 export { Select, SelectContent, SelectField, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, SelectValue, Surface as __Surface };