@techzyapp/ui-library 1.0.41 → 1.0.43

package/dist/{TimePicker-_Ak5yB_5.cjs.map → TimePicker-DjL15hz1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"TimePicker-_Ak5yB_5.cjs","sources":["../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { TimeColumns } from '../DateTimePicker/TimeColumns'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseInput,\n  parseTime,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport tp from './TimePicker.module.css'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface TimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and popover density. */\n  size?: TimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a time string in `valueFormat` (`''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next time in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when\n   * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when\n   * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a\n   * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose\n   * time is used). Only the time-of-day is used; the date is ignored.\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  if (hour12) return showSeconds ? 'hh:mm:ss A' : 'hh:mm A'\n  return showSeconds ? 'HH:mm:ss' : 'HH:mm'\n}\n\n/** Compares two datetimes by **time of day** only (ignoring the date) at the given precision. */\nfunction sameTime(a: Dayjs, b: Dayjs, unit: 'minute' | 'second'): boolean {\n  if (a.hour() !== b.hour() || a.minute() !== b.minute()) return false\n  return unit === 'minute' ? true : a.second() === b.second()\n}\n\n/**\n * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns\n * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,\n * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —\n * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted\n * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.\n * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.\n */\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    format: formatProp,\n    valueFormat: valueFormatProp,\n    utc = true,\n    hour12 = false,\n    minuteStep = 1,\n    showSeconds = true,\n    placeholder,\n    clearable = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n  const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n  // UTC time-of-day carries a `Z` (\"09:35:00Z\"); `utc={false}` emits the bare wall-clock. Override via `valueFormat`.\n  const valueFormat = valueFormatProp ?? (utc ? 'HH:mm:ss[Z]' : 'HH:mm:ss')\n\n  // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` time string ────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n  // when `utc`, parse the UTC time and show it in the viewer's LOCAL time (value stays UTC, emit\n  // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n  const selected = utc\n    ? utcToLocalWall(parseTime(currentValue, valueFormat))\n    : parseTime(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const mask = maskFromFormat(format)\n  const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n  const commit = (next: string) => {\n    if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // emit a time in the wire `valueFormat`, or '' to clear. Re-picking the same time-of-day is a no-op\n  const commitTime = (d: Dayjs | null) => {\n    if (d && selected && sameTime(d, selected, 'second')) return\n    // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n    commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n  }\n\n  // true when `d` differs from the current value at the input's precision — gates typed-input commits\n  const changed = (d: Dayjs) => !selected || !sameTime(d, selected, timeUnit)\n\n  const [inputText, setInputText] = useState<string>(() =>\n    selected ? selected.format(format) : '',\n  )\n  useEffect(() => {\n    setInputText(selected ? selected.format(format) : '')\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentValue, format, valueFormat])\n\n  // ── popover ────────────────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    fieldBlurRef.current?.()\n    if (refocus) inputRef.current?.focus()\n  }, [])\n\n  const handleInputChange = (raw: string) => {\n    const masked = applyMask(raw, mask)\n    setInputText(masked)\n    if (masked === '') {\n      commit('')\n      return\n    }\n    const parsed = parseInput(masked, format)\n    if (parsed && changed(parsed)) commitTime(parsed)\n  }\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('')\n    } else if (parsed) {\n      if (changed(parsed)) commitTime(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    const nextEl = event.relatedTarget as Node | null\n    if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n      return\n    bound?.onBlur(event)\n  }\n\n  const handleTimeChange = (next: Dayjs) => commitTime(next)\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          className={styles.input}\n          value={inputText}\n          placeholder={placeholder ?? format.toLowerCase()}\n          disabled={disabled}\n          autoComplete=\"off\"\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          onChange={(e) => handleInputChange(e.target.value)}\n          onBlur={handleInputBlur}\n        />\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('timePicker.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              commit('')\n              setInputText('')\n              inputRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <IconButton\n          type=\"button\"\n          variant=\"text\"\n          color=\"primary\"\n          size={size}\n          disabled={disabled}\n          aria-label={t('timePicker.open')}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          className={styles.calendarButton}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Icon name=\"Clock\" size={iconSize} />\n        </IconButton>\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel=\"Choose time\"\n        trapFocus\n        className={styles.popover}\n      >\n        <TimeColumns\n          value={selected}\n          onChange={handleTimeChange}\n          hour12={hour12}\n          minuteStep={minuteStep}\n          showSeconds={showSeconds}\n          autoFocus\n        />\n        <div className={tp.footer}>\n          <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n            {t('common.done')}\n          </Button>\n        </div>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["defaultFormatFor","hour12","showSeconds","sameTime","a","b","unit","TimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","utcToLocalWall","parseTime","resolvedError","resolvedHelperText","mask","maskFromFormat","timeUnit","commit","next","commitTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","TimeColumns","tp","Button"],"mappings":"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"}
+{"version":3,"file":"TimePicker-DjL15hz1.cjs","sources":["../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { TimeColumns } from '../DateTimePicker/TimeColumns'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseInput,\n  parseTime,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport tp from './TimePicker.module.css'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface TimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and popover density. */\n  size?: TimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a time string in `valueFormat` (`''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next time in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when\n   * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when\n   * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a\n   * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose\n   * time is used). Only the time-of-day is used; the date is ignored.\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  if (hour12) return showSeconds ? 'hh:mm:ss A' : 'hh:mm A'\n  return showSeconds ? 'HH:mm:ss' : 'HH:mm'\n}\n\n/** Compares two datetimes by **time of day** only (ignoring the date) at the given precision. */\nfunction sameTime(a: Dayjs, b: Dayjs, unit: 'minute' | 'second'): boolean {\n  if (a.hour() !== b.hour() || a.minute() !== b.minute()) return false\n  return unit === 'minute' ? true : a.second() === b.second()\n}\n\n/**\n * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns\n * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,\n * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —\n * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted\n * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.\n * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.\n */\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    format: formatProp,\n    valueFormat: valueFormatProp,\n    utc = true,\n    hour12 = false,\n    minuteStep = 1,\n    showSeconds = true,\n    placeholder,\n    clearable = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n  const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n  // UTC time-of-day carries a `Z` (\"09:35:00Z\"); `utc={false}` emits the bare wall-clock. Override via `valueFormat`.\n  const valueFormat = valueFormatProp ?? (utc ? 'HH:mm:ss[Z]' : 'HH:mm:ss')\n\n  // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` time string ────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n  // when `utc`, parse the UTC time and show it in the viewer's LOCAL time (value stays UTC, emit\n  // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n  const selected = utc\n    ? utcToLocalWall(parseTime(currentValue, valueFormat))\n    : parseTime(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const mask = maskFromFormat(format)\n  const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n  const commit = (next: string) => {\n    if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // emit a time in the wire `valueFormat`, or '' to clear. Re-picking the same time-of-day is a no-op\n  const commitTime = (d: Dayjs | null) => {\n    if (d && selected && sameTime(d, selected, 'second')) return\n    // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n    commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n  }\n\n  // true when `d` differs from the current value at the input's precision — gates typed-input commits\n  const changed = (d: Dayjs) => !selected || !sameTime(d, selected, timeUnit)\n\n  const [inputText, setInputText] = useState<string>(() =>\n    selected ? selected.format(format) : '',\n  )\n  useEffect(() => {\n    setInputText(selected ? selected.format(format) : '')\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentValue, format, valueFormat])\n\n  // ── popover ────────────────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    fieldBlurRef.current?.()\n    if (refocus) inputRef.current?.focus()\n  }, [])\n\n  const handleInputChange = (raw: string) => {\n    const masked = applyMask(raw, mask)\n    setInputText(masked)\n    if (masked === '') {\n      commit('')\n      return\n    }\n    const parsed = parseInput(masked, format)\n    if (parsed && changed(parsed)) commitTime(parsed)\n  }\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('')\n    } else if (parsed) {\n      if (changed(parsed)) commitTime(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    const nextEl = event.relatedTarget as Node | null\n    if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n      return\n    bound?.onBlur(event)\n  }\n\n  const handleTimeChange = (next: Dayjs) => commitTime(next)\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          className={styles.input}\n          value={inputText}\n          placeholder={placeholder ?? format.toLowerCase()}\n          disabled={disabled}\n          autoComplete=\"off\"\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          onChange={(e) => handleInputChange(e.target.value)}\n          onBlur={handleInputBlur}\n        />\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('timePicker.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              commit('')\n              setInputText('')\n              inputRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <IconButton\n          type=\"button\"\n          variant=\"text\"\n          color=\"primary\"\n          size={size}\n          disabled={disabled}\n          aria-label={t('timePicker.open')}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          className={styles.calendarButton}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Icon name=\"Clock\" size={iconSize} />\n        </IconButton>\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel={t('timePicker.dialog')}\n        trapFocus\n        className={styles.popover}\n      >\n        <TimeColumns\n          value={selected}\n          onChange={handleTimeChange}\n          hour12={hour12}\n          minuteStep={minuteStep}\n          showSeconds={showSeconds}\n          autoFocus\n        />\n        <div className={tp.footer}>\n          <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n            {t('common.done')}\n          </Button>\n        </div>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["defaultFormatFor","hour12","showSeconds","sameTime","a","b","unit","TimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","utcToLocalWall","parseTime","resolvedError","resolvedHelperText","mask","maskFromFormat","timeUnit","commit","next","commitTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","TimeColumns","tp","Button"],"mappings":"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"}

package/dist/{TimePicker-DHdsY8kQ.js → TimePicker-YMVHevpZ.js}

@@ -1,15 +1,15 @@
-import { jsxs as I, jsx as a } from "react/jsx-runtime";
-import { forwardRef as xe, useId as Ne, useState as V, useEffect as ge, useRef as y, useCallback as Z } from "react";
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { forwardRef as xe, useId as ge, useState as V, useEffect as Ne, useRef as x, useCallback as Z } from "react";
 import { clsx as $ } from "clsx";
 import { u as Be } from "./formContext-B7ln1Miy.js";
 import { F as He } from "./FloatingPanel-C5c_eMQ0.js";
-import { B as be } from "./Button-CjsnB8gX.js";
+import { B as Pe } from "./Button-CtADzomU.js";
 import { b as G } from "./Icon-D5TxgfCc.js";
-import { I as Pe } from "./IconButton-t1OhAMNc.js";
+import { I as be } from "./IconButton-BoURJOUD.js";
 import { T as J } from "./Typography-ChSuxgkc.js";
-import { T as Re } from "./TimeColumns-C_gdJn__.js";
-import { u as De, h as K, m as Ee, s as o, b as Q, c as Le, l as Me } from "./DatePicker.module-CMMQyEhG.js";
-import { a as Ve } from "./ConfigProvider-Bgu85MsI.js";
+import { T as Re } from "./TimeColumns-BWcuu3l7.js";
+import { u as De, h as K, m as Ee, s as t, b as Q, c as Le, l as Me } from "./DatePicker.module-CMMQyEhG.js";
+import { a as Ve } from "./ConfigProvider-Dqfu7UBU.js";
 const We = "_footer_p1ea2_7", _e = {
   footer: We
 };
@@ -24,15 +24,15 @@ const Qe = xe(function({
   size: m = "md",
   error: Y,
   helperText: ee,
-  required: oe = !1,
-  fullWidth: te = !0,
+  required: te = !1,
+  fullWidth: oe = !0,
   disabled: h = !1,
-  value: x,
+  value: g,
   defaultValue: re,
   onChange: N,
   format: se,
   valueFormat: ae,
-  utc: g = !0,
+  utc: B = !0,
   hour12: W = !1,
   minuteStep: ne = 1,
   showSeconds: _ = !0,
@@ -43,30 +43,30 @@ const Qe = xe(function({
   className: me,
   style: ue
 }, f) {
-  const B = Ve(), fe = Ne(), H = ce ?? fe, j = `${H}-helper`, n = se ?? je(W, _), v = ae ?? (g ? "HH:mm:ss[Z]" : "HH:mm:ss"), T = Be(), C = !!(T && u), t = C ? T.field(u) : void 0, pe = x !== void 0 ? x : C ? T.values[u] ?? "" : void 0, w = x !== void 0 || C, [de, he] = V(re ?? ""), p = w ? pe : de, r = g ? De(K(p, v)) : K(p, v), b = Y ?? (t == null ? void 0 : t.error) ?? !1, P = ee ?? (t == null ? void 0 : t.helperText), ve = Ee(n), Te = /s/.test(n) ? "second" : "minute", k = (e) => {
-    e !== p && (w || he(e), C && T.setValue(u, e), N == null || N(e));
+  const v = Ve(), fe = ge(), H = ce ?? fe, j = `${H}-helper`, n = se ?? je(W, _), T = ae ?? (B ? "HH:mm:ss[Z]" : "HH:mm:ss"), k = Be(), C = !!(k && u), o = C ? k.field(u) : void 0, pe = g !== void 0 ? g : C ? k.values[u] ?? "" : void 0, w = g !== void 0 || C, [de, he] = V(re ?? ""), p = w ? pe : de, r = B ? De(K(p, T)) : K(p, T), P = Y ?? (o == null ? void 0 : o.error) ?? !1, b = ee ?? (o == null ? void 0 : o.helperText), ve = Ee(n), Te = /s/.test(n) ? "second" : "minute", F = (e) => {
+    e !== p && (w || he(e), C && k.setValue(u, e), N == null || N(e));
   }, R = (e) => {
-    e && r && X(e, r, "second") || k(e ? (g ? Me(e) : e).format(v) : "");
+    e && r && X(e, r, "second") || F(e ? (B ? Me(e) : e).format(T) : "");
   }, z = (e) => !r || !X(e, r, Te), [D, d] = V(
     () => r ? r.format(n) : ""
   );
-  ge(() => {
+  Ne(() => {
     d(r ? r.format(n) : "");
-  }, [p, n, v]);
-  const E = y(null), L = y(null), [M, A] = V(!1), Ce = Z(
+  }, [p, n, T]);
+  const E = x(null), L = x(null), [M, A] = V(!1), ke = Z(
     (e) => {
       L.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
     },
     [f]
-  ), F = y(void 0);
-  F.current = t ? () => t.onBlur({}) : void 0;
-  const S = y(null), U = Z((e) => {
+  ), I = x(void 0);
+  I.current = o ? () => o.onBlur({}) : void 0;
+  const S = x(null), U = Z((e) => {
     var s, l;
-    A(!1), (s = F.current) == null || s.call(F), e && ((l = L.current) == null || l.focus());
-  }, []), ke = (e) => {
+    A(!1), (s = I.current) == null || s.call(I), e && ((l = L.current) == null || l.focus());
+  }, []), Ce = (e) => {
     const s = Le(e, ve);
     if (d(s), s === "") {
-      k("");
+      F("");
       return;
     }
     const l = Q(s, n);
@@ -74,42 +74,42 @@ const Qe = xe(function({
   }, Fe = (e) => {
     var q, O;
     const s = Q(D, n);
-    D === "" ? k("") : s ? (z(s) && R(s), d(s.format(n))) : d(r ? r.format(n) : "");
+    D === "" ? F("") : s ? (z(s) && R(s), d(s.format(n))) : d(r ? r.format(n) : "");
     const l = e.relatedTarget;
-    l && ((q = S.current) != null && q.contains(l) || (O = E.current) != null && O.contains(l)) || t == null || t.onBlur(e);
+    l && ((q = S.current) != null && q.contains(l) || (O = E.current) != null && O.contains(l)) || o == null || o.onBlur(e);
   }, Ie = (e) => R(e), ye = m === "sm" ? "sm" : "md";
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: $(
-        o.field,
-        o[m],
-        te && o.fullWidth,
-        b && o.error,
-        h && o.disabled,
+        t.field,
+        t[m],
+        oe && t.fullWidth,
+        P && t.error,
+        h && t.disabled,
         me
       ),
       style: ue,
       children: [
-        i != null && /* @__PURE__ */ I("label", { htmlFor: H, className: o.label, children: [
+        i != null && /* @__PURE__ */ y("label", { htmlFor: H, className: t.label, children: [
           /* @__PURE__ */ a(J, { as: "span", variant: "bodySmall", color: "muted", children: i }),
-          oe && /* @__PURE__ */ a("span", { className: o.required, "aria-hidden": "true", children: "*" })
+          te && /* @__PURE__ */ a("span", { className: t.required, "aria-hidden": "true", children: "*" })
         ] }),
-        /* @__PURE__ */ I("div", { ref: E, className: $(o.control, M && o.open), children: [
+        /* @__PURE__ */ y("div", { ref: E, className: $(t.control, M && t.open), children: [
           /* @__PURE__ */ a(
             "input",
             {
-              ref: Ce,
+              ref: ke,
               id: H,
               name: u,
-              className: o.input,
+              className: t.input,
               value: D,
               placeholder: le ?? n.toLowerCase(),
               disabled: h,
               autoComplete: "off",
-              "aria-invalid": b || void 0,
-              "aria-describedby": P != null ? j : void 0,
-              onChange: (e) => ke(e.target.value),
+              "aria-invalid": P || void 0,
+              "aria-describedby": b != null ? j : void 0,
+              onChange: (e) => Ce(e.target.value),
               onBlur: Fe
             }
           ),
@@ -117,36 +117,36 @@ const Qe = xe(function({
             "button",
             {
               type: "button",
-              className: o.clear,
-              "aria-label": B("timePicker.clear"),
+              className: t.clear,
+              "aria-label": v("timePicker.clear"),
               tabIndex: -1,
               onMouseDown: (e) => e.preventDefault(),
               onClick: () => {
                 var e;
-                k(""), d(""), (e = L.current) == null || e.focus();
+                F(""), d(""), (e = L.current) == null || e.focus();
               },
               children: /* @__PURE__ */ a(G, { name: "CloseCircle", size: "sm" })
             }
           ),
           /* @__PURE__ */ a(
-            Pe,
+            be,
             {
               type: "button",
               variant: "text",
               color: "primary",
               size: m,
               disabled: h,
-              "aria-label": B("timePicker.open"),
+              "aria-label": v("timePicker.open"),
               "aria-haspopup": "dialog",
               "aria-expanded": M,
-              className: o.calendarButton,
+              className: t.calendarButton,
               onMouseDown: (e) => e.preventDefault(),
               onClick: () => A((e) => !e),
               children: /* @__PURE__ */ a(G, { name: "Clock", size: ye })
             }
           )
         ] }),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ y(
           He,
           {
             ref: S,
@@ -154,9 +154,9 @@ const Qe = xe(function({
             triggerRef: E,
             onClose: U,
             role: "dialog",
-            ariaLabel: "Choose time",
+            ariaLabel: v("timePicker.dialog"),
             trapFocus: !0,
-            className: o.popover,
+            className: t.popover,
             children: [
               /* @__PURE__ */ a(
                 Re,
@@ -169,19 +169,19 @@ const Qe = xe(function({
                   autoFocus: !0
                 }
               ),
-              /* @__PURE__ */ a("div", { className: _e.footer, children: /* @__PURE__ */ a(be, { size: "sm", variant: "filled", color: "primary", onClick: () => U(!0), children: B("common.done") }) })
+              /* @__PURE__ */ a("div", { className: _e.footer, children: /* @__PURE__ */ a(Pe, { size: "sm", variant: "filled", color: "primary", onClick: () => U(!0), children: v("common.done") }) })
             ]
           }
         ),
-        P != null && /* @__PURE__ */ a(
+        b != null && /* @__PURE__ */ a(
           J,
           {
             as: "span",
             id: j,
             variant: "bodySmall",
-            color: b ? "error" : "muted",
-            className: o.helper,
-            children: P
+            color: P ? "error" : "muted",
+            className: t.helper,
+            children: b
           }
         )
       ]
@@ -191,4 +191,4 @@ const Qe = xe(function({
 export {
   Qe as T
 };
-//# sourceMappingURL=TimePicker-DHdsY8kQ.js.map
+//# sourceMappingURL=TimePicker-YMVHevpZ.js.map

package/dist/{TimePicker-DHdsY8kQ.js.map → TimePicker-YMVHevpZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimePicker-DHdsY8kQ.js","sources":["../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { TimeColumns } from '../DateTimePicker/TimeColumns'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseInput,\n  parseTime,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport tp from './TimePicker.module.css'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface TimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and popover density. */\n  size?: TimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a time string in `valueFormat` (`''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next time in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when\n   * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when\n   * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a\n   * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose\n   * time is used). Only the time-of-day is used; the date is ignored.\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  if (hour12) return showSeconds ? 'hh:mm:ss A' : 'hh:mm A'\n  return showSeconds ? 'HH:mm:ss' : 'HH:mm'\n}\n\n/** Compares two datetimes by **time of day** only (ignoring the date) at the given precision. */\nfunction sameTime(a: Dayjs, b: Dayjs, unit: 'minute' | 'second'): boolean {\n  if (a.hour() !== b.hour() || a.minute() !== b.minute()) return false\n  return unit === 'minute' ? true : a.second() === b.second()\n}\n\n/**\n * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns\n * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,\n * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —\n * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted\n * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.\n * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.\n */\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    format: formatProp,\n    valueFormat: valueFormatProp,\n    utc = true,\n    hour12 = false,\n    minuteStep = 1,\n    showSeconds = true,\n    placeholder,\n    clearable = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n  const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n  // UTC time-of-day carries a `Z` (\"09:35:00Z\"); `utc={false}` emits the bare wall-clock. Override via `valueFormat`.\n  const valueFormat = valueFormatProp ?? (utc ? 'HH:mm:ss[Z]' : 'HH:mm:ss')\n\n  // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` time string ────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n  // when `utc`, parse the UTC time and show it in the viewer's LOCAL time (value stays UTC, emit\n  // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n  const selected = utc\n    ? utcToLocalWall(parseTime(currentValue, valueFormat))\n    : parseTime(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const mask = maskFromFormat(format)\n  const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n  const commit = (next: string) => {\n    if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // emit a time in the wire `valueFormat`, or '' to clear. Re-picking the same time-of-day is a no-op\n  const commitTime = (d: Dayjs | null) => {\n    if (d && selected && sameTime(d, selected, 'second')) return\n    // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n    commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n  }\n\n  // true when `d` differs from the current value at the input's precision — gates typed-input commits\n  const changed = (d: Dayjs) => !selected || !sameTime(d, selected, timeUnit)\n\n  const [inputText, setInputText] = useState<string>(() =>\n    selected ? selected.format(format) : '',\n  )\n  useEffect(() => {\n    setInputText(selected ? selected.format(format) : '')\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentValue, format, valueFormat])\n\n  // ── popover ────────────────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    fieldBlurRef.current?.()\n    if (refocus) inputRef.current?.focus()\n  }, [])\n\n  const handleInputChange = (raw: string) => {\n    const masked = applyMask(raw, mask)\n    setInputText(masked)\n    if (masked === '') {\n      commit('')\n      return\n    }\n    const parsed = parseInput(masked, format)\n    if (parsed && changed(parsed)) commitTime(parsed)\n  }\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('')\n    } else if (parsed) {\n      if (changed(parsed)) commitTime(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    const nextEl = event.relatedTarget as Node | null\n    if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n      return\n    bound?.onBlur(event)\n  }\n\n  const handleTimeChange = (next: Dayjs) => commitTime(next)\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          className={styles.input}\n          value={inputText}\n          placeholder={placeholder ?? format.toLowerCase()}\n          disabled={disabled}\n          autoComplete=\"off\"\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          onChange={(e) => handleInputChange(e.target.value)}\n          onBlur={handleInputBlur}\n        />\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('timePicker.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              commit('')\n              setInputText('')\n              inputRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <IconButton\n          type=\"button\"\n          variant=\"text\"\n          color=\"primary\"\n          size={size}\n          disabled={disabled}\n          aria-label={t('timePicker.open')}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          className={styles.calendarButton}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Icon name=\"Clock\" size={iconSize} />\n        </IconButton>\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel=\"Choose time\"\n        trapFocus\n        className={styles.popover}\n      >\n        <TimeColumns\n          value={selected}\n          onChange={handleTimeChange}\n          hour12={hour12}\n          minuteStep={minuteStep}\n          showSeconds={showSeconds}\n          autoFocus\n        />\n        <div className={tp.footer}>\n          <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n            {t('common.done')}\n          </Button>\n        </div>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["defaultFormatFor","hour12","showSeconds","sameTime","a","b","unit","TimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","utcToLocalWall","parseTime","resolvedError","resolvedHelperText","mask","maskFromFormat","timeUnit","commit","next","commitTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","TimeColumns","tp","Button"],"mappings":"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"}
+{"version":3,"file":"TimePicker-YMVHevpZ.js","sources":["../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Typography } from '../Typography'\nimport { TimeColumns } from '../DateTimePicker/TimeColumns'\nimport {\n  applyMask,\n  localWallToUtc,\n  maskFromFormat,\n  parseInput,\n  parseTime,\n  utcToLocalWall,\n  type Dayjs,\n} from '../DatePicker/dateUtils'\nimport styles from '../DatePicker/DatePicker.module.css'\nimport tp from './TimePicker.module.css'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\n\nexport interface TimePickerProps {\n  /** Label rendered above the field. */\n  label?: ReactNode\n  /** Preset size — control height, font and popover density. */\n  size?: TimePickerSize\n  /** Marks the field invalid: red border/ring + the `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the field. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Stretches the field to fill its container width. Defaults to `true`. */\n  fullWidth?: boolean\n  /** Disables the field. */\n  disabled?: boolean\n  /** Controlled value — a time string in `valueFormat` (`''` = empty). */\n  value?: string\n  /** Initial value for uncontrolled use (in `valueFormat`). */\n  defaultValue?: string\n  /** Fires with the next time in `valueFormat` (`''` when cleared). */\n  onChange?: (value: string) => void\n  /**\n   * Display + typed-input format (dayjs tokens). Defaults to `'HH:mm:ss'` (or `hh:mm:ss A` when\n   * `hour12`; the `:ss` is dropped when `showSeconds` is `false`).\n   */\n  format?: string\n  /**\n   * Wire format of `value`/`defaultValue`/`onChange` (dayjs tokens), decoupled from the displayed\n   * `format`. Defaults to `'HH:mm:ss[Z]'` when `utc` (the `Z` marks UTC), or `'HH:mm:ss'` when\n   * `utc={false}`. Incoming values are parsed **leniently** (this format, then a numeric time — so a\n   * backend time like `'09:35:49.6134342'` is accepted, ms-capped — then any ISO-8601 datetime, whose\n   * time is used). Only the time-of-day is used; the date is ignored.\n   */\n  valueFormat?: string\n  /**\n   * Treat the value as **UTC** and display/edit in the viewer's **local** timezone (default `true`).\n   * Set `false` to disable timezone conversion — the field shows and emits the value's exact wall-clock.\n   */\n  utc?: boolean\n  /** 12-hour clock (1–12 + AM/PM) instead of 24-hour (0–23). Defaults to `false`. */\n  hour12?: boolean\n  /** Minute increment for the minutes column. Defaults to `1`. */\n  minuteStep?: number\n  /** Show the seconds column + `:ss` in the default format. Defaults to `true`; pass `false` to hide seconds. */\n  showSeconds?: boolean\n  /** Placeholder shown when empty. Defaults to the lowercased `format`. */\n  placeholder?: string\n  /** Shows a clear (×) button when a value is set. Defaults to `true`. */\n  clearable?: boolean\n  /** Form field name — auto-binds to a surrounding `<Form>` (value is the time string). */\n  name?: string\n  /** Id for the input (label association). */\n  id?: string\n  className?: string\n  style?: CSSProperties\n}\n\nfunction defaultFormatFor(hour12: boolean, showSeconds: boolean): string {\n  if (hour12) return showSeconds ? 'hh:mm:ss A' : 'hh:mm A'\n  return showSeconds ? 'HH:mm:ss' : 'HH:mm'\n}\n\n/** Compares two datetimes by **time of day** only (ignoring the date) at the given precision. */\nfunction sameTime(a: Dayjs, b: Dayjs, unit: 'minute' | 'second'): boolean {\n  if (a.hour() !== b.hour() || a.minute() !== b.minute()) return false\n  return unit === 'minute' ? true : a.second() === b.second()\n}\n\n/**\n * A time-of-day field with a typed, masked input **and** a popover of scrollable time columns\n * (hour / minute / optional second + AM/PM in 12-hour mode) — the time sibling of `DateTimePicker`,\n * with no calendar. The value is a string in `valueFormat` (UTC, with a `Z`, unless `utc={false}`) —\n * incoming values are parsed leniently (a richer backend time is accepted) and the chosen time emitted\n * in that format. Picking keeps the popover open until you click away, press Escape, or hit Done.\n * Supports `hour12`, `minuteStep`, `showSeconds`, and `clearable`. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name`. Requires `dayjs`.\n */\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    label,\n    size = 'md',\n    error,\n    helperText,\n    required = false,\n    fullWidth = true,\n    disabled = false,\n    value,\n    defaultValue,\n    onChange,\n    format: formatProp,\n    valueFormat: valueFormatProp,\n    utc = true,\n    hour12 = false,\n    minuteStep = 1,\n    showSeconds = true,\n    placeholder,\n    clearable = true,\n    name,\n    id: idProp,\n    className,\n    style,\n  },\n  ref,\n) {\n  const t = useT()\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const helperId = `${id}-helper`\n  const format = formatProp ?? defaultFormatFor(hour12, showSeconds)\n  // UTC time-of-day carries a `Z` (\"09:35:00Z\"); `utc={false}` emits the bare wall-clock. Override via `valueFormat`.\n  const valueFormat = valueFormatProp ?? (utc ? 'HH:mm:ss[Z]' : 'HH:mm:ss')\n\n  // ── value (controlled / form-bound / uncontrolled) — a `valueFormat` time string ────────────────\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = isFormBound ? form!.field(name!) : undefined\n  const externalValue =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? ((form!.values[name!] as string | undefined) ?? '')\n        : undefined\n  const isControlled = value !== undefined || isFormBound\n  const [internal, setInternal] = useState<string>(defaultValue ?? '')\n  const currentValue = isControlled ? externalValue! : internal\n  // when `utc`, parse the UTC time and show it in the viewer's LOCAL time (value stays UTC, emit\n  // converts back); when `utc={false}`, show/emit the value's exact wall-clock (no tz conversion)\n  const selected = utc\n    ? utcToLocalWall(parseTime(currentValue, valueFormat))\n    : parseTime(currentValue, valueFormat)\n\n  const resolvedError = error ?? bound?.error ?? false\n  const resolvedHelperText = helperText ?? bound?.helperText\n\n  const mask = maskFromFormat(format)\n  const timeUnit = /s/.test(format) ? 'second' : 'minute'\n\n  const commit = (next: string) => {\n    if (next === currentValue) return // skip redundant onChange / setValue with an unchanged value\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  // emit a time in the wire `valueFormat`, or '' to clear. Re-picking the same time-of-day is a no-op\n  const commitTime = (d: Dayjs | null) => {\n    if (d && selected && sameTime(d, selected, 'second')) return\n    // local-wall → UTC for the wire value (or emit the wall-clock as-is when `utc={false}`)\n    commit(d ? (utc ? localWallToUtc(d) : d).format(valueFormat) : '')\n  }\n\n  // true when `d` differs from the current value at the input's precision — gates typed-input commits\n  const changed = (d: Dayjs) => !selected || !sameTime(d, selected, timeUnit)\n\n  const [inputText, setInputText] = useState<string>(() =>\n    selected ? selected.format(format) : '',\n  )\n  useEffect(() => {\n    setInputText(selected ? selected.format(format) : '')\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentValue, format, valueFormat])\n\n  // ── popover ────────────────────────────────────────────────────────────────────────────────────\n  const triggerRef = useRef<HTMLDivElement | null>(null)\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const [open, setOpen] = useState(false)\n\n  const setInputRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) (ref as { current: HTMLInputElement | null }).current = node\n    },\n    [ref],\n  )\n\n  const fieldBlurRef = useRef<(() => void) | undefined>(undefined)\n  fieldBlurRef.current = bound ? () => bound.onBlur({} as FocusEvent<HTMLInputElement>) : undefined\n\n  // the floating panel forwards its node here, for the focus-leaves-the-widget check on blur\n  const popoverRef = useRef<HTMLDivElement | null>(null)\n\n  const closePopover = useCallback((refocus: boolean) => {\n    setOpen(false)\n    fieldBlurRef.current?.()\n    if (refocus) inputRef.current?.focus()\n  }, [])\n\n  const handleInputChange = (raw: string) => {\n    const masked = applyMask(raw, mask)\n    setInputText(masked)\n    if (masked === '') {\n      commit('')\n      return\n    }\n    const parsed = parseInput(masked, format)\n    if (parsed && changed(parsed)) commitTime(parsed)\n  }\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    const parsed = parseInput(inputText, format)\n    if (inputText === '') {\n      commit('')\n    } else if (parsed) {\n      if (changed(parsed)) commitTime(parsed)\n      setInputText(parsed.format(format))\n    } else {\n      setInputText(selected ? selected.format(format) : '')\n    }\n    const nextEl = event.relatedTarget as Node | null\n    if (nextEl && (popoverRef.current?.contains(nextEl) || triggerRef.current?.contains(nextEl)))\n      return\n    bound?.onBlur(event)\n  }\n\n  const handleTimeChange = (next: Dayjs) => commitTime(next)\n\n  const iconSize: 'sm' | 'md' = size === 'sm' ? 'sm' : 'md'\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        styles[size],\n        fullWidth && styles.fullWidth,\n        resolvedError && styles.error,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={style}\n    >\n      {label != null && (\n        <label htmlFor={id} className={styles.label}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      <div ref={triggerRef} className={clsx(styles.control, open && styles.open)}>\n        <input\n          ref={setInputRef}\n          id={id}\n          name={name}\n          className={styles.input}\n          value={inputText}\n          placeholder={placeholder ?? format.toLowerCase()}\n          disabled={disabled}\n          autoComplete=\"off\"\n          aria-invalid={resolvedError || undefined}\n          aria-describedby={resolvedHelperText != null ? helperId : undefined}\n          onChange={(e) => handleInputChange(e.target.value)}\n          onBlur={handleInputBlur}\n        />\n\n        {clearable && currentValue !== '' && !disabled && (\n          <button\n            type=\"button\"\n            className={styles.clear}\n            aria-label={t('timePicker.clear')}\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => {\n              commit('')\n              setInputText('')\n              inputRef.current?.focus()\n            }}\n          >\n            <Icon name=\"CloseCircle\" size=\"sm\" />\n          </button>\n        )}\n\n        <IconButton\n          type=\"button\"\n          variant=\"text\"\n          color=\"primary\"\n          size={size}\n          disabled={disabled}\n          aria-label={t('timePicker.open')}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          className={styles.calendarButton}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setOpen((o) => !o)}\n        >\n          <Icon name=\"Clock\" size={iconSize} />\n        </IconButton>\n      </div>\n\n      <FloatingPanel\n        ref={popoverRef}\n        open={open}\n        triggerRef={triggerRef}\n        onClose={closePopover}\n        role=\"dialog\"\n        ariaLabel={t('timePicker.dialog')}\n        trapFocus\n        className={styles.popover}\n      >\n        <TimeColumns\n          value={selected}\n          onChange={handleTimeChange}\n          hour12={hour12}\n          minuteStep={minuteStep}\n          showSeconds={showSeconds}\n          autoFocus\n        />\n        <div className={tp.footer}>\n          <Button size=\"sm\" variant=\"filled\" color=\"primary\" onClick={() => closePopover(true)}>\n            {t('common.done')}\n          </Button>\n        </div>\n      </FloatingPanel>\n\n      {resolvedHelperText != null && (\n        <Typography\n          as=\"span\"\n          id={helperId}\n          variant=\"bodySmall\"\n          color={resolvedError ? 'error' : 'muted'}\n          className={styles.helper}\n        >\n          {resolvedHelperText}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["defaultFormatFor","hour12","showSeconds","sameTime","a","b","unit","TimePicker","forwardRef","label","size","error","helperText","required","fullWidth","disabled","value","defaultValue","onChange","formatProp","valueFormatProp","utc","minuteStep","placeholder","clearable","name","idProp","className","style","ref","t","useT","reactId","useId","id","helperId","format","valueFormat","form","useFormContext","isFormBound","bound","externalValue","isControlled","internal","setInternal","useState","currentValue","selected","utcToLocalWall","parseTime","resolvedError","resolvedHelperText","mask","maskFromFormat","timeUnit","commit","next","commitTime","d","localWallToUtc","changed","inputText","setInputText","useEffect","triggerRef","useRef","inputRef","open","setOpen","setInputRef","useCallback","node","fieldBlurRef","popoverRef","closePopover","refocus","_a","_b","handleInputChange","raw","masked","applyMask","parsed","parseInput","handleInputBlur","event","nextEl","handleTimeChange","iconSize","jsxs","clsx","styles","jsx","Typography","Icon","IconButton","o","FloatingPanel","TimeColumns","tp","Button"],"mappings":"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"}

package/dist/Toaster-9hZ5MuW7.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),n=require("react"),w=require("react-dom"),r=require("./toastStore-B4Tk2Xk7.cjs"),q=require("./Alert-B4XZDk16.cjs"),_=require("./ConfigProvider-Ci9Q2HLF.cjs"),g="_viewport_1fqde_3",x="_item_1fqde_40",E="_alert_1fqde_63",m={viewport:g,item:x,alert:E},b=300;function j({toast:e,duration:l,position:i}){const[s,c]=n.useState(!1),o=e.duration??l,t=n.useRef(void 0),u=n.useRef(o),p=n.useRef(0);n.useEffect(()=>{const f=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(f)},[]),n.useEffect(()=>{if(e.open)return;c(!1);const f=window.setTimeout(()=>r.removeToast(e.id),b);return()=>window.clearTimeout(f)},[e.open,e.id]);const d=()=>{t.current!=null&&(window.clearTimeout(t.current),t.current=void 0)},T=()=>{!e.open||u.current===1/0||(d(),p.current=Date.now(),t.current=window.setTimeout(()=>r.closeToast(e.id),u.current))},v=()=>{t.current!=null&&(d(),u.current-=Date.now()-p.current)};return n.useEffect(()=>(u.current=o,T(),d),[e.open,o]),a.jsx("div",{className:m.item,"data-open":s?"true":"false","data-position":i,onMouseEnter:v,onMouseLeave:T,children:a.jsx(q.Alert,{color:e.color,variant:e.variant??"contained",icon:e.icon,action:e.action,onClose:()=>r.closeToast(e.id),role:"status",className:m.alert,children:e.message})})}function y({position:e,duration:l}){const i=_.useToastConfig(),s=e??i.position??"top-center",c=l??i.duration??4e3,o=n.useSyncExternalStore(r.subscribeToasts,r.getToasts,r.getToasts);return typeof document>"u"?null:w.createPortal(a.jsx("div",{className:m.viewport,"data-position":s,"aria-live":"polite",children:o.map(t=>a.jsx(j,{toast:t,duration:c,position:s},t.id))}),document.body)}exports.Toaster=y;
+//# sourceMappingURL=Toaster-9hZ5MuW7.cjs.map

package/dist/Toaster-9hZ5MuW7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster-9hZ5MuW7.cjs","sources":["../src/components/Toast/ToastItem.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { Alert } from '../Alert'\nimport { closeToast, removeToast, type ToastPosition, type ToastRecord } from './toastStore'\nimport styles from './Toaster.module.css'\n\n/** Exit-animation duration (matches `--tz-duration`) — how long to keep a closing toast mounted. */\nconst EXIT_MS = 300\n\nexport interface ToastItemProps {\n  toast: ToastRecord\n  /** Fallback auto-dismiss delay when the toast doesn't set its own. */\n  duration: number\n  position: ToastPosition\n}\n\n/**\n * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer\n * (paused while hovered), and the close wiring. Internal to `Toaster`.\n */\nexport function ToastItem({ toast, duration, position }: ToastItemProps) {\n  const [visible, setVisible] = useState(false)\n  const ttl = toast.duration ?? duration\n  const timer = useRef<number | undefined>(undefined)\n  const remaining = useRef(ttl)\n  const startedAt = useRef(0)\n\n  // enter — flip `visible` on the next frame so the transition runs\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [])\n\n  // exit — when the store marks this toast closing, animate out then remove it\n  useEffect(() => {\n    if (toast.open) return\n    setVisible(false)\n    const t = window.setTimeout(() => removeToast(toast.id), EXIT_MS)\n    return () => window.clearTimeout(t)\n  }, [toast.open, toast.id])\n\n  // auto-dismiss timer, paused on hover (tracks the remaining time across pauses)\n  const clearTimer = () => {\n    if (timer.current != null) {\n      window.clearTimeout(timer.current)\n      timer.current = undefined\n    }\n  }\n  const resume = () => {\n    if (!toast.open || remaining.current === Infinity) return\n    clearTimer()\n    startedAt.current = Date.now()\n    timer.current = window.setTimeout(() => closeToast(toast.id), remaining.current)\n  }\n  const pause = () => {\n    if (timer.current == null) return\n    clearTimer()\n    remaining.current -= Date.now() - startedAt.current\n  }\n  useEffect(() => {\n    // (re)start from the full duration on open, and whenever an update-by-id changes `duration`\n    // (otherwise the original countdown keeps running against the stale ttl)\n    remaining.current = ttl\n    resume()\n    return clearTimer\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [toast.open, ttl])\n\n  return (\n    <div\n      className={styles.item}\n      data-open={visible ? 'true' : 'false'}\n      data-position={position}\n      onMouseEnter={pause}\n      onMouseLeave={resume}\n    >\n      <Alert\n        color={toast.color}\n        variant={toast.variant ?? 'contained'}\n        icon={toast.icon}\n        action={toast.action}\n        onClose={() => closeToast(toast.id)}\n        role=\"status\"\n        className={styles.alert}\n      >\n        {toast.message}\n      </Alert>\n    </div>\n  )\n}\n","import { useSyncExternalStore } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useToastConfig } from '../../theme'\nimport { getToasts, subscribeToasts, type ToastPosition } from './toastStore'\nimport { ToastItem } from './ToastItem'\nimport styles from './Toaster.module.css'\n\nexport interface ToasterProps {\n  /** Corner the toasts stack in. Defaults to the app-wide `config.toast.position`, else `top-center`. */\n  position?: ToastPosition\n  /**\n   * Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to the app-wide\n   * `config.toast.duration`, else `4000`.\n   */\n  duration?: number\n}\n\n/**\n * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,\n * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing\n * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.\n * `position` / `duration` resolve **prop → `config.toast` → built-in default** (`top-center` / `4000`), so the\n * prop-less viewports `AdminRoot` / `RootLayout` mount follow the app config; outside a `ConfigProvider` the\n * built-in defaults apply.\n *\n * @example\n * <Toaster position=\"top-center\" />\n * // …elsewhere:\n * toast.success('Saved')\n */\nexport function Toaster({ position: positionProp, duration: durationProp }: ToasterProps) {\n  const config = useToastConfig()\n  const position = positionProp ?? config.position ?? 'top-center'\n  const duration = durationProp ?? config.duration ?? 4000\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getToasts)\n\n  if (typeof document === 'undefined') return null\n\n  return createPortal(\n    <div className={styles.viewport} data-position={position} aria-live=\"polite\">\n      {toasts.map((t) => (\n        <ToastItem key={t.id} toast={t} duration={duration} position={position} />\n      ))}\n    </div>,\n    document.body,\n  )\n}\n"],"names":["EXIT_MS","ToastItem","toast","duration","position","visible","setVisible","useState","ttl","timer","useRef","remaining","startedAt","useEffect","raf","t","removeToast","clearTimer","resume","closeToast","pause","jsx","styles","Alert","Toaster","positionProp","durationProp","config","useToastConfig","toasts","useSyncExternalStore","subscribeToasts","getToasts","createPortal"],"mappings":"2SAMMA,EAAU,IAaT,SAASC,EAAU,CAAE,MAAAC,EAAO,SAAAC,EAAU,SAAAC,GAA4B,CACvE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAAMN,EAAM,UAAYC,EACxBM,EAAQC,EAAAA,OAA2B,MAAS,EAC5CC,EAAYD,EAAAA,OAAOF,CAAG,EACtBI,EAAYF,EAAAA,OAAO,CAAC,EAG1BG,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAM,sBAAsB,IAAMR,EAAW,EAAI,CAAC,EACxD,MAAO,IAAM,qBAAqBQ,CAAG,CACvC,EAAG,CAAA,CAAE,EAGLD,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAM,KAAM,OAChBI,EAAW,EAAK,EAChB,MAAMS,EAAI,OAAO,WAAW,IAAMC,EAAAA,YAAYd,EAAM,EAAE,EAAGF,CAAO,EAChE,MAAO,IAAM,OAAO,aAAae,CAAC,CACpC,EAAG,CAACb,EAAM,KAAMA,EAAM,EAAE,CAAC,EAGzB,MAAMe,EAAa,IAAM,CACnBR,EAAM,SAAW,OACnB,OAAO,aAAaA,EAAM,OAAO,EACjCA,EAAM,QAAU,OAEpB,EACMS,EAAS,IAAM,CACf,CAAChB,EAAM,MAAQS,EAAU,UAAY,MACzCM,EAAA,EACAL,EAAU,QAAU,KAAK,IAAA,EACzBH,EAAM,QAAU,OAAO,WAAW,IAAMU,aAAWjB,EAAM,EAAE,EAAGS,EAAU,OAAO,EACjF,EACMS,EAAQ,IAAM,CACdX,EAAM,SAAW,OACrBQ,EAAA,EACAN,EAAU,SAAW,KAAK,IAAA,EAAQC,EAAU,QAC9C,EACAC,OAAAA,EAAAA,UAAU,KAGRF,EAAU,QAAUH,EACpBU,EAAA,EACOD,GAEN,CAACf,EAAM,KAAMM,CAAG,CAAC,EAGlBa,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAO,KAClB,YAAWjB,EAAU,OAAS,QAC9B,gBAAeD,EACf,aAAcgB,EACd,aAAcF,EAEd,SAAAG,EAAAA,IAACE,EAAAA,MAAA,CACC,MAAOrB,EAAM,MACb,QAASA,EAAM,SAAW,YAC1B,KAAMA,EAAM,KACZ,OAAQA,EAAM,OACd,QAAS,IAAMiB,EAAAA,WAAWjB,EAAM,EAAE,EAClC,KAAK,SACL,UAAWoB,EAAO,MAEjB,SAAApB,EAAM,OAAA,CAAA,CACT,CAAA,CAGN,CC1DO,SAASsB,EAAQ,CAAE,SAAUC,EAAc,SAAUC,GAA8B,CACxF,MAAMC,EAASC,EAAAA,eAAA,EACTxB,EAAWqB,GAAgBE,EAAO,UAAY,aAC9CxB,EAAWuB,GAAgBC,EAAO,UAAY,IAC9CE,EAASC,EAAAA,qBAAqBC,kBAAiBC,EAAAA,UAAWA,EAAAA,SAAS,EAEzE,OAAI,OAAO,SAAa,IAAoB,KAErCC,EAAAA,aACLZ,EAAAA,IAAC,OAAI,UAAWC,EAAO,SAAU,gBAAelB,EAAU,YAAU,SACjE,SAAAyB,EAAO,IAAK,GACXR,EAAAA,IAACpB,GAAqB,MAAO,EAAG,SAAAE,EAAoB,SAAAC,GAApC,EAAE,EAAsD,CACzE,CAAA,CACH,EACA,SAAS,IAAA,CAEb"}

package/dist/Toaster-pHN2pxrU.js

@@ -0,0 +1,64 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useState as g, useRef as m, useEffect as d, useSyncExternalStore as b } from "react";
+import { createPortal as q } from "react-dom";
+import { r as y, c as w, s as A, g as T } from "./toastStore-Cx_JOKwS.js";
+import { A as E } from "./Alert-D5E1PLkV.js";
+import { q as S } from "./ConfigProvider-Dqfu7UBU.js";
+const h = "_viewport_1fqde_3", x = "_item_1fqde_40", I = "_alert_1fqde_63", f = {
+  viewport: h,
+  item: x,
+  alert: I
+}, M = 300;
+function N({ toast: e, duration: a, position: r }) {
+  const [o, i] = g(!1), n = e.duration ?? a, t = m(void 0), s = m(n), p = m(0);
+  d(() => {
+    const l = requestAnimationFrame(() => i(!0));
+    return () => cancelAnimationFrame(l);
+  }, []), d(() => {
+    if (e.open) return;
+    i(!1);
+    const l = window.setTimeout(() => y(e.id), M);
+    return () => window.clearTimeout(l);
+  }, [e.open, e.id]);
+  const u = () => {
+    t.current != null && (window.clearTimeout(t.current), t.current = void 0);
+  }, v = () => {
+    !e.open || s.current === 1 / 0 || (u(), p.current = Date.now(), t.current = window.setTimeout(() => w(e.id), s.current));
+  }, _ = () => {
+    t.current != null && (u(), s.current -= Date.now() - p.current);
+  };
+  return d(() => (s.current = n, v(), u), [e.open, n]), /* @__PURE__ */ c(
+    "div",
+    {
+      className: f.item,
+      "data-open": o ? "true" : "false",
+      "data-position": r,
+      onMouseEnter: _,
+      onMouseLeave: v,
+      children: /* @__PURE__ */ c(
+        E,
+        {
+          color: e.color,
+          variant: e.variant ?? "contained",
+          icon: e.icon,
+          action: e.action,
+          onClose: () => w(e.id),
+          role: "status",
+          className: f.alert,
+          children: e.message
+        }
+      )
+    }
+  );
+}
+function R({ position: e, duration: a }) {
+  const r = S(), o = e ?? r.position ?? "top-center", i = a ?? r.duration ?? 4e3, n = b(A, T, T);
+  return typeof document > "u" ? null : q(
+    /* @__PURE__ */ c("div", { className: f.viewport, "data-position": o, "aria-live": "polite", children: n.map((t) => /* @__PURE__ */ c(N, { toast: t, duration: i, position: o }, t.id)) }),
+    document.body
+  );
+}
+export {
+  R as T
+};
+//# sourceMappingURL=Toaster-pHN2pxrU.js.map

package/dist/Toaster-pHN2pxrU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster-pHN2pxrU.js","sources":["../src/components/Toast/ToastItem.tsx","../src/components/Toast/Toaster.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { Alert } from '../Alert'\nimport { closeToast, removeToast, type ToastPosition, type ToastRecord } from './toastStore'\nimport styles from './Toaster.module.css'\n\n/** Exit-animation duration (matches `--tz-duration`) — how long to keep a closing toast mounted. */\nconst EXIT_MS = 300\n\nexport interface ToastItemProps {\n  toast: ToastRecord\n  /** Fallback auto-dismiss delay when the toast doesn't set its own. */\n  duration: number\n  position: ToastPosition\n}\n\n/**\n * One rendered toast — an `Alert` wrapped with the enter/exit animation, the auto-dismiss timer\n * (paused while hovered), and the close wiring. Internal to `Toaster`.\n */\nexport function ToastItem({ toast, duration, position }: ToastItemProps) {\n  const [visible, setVisible] = useState(false)\n  const ttl = toast.duration ?? duration\n  const timer = useRef<number | undefined>(undefined)\n  const remaining = useRef(ttl)\n  const startedAt = useRef(0)\n\n  // enter — flip `visible` on the next frame so the transition runs\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [])\n\n  // exit — when the store marks this toast closing, animate out then remove it\n  useEffect(() => {\n    if (toast.open) return\n    setVisible(false)\n    const t = window.setTimeout(() => removeToast(toast.id), EXIT_MS)\n    return () => window.clearTimeout(t)\n  }, [toast.open, toast.id])\n\n  // auto-dismiss timer, paused on hover (tracks the remaining time across pauses)\n  const clearTimer = () => {\n    if (timer.current != null) {\n      window.clearTimeout(timer.current)\n      timer.current = undefined\n    }\n  }\n  const resume = () => {\n    if (!toast.open || remaining.current === Infinity) return\n    clearTimer()\n    startedAt.current = Date.now()\n    timer.current = window.setTimeout(() => closeToast(toast.id), remaining.current)\n  }\n  const pause = () => {\n    if (timer.current == null) return\n    clearTimer()\n    remaining.current -= Date.now() - startedAt.current\n  }\n  useEffect(() => {\n    // (re)start from the full duration on open, and whenever an update-by-id changes `duration`\n    // (otherwise the original countdown keeps running against the stale ttl)\n    remaining.current = ttl\n    resume()\n    return clearTimer\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [toast.open, ttl])\n\n  return (\n    <div\n      className={styles.item}\n      data-open={visible ? 'true' : 'false'}\n      data-position={position}\n      onMouseEnter={pause}\n      onMouseLeave={resume}\n    >\n      <Alert\n        color={toast.color}\n        variant={toast.variant ?? 'contained'}\n        icon={toast.icon}\n        action={toast.action}\n        onClose={() => closeToast(toast.id)}\n        role=\"status\"\n        className={styles.alert}\n      >\n        {toast.message}\n      </Alert>\n    </div>\n  )\n}\n","import { useSyncExternalStore } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useToastConfig } from '../../theme'\nimport { getToasts, subscribeToasts, type ToastPosition } from './toastStore'\nimport { ToastItem } from './ToastItem'\nimport styles from './Toaster.module.css'\n\nexport interface ToasterProps {\n  /** Corner the toasts stack in. Defaults to the app-wide `config.toast.position`, else `top-center`. */\n  position?: ToastPosition\n  /**\n   * Default auto-dismiss delay in ms; a per-toast `duration` overrides it. Defaults to the app-wide\n   * `config.toast.duration`, else `4000`.\n   */\n  duration?: number\n}\n\n/**\n * The toast viewport — mount it **once** near the app root. It portals to `<body>` at `--tz-z-toast`,\n * subscribes to the imperative `toast` store, and renders each toast as an animated, auto-dismissing\n * `Alert`. Drive it from anywhere with `toast.success('Saved')` / `toast.error(...)` / `toast.dismiss(id)`.\n * `position` / `duration` resolve **prop → `config.toast` → built-in default** (`top-center` / `4000`), so the\n * prop-less viewports `AdminRoot` / `RootLayout` mount follow the app config; outside a `ConfigProvider` the\n * built-in defaults apply.\n *\n * @example\n * <Toaster position=\"top-center\" />\n * // …elsewhere:\n * toast.success('Saved')\n */\nexport function Toaster({ position: positionProp, duration: durationProp }: ToasterProps) {\n  const config = useToastConfig()\n  const position = positionProp ?? config.position ?? 'top-center'\n  const duration = durationProp ?? config.duration ?? 4000\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getToasts)\n\n  if (typeof document === 'undefined') return null\n\n  return createPortal(\n    <div className={styles.viewport} data-position={position} aria-live=\"polite\">\n      {toasts.map((t) => (\n        <ToastItem key={t.id} toast={t} duration={duration} position={position} />\n      ))}\n    </div>,\n    document.body,\n  )\n}\n"],"names":["EXIT_MS","ToastItem","toast","duration","position","visible","setVisible","useState","ttl","timer","useRef","remaining","startedAt","useEffect","raf","t","removeToast","clearTimer","resume","closeToast","pause","jsx","styles","Alert","Toaster","positionProp","durationProp","config","useToastConfig","toasts","useSyncExternalStore","subscribeToasts","getToasts","createPortal"],"mappings":";;;;;;;;;;GAMMA,IAAU;AAaT,SAASC,EAAU,EAAE,OAAAC,GAAO,UAAAC,GAAU,UAAAC,KAA4B;AACvE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAMN,EAAM,YAAYC,GACxBM,IAAQC,EAA2B,MAAS,GAC5CC,IAAYD,EAAOF,CAAG,GACtBI,IAAYF,EAAO,CAAC;AAG1B,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAM,sBAAsB,MAAMR,EAAW,EAAI,CAAC;AACxD,WAAO,MAAM,qBAAqBQ,CAAG;AAAA,EACvC,GAAG,CAAA,CAAE,GAGLD,EAAU,MAAM;AACd,QAAIX,EAAM,KAAM;AAChB,IAAAI,EAAW,EAAK;AAChB,UAAMS,IAAI,OAAO,WAAW,MAAMC,EAAYd,EAAM,EAAE,GAAGF,CAAO;AAChE,WAAO,MAAM,OAAO,aAAae,CAAC;AAAA,EACpC,GAAG,CAACb,EAAM,MAAMA,EAAM,EAAE,CAAC;AAGzB,QAAMe,IAAa,MAAM;AACvB,IAAIR,EAAM,WAAW,SACnB,OAAO,aAAaA,EAAM,OAAO,GACjCA,EAAM,UAAU;AAAA,EAEpB,GACMS,IAAS,MAAM;AACnB,IAAI,CAAChB,EAAM,QAAQS,EAAU,YAAY,UACzCM,EAAA,GACAL,EAAU,UAAU,KAAK,IAAA,GACzBH,EAAM,UAAU,OAAO,WAAW,MAAMU,EAAWjB,EAAM,EAAE,GAAGS,EAAU,OAAO;AAAA,EACjF,GACMS,IAAQ,MAAM;AAClB,IAAIX,EAAM,WAAW,SACrBQ,EAAA,GACAN,EAAU,WAAW,KAAK,IAAA,IAAQC,EAAU;AAAA,EAC9C;AACA,SAAAC,EAAU,OAGRF,EAAU,UAAUH,GACpBU,EAAA,GACOD,IAEN,CAACf,EAAM,MAAMM,CAAG,CAAC,GAGlB,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,aAAWjB,IAAU,SAAS;AAAA,MAC9B,iBAAeD;AAAA,MACf,cAAcgB;AAAA,MACd,cAAcF;AAAA,MAEd,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAOrB,EAAM;AAAA,UACb,SAASA,EAAM,WAAW;AAAA,UAC1B,MAAMA,EAAM;AAAA,UACZ,QAAQA,EAAM;AAAA,UACd,SAAS,MAAMiB,EAAWjB,EAAM,EAAE;AAAA,UAClC,MAAK;AAAA,UACL,WAAWoB,EAAO;AAAA,UAEjB,UAAApB,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;AC1DO,SAASsB,EAAQ,EAAE,UAAUC,GAAc,UAAUC,KAA8B;AACxF,QAAMC,IAASC,EAAA,GACTxB,IAAWqB,KAAgBE,EAAO,YAAY,cAC9CxB,IAAWuB,KAAgBC,EAAO,YAAY,KAC9CE,IAASC,EAAqBC,GAAiBC,GAAWA,CAAS;AAEzE,SAAI,OAAO,WAAa,MAAoB,OAErCC;AAAA,IACL,gBAAAZ,EAAC,SAAI,WAAWC,EAAO,UAAU,iBAAelB,GAAU,aAAU,UACjE,UAAAyB,EAAO,IAAI,CAAC,MACX,gBAAAR,EAACpB,KAAqB,OAAO,GAAG,UAAAE,GAAoB,UAAAC,KAApC,EAAE,EAAsD,CACzE,EAAA,CACH;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;"}