@keboola/design 11.9.0 → 12.0.0

package/dist/{DateInput-B6N8g0ra.js.map → DateInput-DyEErfJf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DateInput-B6N8g0ra.js","names":["CalendarIcon"],"sources":["../src/blocks/DateInput/helpers.ts","../src/blocks/DateInput/DateInput.tsx"],"sourcesContent":["export const formatDate = (date: Date | null | undefined, inputValue: string): string => {\n  if (!date) {\n    return inputValue;\n  }\n  return date.toLocaleDateString();\n};\n\n// Detect locale day/month/year order once, matching toLocaleDateString() output\nconst datePartOrder = new Intl.DateTimeFormat()\n  .formatToParts(new Date(2000, 0, 2))\n  .filter(\n    (p): p is { type: 'day' | 'month' | 'year'; value: string } =>\n      p.type === 'day' || p.type === 'month' || p.type === 'year',\n  )\n  .map((p) => p.type);\n\nexport const parseDate = (value: string): Date | null => {\n  if (!value.trim()) return null;\n\n  // Try locale-aware parsing first (matches toLocaleDateString round-trip)\n  const nums = value.match(/\\d+/g)?.map(Number);\n  if (nums && nums.length >= 3) {\n    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));\n    const year = parts.year;\n    const month = parts.month;\n    const day = parts.day;\n\n    if (\n      year != null &&\n      month != null &&\n      day != null &&\n      month >= 1 &&\n      month <= 12 &&\n      day >= 1 &&\n      day <= 31\n    ) {\n      const date = new Date(year, month - 1, day);\n      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {\n        return date;\n      }\n    }\n  }\n\n  // Fallback: detect ISO YYYY-MM-DD and construct as local midnight to avoid UTC offset issues\n  const isoMatch = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\n  if (isoMatch) {\n    const y = Number(isoMatch[1]);\n    const m = Number(isoMatch[2]) - 1;\n    const d = Number(isoMatch[3]);\n    const date = new Date(y, m, d);\n    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {\n      return date;\n    }\n    return null;\n  }\n\n  const fallback = new Date(value);\n  return isNaN(fallback.getTime()) ? null : fallback;\n};\n","import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport type { Matcher } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDate, parseDate } from './helpers';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: Date | null;\n    defaultValue?: Date | null;\n    onValueChange?: (value: Date | null) => void;\n    onValueBlur?: (value: Date | null) => void;\n    allowClear?: boolean;\n    disabledDays?: Matcher | Matcher[];\n    endMonth?: Date;\n    startMonth?: Date;\n  };\n\nexport const DateInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onFocus,\n  allowClear = false,\n  disabledDays,\n  endMonth,\n  startMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<Date | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedDate = parseDate(newValue);\n    if (parsedDate !== null || !newValue.trim()) {\n      onValueChange?.(parsedDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    const formatted = formatDate(currentValue, '');\n    setInputValue(formatted);\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDate` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `parseDate` in every locale, so\n    // round-tripping an untouched value could wrongly null it.\n    const text = event.target.value;\n    const parsedDate = text === formatDate(currentValue, '') ? currentValue : parseDate(text);\n    onValueBlur?.(parsedDate);\n\n    setCurrentValue(parsedDate);\n  };\n\n  const handleDatePickerChange = (newValue?: Date) => {\n    const dateValue = newValue ?? null;\n\n    setCurrentValue(dateValue);\n    onValueChange?.(dateValue);\n\n    setHasFocus(false);\n    setIsOpen(false);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDate(currentValue, '');\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear date\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              disabled={disabledDays}\n              endMonth={endMonth}\n              mode=\"single\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              selected={currentValue ?? undefined}\n              startMonth={startMonth}\n            >\n              <InputGroup.Button aria-label=\"Select Date\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DateInput-DyEErfJf.js","names":["CalendarIcon"],"sources":["../src/blocks/DateInput/helpers.ts","../src/blocks/DateInput/DateInput.tsx"],"sourcesContent":["export const formatDate = (date: Date | null | undefined, inputValue: string): string => {\n  if (!date) {\n    return inputValue;\n  }\n  return date.toLocaleDateString();\n};\n\n// Detect locale day/month/year order once, matching toLocaleDateString() output\nconst datePartOrder = new Intl.DateTimeFormat()\n  .formatToParts(new Date(2000, 0, 2))\n  .filter(\n    (p): p is { type: 'day' | 'month' | 'year'; value: string } =>\n      p.type === 'day' || p.type === 'month' || p.type === 'year',\n  )\n  .map((p) => p.type);\n\nexport const parseDate = (value: string): Date | null => {\n  if (!value.trim()) return null;\n\n  // Try locale-aware parsing first (matches toLocaleDateString round-trip)\n  const nums = value.match(/\\d+/g)?.map(Number);\n  if (nums && nums.length >= 3) {\n    const parts = Object.fromEntries(datePartOrder.map((type, i) => [type, nums[i]]));\n    const year = parts.year;\n    const month = parts.month;\n    const day = parts.day;\n\n    if (\n      year != null &&\n      month != null &&\n      day != null &&\n      month >= 1 &&\n      month <= 12 &&\n      day >= 1 &&\n      day <= 31\n    ) {\n      const date = new Date(year, month - 1, day);\n      if (date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day) {\n        return date;\n      }\n    }\n  }\n\n  // Fallback: detect ISO YYYY-MM-DD and construct as local midnight to avoid UTC offset issues\n  const isoMatch = value.match(/^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/);\n  if (isoMatch) {\n    const y = Number(isoMatch[1]);\n    const m = Number(isoMatch[2]) - 1;\n    const d = Number(isoMatch[3]);\n    const date = new Date(y, m, d);\n    if (date.getFullYear() === y && date.getMonth() === m && date.getDate() === d) {\n      return date;\n    }\n    return null;\n  }\n\n  const fallback = new Date(value);\n  return isNaN(fallback.getTime()) ? null : fallback;\n};\n","import { useRef, useState } from 'react';\nimport type {\n  ChangeEventHandler,\n  ComponentProps,\n  ComponentRef,\n  FocusEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport type { Matcher } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDate, parseDate } from './helpers';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: Date | null;\n    defaultValue?: Date | null;\n    onValueChange?: (value: Date | null) => void;\n    onValueBlur?: (value: Date | null) => void;\n    allowClear?: boolean;\n    disabledDays?: Matcher | Matcher[];\n    endMonth?: Date;\n    startMonth?: Date;\n  };\n\nexport const DateInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onFocus,\n  allowClear = false,\n  disabledDays,\n  endMonth,\n  startMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<Date | null>({\n    prop: value,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedDate = parseDate(newValue);\n    if (parsedDate !== null || !newValue.trim()) {\n      onValueChange?.(parsedDate);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    const formatted = formatDate(currentValue, '');\n    setInputValue(formatted);\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDate` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `parseDate` in every locale, so\n    // round-tripping an untouched value could wrongly null it.\n    const text = event.target.value;\n    const parsedDate = text === formatDate(currentValue, '') ? currentValue : parseDate(text);\n    onValueBlur?.(parsedDate);\n\n    setCurrentValue(parsedDate);\n  };\n\n  const handleDatePickerChange = (newValue?: Date) => {\n    const dateValue = newValue ?? null;\n\n    setCurrentValue(dateValue);\n    onValueChange?.(dateValue);\n\n    setHasFocus(false);\n    setIsOpen(false);\n  };\n\n  const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDate(currentValue, '');\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear date\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              disabled={disabledDays}\n              endMonth={endMonth}\n              mode=\"single\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              selected={currentValue ?? undefined}\n              startMonth={startMonth}\n            >\n              <InputGroup.Button aria-label=\"Select Date\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":"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"}

package/dist/{DatePicker-nA8YdE84.js → DatePicker-CtSa9b3V.js}

@@ -1,5 +1,5 @@
-import { Popover } from "./Popover-BEbQrC_P.js";
-import { Calendar } from "./Calendar-cG5NIJ4O.js";
+import { Popover } from "./Popover-CEk915I1.js";
+import { Calendar } from "./Calendar-DFtmZzbF.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/DatePicker/DatePicker.tsx
 const DatePicker = ({ align = "end", alignOffset = -18, children, defaultOpen, onOpenChange, open, sideOffset = 12, ...calendarProps }) => /* @__PURE__ */ jsxs(Popover, {
@@ -21,4 +21,4 @@ DatePicker.displayName = "DatePicker";
 //#endregion
 export { DatePicker };
 
-//# sourceMappingURL=DatePicker-nA8YdE84.js.map
+//# sourceMappingURL=DatePicker-CtSa9b3V.js.map

package/dist/{DatePicker-nA8YdE84.js.map → DatePicker-CtSa9b3V.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-nA8YdE84.js","names":[],"sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\n\nimport type { CalendarProps } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { Popover } from '../Popover';\n\ntype OwnPopoverProps = PropsWithChildren &\n  Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\ntype DatePickerProps = OwnPopoverProps & CalendarProps;\n\nexport const DatePicker = ({\n  align = 'end',\n  alignOffset = -18,\n  children,\n  defaultOpen,\n  onOpenChange,\n  open,\n  sideOffset = 12,\n  ...calendarProps\n}: DatePickerProps) => (\n  <Popover defaultOpen={defaultOpen} open={open} onOpenChange={onOpenChange}>\n    <Popover.Trigger asChild>{children}</Popover.Trigger>\n    <Popover.Content\n      align={align}\n      alignOffset={alignOffset}\n      className=\"tw:w-auto tw:p-0\"\n      sideOffset={sideOffset}\n    >\n      <Calendar {...calendarProps} />\n    </Popover.Content>\n  </Popover>\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;AAaA,MAAa,cAAc,EACzB,QAAQ,OACR,cAAc,KACd,UACA,aACA,cACA,MACA,aAAa,IACb,GAAG,oBAEH,qBAAC,SAAD;CAAsB;CAAmB;CAAoB;CAA7D,UAAA,CACE,oBAAC,QAAQ,SAAT;EAAiB,SAAA;EAAS;CAA0B,CAAA,GACpD,oBAAC,QAAQ,SAAT;EACS;EACM;EACb,WAAU;EACE;EAEZ,UAAA,oBAAC,UAAD,EAAU,GAAI,cAAgB,CAAA;CACf,CAAA,CACV;;AAGX,WAAW,cAAc"}
+{"version":3,"file":"DatePicker-CtSa9b3V.js","names":[],"sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\n\nimport type { CalendarProps } from '../Calendar';\nimport { Calendar } from '../Calendar';\nimport { Popover } from '../Popover';\n\ntype OwnPopoverProps = PropsWithChildren &\n  Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\ntype DatePickerProps = OwnPopoverProps & CalendarProps;\n\nexport const DatePicker = ({\n  align = 'end',\n  alignOffset = -18,\n  children,\n  defaultOpen,\n  onOpenChange,\n  open,\n  sideOffset = 12,\n  ...calendarProps\n}: DatePickerProps) => (\n  <Popover defaultOpen={defaultOpen} open={open} onOpenChange={onOpenChange}>\n    <Popover.Trigger asChild>{children}</Popover.Trigger>\n    <Popover.Content\n      align={align}\n      alignOffset={alignOffset}\n      className=\"tw:w-auto tw:p-0\"\n      sideOffset={sideOffset}\n    >\n      <Calendar {...calendarProps} />\n    </Popover.Content>\n  </Popover>\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;AAaA,MAAa,cAAc,EACzB,QAAQ,OACR,cAAc,KACd,UACA,aACA,cACA,MACA,aAAa,IACb,GAAG,oBAEH,qBAAC,SAAD;CAAsB;CAAmB;CAAoB;CAA7D,UAAA,CACE,oBAAC,QAAQ,SAAT;EAAiB,SAAA;EAAS;CAA0B,CAAA,GACpD,oBAAC,QAAQ,SAAT;EACS;EACM;EACb,WAAU;EACE;EAEZ,UAAA,oBAAC,UAAD,EAAU,GAAI,cAAgB,CAAA;CACf,CAAA,CACV;;AAGX,WAAW,cAAc"}

package/dist/{DateRangeInput-7M9Z4cVO.js → DateRangeInput-Dg7-VUd9.js}

@@ -1,9 +1,9 @@
-import { createChangeInputEvent } from "./utils-BW4AE8VP.js";
+import { createChangeInputEvent } from "./utils-Bd28bWgm.js";
 import { mergeRefs } from "./internal/utils/mergeRefs.js";
-import { Calendar, X } from "./icons-Cek151jC.js";
-import { InputGroup } from "./InputGroup-Do8K2hvD.js";
-import { useControllableState } from "./useControllableState-M6494mCT.js";
-import { DatePicker } from "./DatePicker-nA8YdE84.js";
+import { Calendar, X } from "./icons-wcA70iQx.js";
+import { InputGroup } from "./InputGroup-B4QOPxHl.js";
+import { useControllableState } from "./useControllableState-CUYXMsfz.js";
+import { DatePicker } from "./DatePicker-CtSa9b3V.js";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/blocks/DateRangeInput/helpers.ts
@@ -14,15 +14,11 @@ const formatDateRange = (range, inputValue) => {
 };
 const ISO_DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
 /**
-* `new Date('2024-01-15')` is spec'd as UTC midnight, so reading it back with the
-* local getters this component relies on (`getDate`, `toLocaleDateString`) yields
-* the previous day for users west of UTC. Appending a time makes the ISO form
-* parse as local time instead, while keeping `new Date`'s validation — an
-* out-of-range month or day is still `Invalid Date`, whereas building the parts
-* via `new Date(y, m - 1, d)` would silently roll '2024-13-45' over to 2025-02-14.
+* Parses date-only ISO (`2024-01-15`) as local time, not UTC midnight.
 *
-* Every other format accepted here ('01/15/2024', 'Jan 15, 2024', '2024/01/15')
-* is already parsed as local time, so only the date-only ISO form is rewritten.
+* - UTC midnight reads back as the previous day west of UTC.
+* - Keeps `new Date` validation; `new Date(y, m - 1, d)` would roll `2024-13-45` over.
+* - Other accepted formats already parse as local time.
 */
 const parseLocalDate = (value) => ISO_DATE_ONLY.test(value) ? /* @__PURE__ */ new Date(`${value}T00:00:00`) : new Date(value);
 const parseDateRange = (value) => {
@@ -136,4 +132,4 @@ const DateRangeInput = ({ ref, state, variant, focusVariant, sizing, className,
 //#endregion
 export { DateRangeInput };
 
-//# sourceMappingURL=DateRangeInput-7M9Z4cVO.js.map
+//# sourceMappingURL=DateRangeInput-Dg7-VUd9.js.map

package/dist/DateRangeInput-Dg7-VUd9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput-Dg7-VUd9.js","names":["CalendarIcon"],"sources":["../src/blocks/DateRangeInput/helpers.ts","../src/blocks/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import type { DateRange } from 'react-day-picker';\n\nexport const formatDateRange = (\n  range: DateRange | null | undefined,\n  inputValue: string,\n): string => {\n  if (!range) {\n    return inputValue;\n  }\n\n  const { from, to } = range;\n  const fromStr = from?.toLocaleDateString();\n  const toStr = to?.toLocaleDateString();\n  return `${fromStr} - ${toStr}`;\n};\n\nconst ISO_DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\n/**\n * Parses date-only ISO (`2024-01-15`) as local time, not UTC midnight.\n *\n * - UTC midnight reads back as the previous day west of UTC.\n * - Keeps `new Date` validation; `new Date(y, m - 1, d)` would roll `2024-13-45` over.\n * - Other accepted formats already parse as local time.\n */\nconst parseLocalDate = (value: string): Date =>\n  ISO_DATE_ONLY.test(value) ? new Date(`${value}T00:00:00`) : new Date(value);\n\nexport const parseDateRange = (value: string): DateRange | null => {\n  const parts = value.split(' - ');\n  if (parts.length !== 2) {\n    return null;\n  }\n\n  const [fromPart, toPart] = parts;\n  if (!fromPart || !toPart) {\n    return null;\n  }\n\n  const from = parseLocalDate(fromPart.trim());\n  const to = parseLocalDate(toPart.trim());\n\n  if (isNaN(from.getTime()) || isNaN(to.getTime())) {\n    return null;\n  }\n\n  return { from, to };\n};\n","import { useRef, useState } from 'react';\nimport type { ChangeEventHandler, ComponentProps, ComponentRef, FocusEventHandler } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DatePicker } from '../../components/DatePicker';\nimport { InputGroup } from '../../components/InputGroup';\nimport { useControllableState } from '../../hooks/useControllableState';\nimport { Calendar as CalendarIcon, X } from '../../icons';\nimport { createChangeInputEvent, mergeRefs } from '../../utils';\n\nimport { formatDateRange, parseDateRange } from './helpers';\n\ntype InputGroupProps = Pick<\n  ComponentProps<typeof InputGroup>,\n  'variant' | 'focusVariant' | 'state' | 'sizing'\n>;\n\ntype InputGroupInputProps = Omit<\n  ComponentProps<typeof InputGroup.Input>,\n  'value' | 'defaultValue' | 'type'\n>;\n\ntype Props = InputGroupProps &\n  InputGroupInputProps & {\n    value?: DateRange | null;\n    defaultValue?: DateRange | null;\n    onValueChange?: (value: DateRange | null) => void;\n    onValueBlur?: (value: DateRange | null) => void;\n    allowClear?: boolean;\n    startMonth?: Date;\n    endMonth?: Date;\n  };\n\nexport const DateRangeInput = ({\n  ref,\n\n  // group props\n  state,\n  variant,\n  focusVariant,\n  sizing,\n  className,\n\n  // own props\n  value: valueProp,\n  defaultValue,\n  onValueChange,\n  onValueBlur,\n  onChange,\n  onBlur,\n  onFocus,\n  allowClear = false,\n  startMonth,\n  endMonth,\n\n  // input props\n  disabled,\n  readOnly,\n  placeholder = 'Select a date range',\n  ...restInputProps\n}: Props) => {\n  const inputRef = useRef<ComponentRef<'input'>>(null);\n\n  const [inputValue, setInputValue] = useState('');\n  const [hasFocus, setHasFocus] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const [month, setMonth] = useState<Date>(new Date());\n\n  // `onValueChange` is fired explicitly per-path below (not through the hook), because commits\n  // happen on blur / picker-select rather than on every keystroke.\n  const [currentValue, setCurrentValue] = useControllableState<DateRange | null>({\n    prop: valueProp,\n    defaultProp: defaultValue ?? null,\n  });\n\n  const canClear = allowClear && !!currentValue && !disabled && !readOnly;\n  const showPicker = !disabled && !readOnly;\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    onChange?.(event);\n\n    const parsedRange = parseDateRange(newValue);\n    if (parsedRange !== null || !newValue.trim()) {\n      onValueChange?.(parsedRange);\n    }\n  };\n\n  const handleFocus: FocusEventHandler<HTMLInputElement> = (event) => {\n    setInputValue(formatDateRange(currentValue, ''));\n    setHasFocus(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n    setHasFocus(false);\n    onBlur?.(event);\n\n    // If the field still shows the formatted current value (focused and blurred\n    // without editing), keep it as-is. `formatDateRange` uses `toLocaleDateString`,\n    // whose output is not reliably parseable by `new Date(...)` in every locale, so\n    // round-tripping an untouched value through `parseDateRange` could wrongly null it.\n    const text = event.target.value;\n    const parsedRange =\n      text === formatDateRange(currentValue, '') ? currentValue : parseDateRange(text);\n    onValueBlur?.(parsedRange);\n\n    setCurrentValue(parsedRange);\n  };\n\n  const handleDatePickerChange = (newValue: DateRange | undefined) => {\n    const rangeValue = newValue ?? null;\n\n    setCurrentValue(rangeValue);\n    onValueChange?.(rangeValue);\n\n    setHasFocus(false);\n  };\n\n  const handleClear = () => {\n    if (!inputRef.current) return;\n    inputRef.current.value = '';\n    setInputValue('');\n    setCurrentValue(null);\n    onValueChange?.(null);\n    onChange?.(createChangeInputEvent(inputRef.current));\n  };\n\n  const handleOpenChange = (open: boolean) => {\n    if (open) {\n      setMonth(currentValue?.from ?? new Date());\n    }\n    setIsOpen(open);\n  };\n\n  const displayValue = hasFocus ? inputValue : formatDateRange(currentValue, '');\n\n  return (\n    <InputGroup\n      state={state}\n      variant={variant}\n      sizing={sizing}\n      focusVariant={focusVariant}\n      className={className}\n    >\n      <InputGroup.Input\n        {...restInputProps}\n        ref={mergeRefs(ref ?? null, inputRef)}\n        type=\"text\"\n        value={displayValue}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        disabled={disabled}\n        readOnly={readOnly}\n      />\n\n      {(canClear || showPicker) && (\n        <InputGroup.Addon align=\"inline-end\">\n          {canClear && (\n            <InputGroup.Button\n              aria-label=\"Clear date range\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={handleClear}\n            >\n              <X className=\"tw:size-4\" />\n            </InputGroup.Button>\n          )}\n          {showPicker && (\n            <DatePicker\n              endMonth={endMonth}\n              mode=\"range\"\n              month={month}\n              onMonthChange={setMonth}\n              onOpenChange={handleOpenChange}\n              onSelect={handleDatePickerChange}\n              open={isOpen}\n              startMonth={startMonth}\n              selected={currentValue ?? undefined}\n            >\n              <InputGroup.Button aria-label=\"Select date range\">\n                <CalendarIcon className=\"tw:size-4\" />\n              </InputGroup.Button>\n            </DatePicker>\n          )}\n        </InputGroup.Addon>\n      )}\n    </InputGroup>\n  );\n};\n"],"mappings":"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"}

package/dist/{DateRangePicker-DjSUFjh4.js → DateRangePicker-BoPnh4aH.js}

@@ -1,11 +1,11 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { useArgoDesign } from "./context-D7X470dy.js";
-import { ChevronDown } from "./icons-Cek151jC.js";
-import { Button } from "./Button-DsRrU5F1.js";
-import { Popover } from "./Popover-BEbQrC_P.js";
-import { Calendar } from "./Calendar-cG5NIJ4O.js";
-import { overlayTriggerVariants } from "./styles-BAFscjSV.js";
-import { TimePicker, formatTime, pad, parseTime } from "./TimePicker-BGeqc-Ed.js";
+import { useArgoDesign } from "./context-U293r3v-.js";
+import { ChevronDown } from "./icons-wcA70iQx.js";
+import { Button } from "./Button-Ca4Q3VJU.js";
+import { Popover } from "./Popover-CEk915I1.js";
+import { Calendar } from "./Calendar-DFtmZzbF.js";
+import { overlayTriggerVariants } from "./styles-gzcjOyKv.js";
+import { TimePicker, formatTime, pad, parseTime } from "./TimePicker-CDGYrRxi.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/DateRangePicker/DateRangePicker.tsx
@@ -44,11 +44,7 @@ const TimeField = ({ label, date, onChange }) => /* @__PURE__ */ jsxs("div", {
 		})
 	})]
 });
-/**
-* Range-mode date picker — `Popover` + `Calendar` in range mode, with an optional preset sidebar,
-* a time-of-day row (`withTime`) and an explicit Apply step (`requireApply`). Use for selecting a
-* `{ from, to }` pair; for a single date use `DatePicker`.
-*/
+/** Picks a `{ from, to }` range, with optional presets, time row and Apply step; single date: `DatePicker`. */
 const DateRangePicker = ({ align = "start", alignOffset, className, defaultOpen, disabled = false, disabledDays, formatDate, label, onChange, onOpenChange, onPresetSelect, open, placeholder = "Pick a date range", presets, requireApply = false, sideOffset, value, variant, withTime = false }) => {
 	const isArgoDesign = useArgoDesign();
 	const [draft, setDraft] = useState(value);
@@ -156,4 +152,4 @@ DateRangePicker.displayName = "DateRangePicker";
 //#endregion
 export { DateRangePicker };
 
-//# sourceMappingURL=DateRangePicker-DjSUFjh4.js.map
+//# sourceMappingURL=DateRangePicker-BoPnh4aH.js.map

package/dist/DateRangePicker-BoPnh4aH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker-BoPnh4aH.js","names":[],"sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { ReactNode } from 'react';\nimport type { DateRange as DayPickerDateRange, Matcher } from 'react-day-picker';\nimport type { PopoverContentProps, PopoverProps } from '@radix-ui/react-popover';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { ChevronDown } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Calendar } from '../Calendar';\nimport { overlayTriggerVariants } from '../OverlayTrigger/styles';\nimport { Popover } from '../Popover';\nimport { useArgoDesign } from '../ThemeProvider/context';\nimport { TimePicker } from '../TimePicker';\nimport { formatTime, pad, parseTime } from '../TimePicker/utils';\n\nexport type DateRange = {\n  from: Date;\n  to?: Date;\n};\n\nexport type DateRangePreset = {\n  label: string;\n  /** Omit for a `value` preset, or for a clear preset (\"All time\") that calls `onChange(undefined)`. */\n  range?: DateRange;\n  /** Echoed through `onPresetSelect` instead of `range` — e.g. a server-resolved token like `-7 days`. */\n  value?: string;\n};\n\ntype DateRangePickerProps = {\n  value: DateRange | undefined;\n  onChange: (range: DateRange | undefined) => void;\n  /** Replaces the trigger's whole range text, e.g. the active preset name; to restyle dates use `formatDate`. */\n  label?: ReactNode;\n  /** Formats each end of the range on the trigger in place of ISO; the from → to join stays. */\n  formatDate?: (date: Date) => string;\n  placeholder?: string;\n  presets?: readonly DateRangePreset[];\n  /** Called instead of `onChange` when a preset is picked, with the preset itself. */\n  onPresetSelect?: (preset: DateRangePreset) => void;\n  /** Adds a start/end time-of-day row; the emitted `from` / `to` then carry hours and minutes. */\n  withTime?: boolean;\n  /** Hold edits in a draft and emit only on Apply, so one range costs one `onChange`. */\n  requireApply?: boolean;\n  /** Days that cannot be picked, as a react-day-picker matcher — e.g. `{ after: new Date() }`. */\n  disabledDays?: Matcher | Matcher[];\n  variant?: Exclude<VariantProps<typeof overlayTriggerVariants>['variant'], 'argo'>;\n  disabled?: boolean;\n  className?: string;\n} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> &\n  Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;\n\nconst timeOf = (date: Date) => formatTime(date.getHours(), date.getMinutes());\n\nconst isoDate = (date: Date) =>\n  `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;\n\nconst formatRange = (\n  range: DateRange | undefined,\n  format: (date: Date) => string,\n): string | null => {\n  if (!range?.from) return null;\n  return range.to ? `${format(range.from)} → ${format(range.to)}` : format(range.from);\n};\n\nconst withHoursMinutes = (target: Date, hour: number, minute: number) => {\n  const next = new Date(target);\n  next.setHours(hour, minute, 0, 0);\n  return next;\n};\n\nconst withTimeOf = (target: Date, source: Date) =>\n  withHoursMinutes(target, source.getHours(), source.getMinutes());\n\n/** Returns `target` at `time` (\"HH:mm\"); unparseable input leaves it alone. */\nconst atTime = (target: Date, time: string) => {\n  const { hour, minute } = parseTime(time);\n  return hour === null || minute === null ? target : withHoursMinutes(target, hour, minute);\n};\n\ntype TimeFieldProps = {\n  label: string;\n  date: Date | undefined;\n  onChange: (time: string) => void;\n};\n\n/** Time-of-day for one end of the range, on the same `TimePicker` the rest of the app uses. */\nconst TimeField = ({ label, date, onChange }: TimeFieldProps) => (\n  <div className=\"tw:flex tw:items-center tw:gap-2 tw:text-sm\">\n    <span className=\"tw:text-muted-foreground\">{label}</span>\n    <TimePicker selected={date ? timeOf(date) : null} onSelect={onChange}>\n      <Button variant=\"outline\" size=\"small\" disabled={!date} aria-label={`${label} time`}>\n        {date ? timeOf(date) : '--:--'}\n      </Button>\n    </TimePicker>\n  </div>\n);\n\n/** Picks a `{ from, to }` range, with optional presets, time row and Apply step; single date: `DatePicker`. */\nexport const DateRangePicker = ({\n  align = 'start',\n  alignOffset,\n  className,\n  defaultOpen,\n  disabled = false,\n  disabledDays,\n  formatDate,\n  label,\n  onChange,\n  onOpenChange,\n  onPresetSelect,\n  open,\n  placeholder = 'Pick a date range',\n  presets,\n  requireApply = false,\n  sideOffset,\n  value,\n  variant,\n  withTime = false,\n}: DateRangePickerProps) => {\n  const isArgoDesign = useArgoDesign();\n  const [draft, setDraft] = useState<DateRange | undefined>(value);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    // Reopening discards a cancelled draft.\n    if (nextOpen) setDraft(value);\n    onOpenChange?.(nextOpen);\n  };\n\n  const current = requireApply ? draft : value;\n\n  const edit = (range: DateRange | undefined) => {\n    if (requireApply) setDraft(range);\n    else onChange(range);\n  };\n\n  const handleSelect = (range: DayPickerDateRange | undefined) => {\n    if (!range?.from) {\n      edit(undefined);\n      return;\n    }\n\n    // Keeps the set time-of-day; otherwise a day click resets it to midnight.\n    edit({\n      from: current?.from ? withTimeOf(range.from, current.from) : range.from,\n      to: range.to && current?.to ? withTimeOf(range.to, current.to) : range.to,\n    });\n  };\n\n  const format =\n    formatDate ?? ((date: Date) => (withTime ? `${isoDate(date)} ${timeOf(date)}` : isoDate(date)));\n  const triggerLabel = label ?? formatRange(value, format);\n\n  return (\n    <Popover open={open} defaultOpen={defaultOpen} onOpenChange={handleOpenChange}>\n      <Popover.Trigger\n        disabled={disabled}\n        className={cn(\n          overlayTriggerVariants({ variant: isArgoDesign ? 'argo' : variant, sizing: 'medium' }),\n          className,\n        )}\n      >\n        <span className={cn('tw:truncate', !triggerLabel && 'tw:text-muted-foreground')}>\n          {triggerLabel ?? placeholder}\n        </span>\n        <ChevronDown className=\"tw:size-4 tw:text-muted-foreground\" />\n      </Popover.Trigger>\n      <Popover.Content\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className=\"tw:w-auto tw:p-0\"\n      >\n        <div className=\"tw:flex\">\n          {presets && presets.length > 0 ? (\n            <div className=\"tw:flex tw:flex-col tw:gap-1 tw:border-r tw:border-solid tw:border-border tw:p-2\">\n              {presets.map((preset) => (\n                <Popover.Close asChild key={preset.label}>\n                  <Button\n                    variant=\"invisible\"\n                    size=\"small\"\n                    className=\"tw:justify-start\"\n                    onClick={() =>\n                      onPresetSelect ? onPresetSelect(preset) : onChange(preset.range)\n                    }\n                  >\n                    {preset.label}\n                  </Button>\n                </Popover.Close>\n              ))}\n            </div>\n          ) : null}\n          <Calendar\n            mode=\"range\"\n            selected={current}\n            onSelect={handleSelect}\n            numberOfMonths={2}\n            defaultMonth={current?.from}\n            disabled={disabledDays}\n          />\n        </div>\n        {(withTime || requireApply) && (\n          <div className=\"tw:flex tw:items-center tw:gap-3 tw:border-t tw:border-solid tw:border-border tw:p-3\">\n            {withTime && (\n              <>\n                <TimeField\n                  label=\"From\"\n                  date={current?.from}\n                  onChange={(time) =>\n                    current?.from && edit({ ...current, from: atTime(current.from, time) })\n                  }\n                />\n                <TimeField\n                  label=\"To\"\n                  date={current?.to}\n                  onChange={(time) =>\n                    current?.to && edit({ ...current, to: atTime(current.to, time) })\n                  }\n                />\n              </>\n            )}\n            {requireApply && (\n              <div className=\"tw:ml-auto tw:flex tw:gap-2\">\n                <Popover.Close asChild>\n                  <Button variant=\"outline\" size=\"small\">\n                    Cancel\n                  </Button>\n                </Popover.Close>\n                <Popover.Close asChild>\n                  <Button size=\"small\" disabled={!draft?.from} onClick={() => onChange(draft)}>\n                    Apply\n                  </Button>\n                </Popover.Close>\n              </div>\n            )}\n          </div>\n        )}\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nDateRangePicker.displayName = 'DateRangePicker';\n"],"mappings":"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"}

package/dist/DiffView-ppTIzh2h.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiffView-ppTIzh2h.js","names":["variants"],"sources":["../src/components/DiffView/DiffViewMark.tsx","../src/components/DiffView/DiffViewTd.tsx","../src/components/DiffView/DiffViewTh.tsx","../src/components/DiffView/util.ts","../src/components/DiffView/DiffView.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n// `text-inherit` overrides the UA `mark` colour so the word highlight takes the\n// cell's text colour. That only works if the fill flips with the scheme too —\n// the light pastels are opaque, so under dark they put near-white text on a\n// light slab. Dark mode tints the same hue at a stronger alpha than the line\n// fill behind it, keeping the word-level mark the more prominent of the two.\nconst variants = cva(['tw:p-0.5', 'tw:text-inherit', 'tw:inline-flex'], {\n  variants: {\n    diff: {\n      added: ['tw:bg-green-200', 'tw:[[data-theme=dark]_&]:bg-green-500/40'],\n      removed: ['tw:bg-error-300', 'tw:[[data-theme=dark]_&]:bg-error-500/40'],\n    },\n  },\n});\n\ntype Props = ComponentProps<'span'> & VariantProps<typeof variants>;\n\nexport const DiffViewMark = ({ diff, children, className, ...props }: Props) => (\n  <mark {...props} className={cn(variants({ diff, className }))}>\n    {children}\n  </mark>\n);\n","import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  [\n    // reset global styles\n    'tw:[&_pre]:p-0',\n    'tw:[&_pre]:m-0',\n    'tw:[&_pre]:border-none',\n    'tw:[&_pre]:rounded-none',\n\n    'tw:align-top',\n    // `bg-transparent`, not `bg-inherit`: the cell tints are translucent under\n    // the dark scheme, and an inherited `background-color` repaints the same\n    // rgba over the already-composited cell — doubling the tint.\n    'tw:[&_pre]:bg-transparent',\n    'tw:[&_pre]:text-inherit',\n    'tw:[&_pre]:px-2',\n    'tw:[&_pre]:!leading-7',\n    'tw:[&_pre]:text-sm',\n    'tw:[&_pre]:whitespace-pre-wrap',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n      diff: 'default',\n    },\n    variants: {\n      variant: {\n        default: [],\n        gutter: ['tw:w-14', 'tw:text-right', 'tw:whitespace-nowrap', 'tw:select-none'],\n        code: [],\n      },\n      diff: {\n        default: [],\n        added: [],\n        removed: [],\n      },\n    },\n    // Added/removed rows are meaning-encoding, so they keep the fixed green /\n    // error ramps rather than a brand-overridable status token. Both need an\n    // explicit light/dark pair: the light pastel washes (`-100`/`-200`) are\n    // opaque, so under the dark scheme they stranded the near-white\n    // `foreground` on a light slab. Dark mode tints the same hue at low alpha\n    // over the pane surface instead, and every cell pins its own text colour —\n    // inheriting it left the added/removed code cells invisible in dark mode.\n    compoundVariants: [\n      {\n        variant: 'gutter',\n        diff: 'default',\n        className: ['tw:bg-muted', 'tw:text-muted-foreground'],\n      },\n      {\n        variant: 'gutter',\n        diff: 'added',\n        className: [\n          // `green-900` (6.1:1 on `green-200`), not `green-600` — that was 2.3:1.\n          'tw:bg-green-200 tw:text-green-900',\n          'tw:[[data-theme=dark]_&]:bg-green-500/25 tw:[[data-theme=dark]_&]:text-green-300',\n        ],\n      },\n      {\n        variant: 'gutter',\n        diff: 'removed',\n        className: [\n          // `error-700` (5.4:1 on `error-200`), not `error-500` — that was 3.3:1.\n          'tw:bg-error-200 tw:text-error-700',\n          'tw:[[data-theme=dark]_&]:bg-error-500/25 tw:[[data-theme=dark]_&]:text-error-300',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'default',\n        className: ['tw:bg-background', 'tw:text-foreground'],\n      },\n      {\n        variant: 'code',\n        diff: 'added',\n        className: [\n          'tw:bg-green-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-green-500/15',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'removed',\n        className: [\n          'tw:bg-error-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-error-500/15',\n        ],\n      },\n    ],\n  },\n);\n\ntype Props = ComponentProps<'td'> & VariantProps<typeof variants>;\n\nexport const DiffViewTd = ({ diff, variant = 'default', children, className, ...props }: Props) => {\n  const needsCodeFormatting = variant === 'code' || variant === 'gutter';\n\n  return (\n    <td {...props} className={cn(variants({ variant, className, diff }))}>\n      {needsCodeFormatting ? <pre>{children}</pre> : children}\n    </td>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'th'> & {\n  variant?: 'default' | 'gutter';\n};\n\nexport const DiffViewTh = ({ variant = 'default', children, className, ...props }: Props) => (\n  <th\n    {...props}\n    className={cn(\n      'tw:bg-background',\n      'tw:py-3',\n      // explicit `border-border`: v4 changed the default border color from gray-200 to\n      // `currentColor`, so a bare `border-b` rendered a dark divider (the th's text colour)\n      // instead of the light-grey header rule.\n      'tw:border-b',\n      'tw:border-border',\n      { 'tw:w-14': variant === 'gutter' },\n      { 'tw:last:pr-8': variant === 'default' },\n      className,\n    )}\n  >\n    {children}\n  </th>\n);\n","import { diffLines, diffWords } from 'diff';\n\nexport const DiffType = {\n  DEFAULT: 'default',\n  ADDED: 'added',\n  REMOVED: 'removed',\n} as const;\n\ntype DiffTypeValue = (typeof DiffType)[keyof typeof DiffType];\n\nexport type DiffInformation = {\n  value: string | DiffInformation[];\n  lineNumber: number;\n  type: DiffTypeValue;\n};\n\nexport type LineInformation = {\n  left: DiffInformation;\n  right: DiffInformation;\n};\n\ntype ComputedLineInformation = {\n  lineInformation: LineInformation[];\n  diffLines: number[];\n};\n\ntype SidedDiffInformation = {\n  left: DiffInformation[];\n  right: DiffInformation[];\n};\n\nexport type WordInformation = {\n  value: string;\n  type: DiffTypeValue;\n  lineNumber: number;\n};\n\nexport type SideInformation = {\n  type: DiffTypeValue;\n  lineNumber: number;\n  words: WordInformation[];\n};\n\nexport type DiffRow =\n  | { kind: 'fold'; blockStart: number; lineCount: number; key: string }\n  | { kind: 'line'; left: SideInformation; right: SideInformation; key: string };\n\nconst EXTRA_LINES = 3;\n\n// Sentinel blockStart for the region after the last diff; keeps distance checks\n// inert and lets `expandedBlocks` key on a real value.\nconst TAIL_BLOCK = Number.POSITIVE_INFINITY;\n\ntype Counters = {\n  left: number;\n  right: number;\n  global: number;\n};\n\ntype DiffChunk = ReturnType<typeof diffLines>[number];\n\nconst splitLines = (value: string): string[] => {\n  if (value === '') return [];\n  return value.replace(/\\n$/, '').split('\\n');\n};\n\nconst computeWordDiff = (oldValue: string, newValue: string): SidedDiffInformation => {\n  const result: SidedDiffInformation = { left: [], right: [] };\n\n  diffWords(oldValue, newValue).forEach(({ added, removed, value }) => {\n    if (added) {\n      result.right.push({ type: DiffType.ADDED, value, lineNumber: 0 });\n      return;\n    }\n    if (removed) {\n      result.left.push({ type: DiffType.REMOVED, value, lineNumber: 0 });\n      return;\n    }\n    const unchanged: DiffInformation = { type: DiffType.DEFAULT, value, lineNumber: 0 };\n    result.right.push(unchanged);\n    result.left.push(unchanged);\n  });\n\n  return result;\n};\n\n// Look ahead one chunk in the diff array and return the paired added-line string,\n// or null if there isn't one at the same lineIndex position.\nconst findPairedAddedLine = (\n  diffArray: DiffChunk[],\n  blockIndex: number,\n  lineIndex: number,\n): string | null => {\n  const nextBlock = diffArray[blockIndex + 1];\n  if (!nextBlock?.added) return null;\n  return splitLines(nextBlock.value)[lineIndex] ?? null;\n};\n\nconst buildUnchangedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  counters.right += 1;\n  return {\n    left: { type: DiffType.DEFAULT, value, lineNumber: counters.left },\n    right: { type: DiffType.DEFAULT, value, lineNumber: counters.right },\n  };\n};\n\nconst buildAddedLine = (value: string, counters: Counters): LineInformation => {\n  counters.right += 1;\n  return {\n    left: {} as DiffInformation,\n    right: { type: DiffType.ADDED, value, lineNumber: counters.right },\n  };\n};\n\nconst buildRemovedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  return {\n    left: { type: DiffType.REMOVED, value: value || ' ', lineNumber: counters.left },\n    right: {} as DiffInformation,\n  };\n};\n\n// Removed + paired added → one modification row with word-level diff.\n// Returns `isActualChange: false` for the quirky case where the two sides\n// resolve to the same string; the caller then omits it from diffLines.\nconst buildModifiedLine = (\n  leftValue: string,\n  rightValue: string,\n  counters: Counters,\n): { line: LineInformation; isActualChange: boolean } => {\n  counters.left += 1;\n  counters.right += 1;\n  const displayLeft = leftValue || ' ';\n\n  if (displayLeft === rightValue) {\n    return {\n      line: {\n        left: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.left },\n        right: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.right },\n      },\n      isActualChange: false,\n    };\n  }\n\n  const { left, right } = computeWordDiff(leftValue, rightValue);\n  return {\n    line: {\n      left: { type: DiffType.REMOVED, value: left, lineNumber: counters.left },\n      right: { type: DiffType.ADDED, value: right, lineNumber: counters.right },\n    },\n    isActualChange: true,\n  };\n};\n\nexport const computeLineInformation = (\n  oldString: string,\n  newString: string,\n  ignoreWhitespace?: boolean,\n): ComputedLineInformation => {\n  const diffArray = diffLines(oldString.trimEnd(), newString.trimEnd(), { ignoreWhitespace });\n  const counters: Counters = { left: 0, right: 0, global: 0 };\n  const lineInformation: LineInformation[] = [];\n  const diffLineSet = new Set<number>();\n  const consumedAddedLines = new Set<string>();\n\n  diffArray.forEach((block, blockIndex) => {\n    splitLines(block.value).forEach((value, lineIndex) => {\n      if (consumedAddedLines.has(`${blockIndex}-${lineIndex}`)) return;\n\n      if (block.removed) {\n        const paired = findPairedAddedLine(diffArray, blockIndex, lineIndex);\n        if (paired !== null) {\n          consumedAddedLines.add(`${blockIndex + 1}-${lineIndex}`);\n          const { line, isActualChange } = buildModifiedLine(value, paired, counters);\n          lineInformation.push(line);\n          if (isActualChange) diffLineSet.add(counters.global);\n        } else {\n          lineInformation.push(buildRemovedLine(value, counters));\n          diffLineSet.add(counters.global);\n        }\n      } else if (block.added) {\n        lineInformation.push(buildAddedLine(value, counters));\n        diffLineSet.add(counters.global);\n      } else {\n        lineInformation.push(buildUnchangedLine(value, counters));\n      }\n\n      counters.global += 1;\n    });\n  });\n\n  return {\n    lineInformation,\n    diffLines: [...diffLineSet].sort((a, b) => a - b),\n  };\n};\n\ntype ContextSegment = { kind: 'context'; lines: LineInformation[]; firstIndex: number };\ntype ChangeSegment = { kind: 'change'; lines: LineInformation[]; firstIndex: number };\ntype Segment = ContextSegment | ChangeSegment;\n\nconst toSegments = (\n  lineInformation: LineInformation[],\n  diffLineSet: ReadonlySet<number>,\n): Segment[] => {\n  const segments: Segment[] = [];\n  let current: Segment | null = null;\n\n  lineInformation.forEach((line, index) => {\n    const isChange = diffLineSet.has(index);\n    if (current === null || (current.kind === 'change') !== isChange) {\n      current = isChange\n        ? { kind: 'change', lines: [line], firstIndex: index }\n        : { kind: 'context', lines: [line], firstIndex: index };\n      segments.push(current);\n    } else {\n      current.lines.push(line);\n    }\n  });\n\n  return segments;\n};\n\nconst normalizeSide = (side: DiffInformation): SideInformation => {\n  const raw = Array.isArray(side.value)\n    ? side.value\n    : [{ value: side.value, type: DiffType.DEFAULT, lineNumber: 0 }];\n\n  return {\n    type: side.type,\n    lineNumber: side.lineNumber,\n    words: raw.filter((w): w is WordInformation => typeof w.value === 'string'),\n  };\n};\n\nconst renderLineRow = (line: LineInformation): DiffRow => ({\n  kind: 'line',\n  left: normalizeSide(line.left),\n  right: normalizeSide(line.right),\n  key: `${line.left.lineNumber}-${line.right.lineNumber}`,\n});\n\nconst renderContextSegment = (\n  segment: ContextSegment,\n  nextChangeIndex: number,\n  hasPrevChange: boolean,\n  hasNextChange: boolean,\n  expanded: ReadonlySet<number>,\n): DiffRow[] => {\n  if (expanded.has(nextChangeIndex)) {\n    return segment.lines.map(renderLineRow);\n  }\n\n  const total = segment.lines.length;\n  const trail = hasPrevChange ? Math.min(EXTRA_LINES, total) : 0;\n  let lead = hasNextChange ? Math.min(EXTRA_LINES, total - trail) : 0;\n  let foldCount = total - trail - lead;\n\n  // Quirk from the original: a single trailing unchanged line is always rendered\n  // (no one-line fold at the tail). Absorb it into the lead slice.\n  if (!hasNextChange && foldCount === 1) {\n    foldCount = 0;\n    lead = 1;\n  }\n\n  const rows: DiffRow[] = [];\n  if (trail > 0) {\n    rows.push(...segment.lines.slice(0, trail).map(renderLineRow));\n  }\n  if (foldCount > 0) {\n    rows.push({\n      kind: 'fold',\n      blockStart: nextChangeIndex,\n      lineCount: foldCount,\n      key: hasNextChange\n        ? `fold-${nextChangeIndex}`\n        : `fold-tail-${segment.firstIndex + total - 1}`,\n    });\n  }\n  if (lead > 0) {\n    rows.push(...segment.lines.slice(trail + foldCount).map(renderLineRow));\n  }\n  return rows;\n};\n\nexport const computeDiffRows = (\n  lineInformation: LineInformation[],\n  diffLines: number[],\n  expandedBlocks: number[],\n): DiffRow[] => {\n  const diffLineSet = new Set(diffLines);\n  const expanded = new Set(expandedBlocks);\n  const segments = toSegments(lineInformation, diffLineSet);\n\n  const rows: DiffRow[] = [];\n  let hasPrevChange = false;\n\n  segments.forEach((segment, i) => {\n    if (segment.kind === 'change') {\n      rows.push(...segment.lines.map(renderLineRow));\n      hasPrevChange = true;\n      return;\n    }\n    const nextChange = segments.slice(i + 1).find((s) => s.kind === 'change');\n    const nextStart = nextChange?.firstIndex ?? TAIL_BLOCK;\n    rows.push(...renderContextSegment(segment, nextStart, hasPrevChange, !!nextChange, expanded));\n  });\n\n  return rows;\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { DiffViewMark } from './DiffViewMark';\nimport { DiffViewTd } from './DiffViewTd';\nimport { DiffViewTh } from './DiffViewTh';\nimport { computeDiffRows, computeLineInformation } from './util';\n\ntype Props = {\n  oldValue: string;\n  newValue: string;\n  ignoreWhitespace?: boolean;\n  className?: string;\n\n  leftTitleGutter?: ReactNode;\n  leftTitle: ReactNode;\n  rightTitle: ReactNode;\n  rightTitleGutter?: ReactNode;\n};\n\nexport const DiffView = ({\n  leftTitle,\n  leftTitleGutter,\n  rightTitle,\n  rightTitleGutter,\n  oldValue,\n  newValue,\n  ignoreWhitespace,\n  className,\n}: Props) => {\n  const [expandedBlocks, setExpandedBlocks] = useState<number[]>([]);\n  const { lineInformation, diffLines } = computeLineInformation(\n    oldValue,\n    newValue,\n    ignoreWhitespace,\n  );\n  const rows = computeDiffRows(lineInformation, diffLines, expandedBlocks);\n\n  const handleExpand = (blockNumber: number) => {\n    setExpandedBlocks((curr) => [...curr, blockNumber]);\n  };\n\n  return (\n    <div\n      className={cn(\n        'tailwindcss-preflight',\n        'tw:bg-muted',\n        // Pin the text colour rather than inheriting it: the diff is routinely\n        // portalled into a Modal, where an inherited colour comes from whatever\n        // sits above the portal root instead of this surface.\n        'tw:text-foreground',\n        // explicit `border-border` — v4's default border colour is `currentColor`, so a bare\n        // `border` drew a dark frame instead of the light-grey outline.\n        'tw:border',\n        'tw:border-border',\n        'tw:rounded-2xl',\n        'tw:overflow-auto',\n        className,\n      )}\n    >\n      <table className=\"tw:w-full tw:table-fixed tw:bg-background\">\n        {/* Not v4's `shadow-xs`: `tailwind-config`'s `boxShadow.sm` fallback still carries\n            the v3 value, and only `shadow-sm` reads `--shadow-sm` from a brand's\n            `theme.shadows` — `shadow-xs` has no token and would opt this header out. */}\n        <thead className=\"tw:sticky tw:top-0 tw:z-10 tw:shadow-sm\">\n          <tr>\n            <DiffViewTh variant=\"gutter\">{leftTitleGutter}</DiffViewTh>\n            <DiffViewTh>{leftTitle}</DiffViewTh>\n            <DiffViewTh variant=\"gutter\">{rightTitleGutter}</DiffViewTh>\n            <DiffViewTh>{rightTitle}</DiffViewTh>\n          </tr>\n        </thead>\n\n        <tbody>\n          {rows.map((row) => {\n            if (row.kind === 'fold')\n              return (\n                <tr key={row.key}>\n                  <DiffViewTd colSpan={4}>\n                    <button\n                      type=\"button\"\n                      onClick={() => handleExpand(row.blockStart)}\n                      className={cn(\n                        'tw:w-full',\n                        'tw:text-center',\n                        'tw:bg-muted',\n                        'tw:text-foreground',\n                        'tw:hover:bg-accent',\n                        'tw:underline',\n                        'tw:p-2',\n                      )}\n                    >\n                      Expand {row.lineCount} lines ...\n                    </button>\n                  </DiffViewTd>\n                </tr>\n              );\n\n            return (\n              <tr key={row.key}>\n                <DiffViewTd variant=\"gutter\" diff={row.left.type}>\n                  {row.left.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.left.type}>\n                  {row.left.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"gutter\" diff={row.right.type}>\n                  {row.right.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.right.type}>\n                  {row.right.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DiffView-ppTIzh2h.js","names":["variants"],"sources":["../src/components/DiffView/DiffViewMark.tsx","../src/components/DiffView/DiffViewTd.tsx","../src/components/DiffView/DiffViewTh.tsx","../src/components/DiffView/util.ts","../src/components/DiffView/DiffView.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\n// `text-inherit` overrides the UA `mark` colour so the word highlight takes the\n// cell's text colour. That only works if the fill flips with the scheme too —\n// the light pastels are opaque, so under dark they put near-white text on a\n// light slab. Dark mode tints the same hue at a stronger alpha than the line\n// fill behind it, keeping the word-level mark the more prominent of the two.\nconst variants = cva(['tw:p-0.5', 'tw:text-inherit', 'tw:inline-flex'], {\n  variants: {\n    diff: {\n      added: ['tw:bg-green-200', 'tw:[[data-theme=dark]_&]:bg-green-500/40'],\n      removed: ['tw:bg-error-300', 'tw:[[data-theme=dark]_&]:bg-error-500/40'],\n    },\n  },\n});\n\ntype Props = ComponentProps<'span'> & VariantProps<typeof variants>;\n\nexport const DiffViewMark = ({ diff, children, className, ...props }: Props) => (\n  <mark {...props} className={cn(variants({ diff, className }))}>\n    {children}\n  </mark>\n);\n","import type { ComponentProps } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst variants = cva(\n  [\n    // reset global styles\n    'tw:[&_pre]:p-0',\n    'tw:[&_pre]:m-0',\n    'tw:[&_pre]:border-none',\n    'tw:[&_pre]:rounded-none',\n\n    'tw:align-top',\n    // Not `bg-inherit`: the translucent dark-mode tint would paint twice.\n    'tw:[&_pre]:bg-transparent',\n    'tw:[&_pre]:text-inherit',\n    'tw:[&_pre]:px-2',\n    'tw:[&_pre]:!leading-7',\n    'tw:[&_pre]:text-sm',\n    'tw:[&_pre]:whitespace-pre-wrap',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n      diff: 'default',\n    },\n    variants: {\n      variant: {\n        default: [],\n        gutter: ['tw:w-14', 'tw:text-right', 'tw:whitespace-nowrap', 'tw:select-none'],\n        code: [],\n      },\n      diff: {\n        default: [],\n        added: [],\n        removed: [],\n      },\n    },\n    // Fixed green/error ramps, not brand-overridable status tokens.\n    // Each needs a light/dark pair and its own text colour, or dark mode hides the text.\n    compoundVariants: [\n      {\n        variant: 'gutter',\n        diff: 'default',\n        className: ['tw:bg-muted', 'tw:text-muted-foreground'],\n      },\n      {\n        variant: 'gutter',\n        diff: 'added',\n        className: [\n          // `green-900` for contrast (6.1:1 on `green-200`).\n          'tw:bg-green-200 tw:text-green-900',\n          'tw:[[data-theme=dark]_&]:bg-green-500/25 tw:[[data-theme=dark]_&]:text-green-300',\n        ],\n      },\n      {\n        variant: 'gutter',\n        diff: 'removed',\n        className: [\n          // `error-700` for contrast (5.4:1 on `error-200`).\n          'tw:bg-error-200 tw:text-error-700',\n          'tw:[[data-theme=dark]_&]:bg-error-500/25 tw:[[data-theme=dark]_&]:text-error-300',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'default',\n        className: ['tw:bg-background', 'tw:text-foreground'],\n      },\n      {\n        variant: 'code',\n        diff: 'added',\n        className: [\n          'tw:bg-green-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-green-500/15',\n        ],\n      },\n      {\n        variant: 'code',\n        diff: 'removed',\n        className: [\n          'tw:bg-error-100 tw:text-foreground',\n          'tw:[[data-theme=dark]_&]:bg-error-500/15',\n        ],\n      },\n    ],\n  },\n);\n\ntype Props = ComponentProps<'td'> & VariantProps<typeof variants>;\n\nexport const DiffViewTd = ({ diff, variant = 'default', children, className, ...props }: Props) => {\n  const needsCodeFormatting = variant === 'code' || variant === 'gutter';\n\n  return (\n    <td {...props} className={cn(variants({ variant, className, diff }))}>\n      {needsCodeFormatting ? <pre>{children}</pre> : children}\n    </td>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'th'> & {\n  variant?: 'default' | 'gutter';\n};\n\nexport const DiffViewTh = ({ variant = 'default', children, className, ...props }: Props) => (\n  <th\n    {...props}\n    className={cn(\n      'tw:bg-background',\n      'tw:py-3',\n      // explicit `border-border`: v4 changed the default border color from gray-200 to\n      // `currentColor`, so a bare `border-b` rendered a dark divider (the th's text colour)\n      // instead of the light-grey header rule.\n      'tw:border-b',\n      'tw:border-border',\n      { 'tw:w-14': variant === 'gutter' },\n      { 'tw:last:pr-8': variant === 'default' },\n      className,\n    )}\n  >\n    {children}\n  </th>\n);\n","import { diffLines, diffWords } from 'diff';\n\nexport const DiffType = {\n  DEFAULT: 'default',\n  ADDED: 'added',\n  REMOVED: 'removed',\n} as const;\n\ntype DiffTypeValue = (typeof DiffType)[keyof typeof DiffType];\n\nexport type DiffInformation = {\n  value: string | DiffInformation[];\n  lineNumber: number;\n  type: DiffTypeValue;\n};\n\nexport type LineInformation = {\n  left: DiffInformation;\n  right: DiffInformation;\n};\n\ntype ComputedLineInformation = {\n  lineInformation: LineInformation[];\n  diffLines: number[];\n};\n\ntype SidedDiffInformation = {\n  left: DiffInformation[];\n  right: DiffInformation[];\n};\n\nexport type WordInformation = {\n  value: string;\n  type: DiffTypeValue;\n  lineNumber: number;\n};\n\nexport type SideInformation = {\n  type: DiffTypeValue;\n  lineNumber: number;\n  words: WordInformation[];\n};\n\nexport type DiffRow =\n  | { kind: 'fold'; blockStart: number; lineCount: number; key: string }\n  | { kind: 'line'; left: SideInformation; right: SideInformation; key: string };\n\nconst EXTRA_LINES = 3;\n\n// Sentinel blockStart for the region after the last diff; keeps distance checks\n// inert and lets `expandedBlocks` key on a real value.\nconst TAIL_BLOCK = Number.POSITIVE_INFINITY;\n\ntype Counters = {\n  left: number;\n  right: number;\n  global: number;\n};\n\ntype DiffChunk = ReturnType<typeof diffLines>[number];\n\nconst splitLines = (value: string): string[] => {\n  if (value === '') return [];\n  return value.replace(/\\n$/, '').split('\\n');\n};\n\nconst computeWordDiff = (oldValue: string, newValue: string): SidedDiffInformation => {\n  const result: SidedDiffInformation = { left: [], right: [] };\n\n  diffWords(oldValue, newValue).forEach(({ added, removed, value }) => {\n    if (added) {\n      result.right.push({ type: DiffType.ADDED, value, lineNumber: 0 });\n      return;\n    }\n    if (removed) {\n      result.left.push({ type: DiffType.REMOVED, value, lineNumber: 0 });\n      return;\n    }\n    const unchanged: DiffInformation = { type: DiffType.DEFAULT, value, lineNumber: 0 };\n    result.right.push(unchanged);\n    result.left.push(unchanged);\n  });\n\n  return result;\n};\n\n// Look ahead one chunk in the diff array and return the paired added-line string,\n// or null if there isn't one at the same lineIndex position.\nconst findPairedAddedLine = (\n  diffArray: DiffChunk[],\n  blockIndex: number,\n  lineIndex: number,\n): string | null => {\n  const nextBlock = diffArray[blockIndex + 1];\n  if (!nextBlock?.added) return null;\n  return splitLines(nextBlock.value)[lineIndex] ?? null;\n};\n\nconst buildUnchangedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  counters.right += 1;\n  return {\n    left: { type: DiffType.DEFAULT, value, lineNumber: counters.left },\n    right: { type: DiffType.DEFAULT, value, lineNumber: counters.right },\n  };\n};\n\nconst buildAddedLine = (value: string, counters: Counters): LineInformation => {\n  counters.right += 1;\n  return {\n    left: {} as DiffInformation,\n    right: { type: DiffType.ADDED, value, lineNumber: counters.right },\n  };\n};\n\nconst buildRemovedLine = (value: string, counters: Counters): LineInformation => {\n  counters.left += 1;\n  return {\n    left: { type: DiffType.REMOVED, value: value || ' ', lineNumber: counters.left },\n    right: {} as DiffInformation,\n  };\n};\n\n// Removed + paired added → one modification row with word-level diff.\n// Returns `isActualChange: false` for the quirky case where the two sides\n// resolve to the same string; the caller then omits it from diffLines.\nconst buildModifiedLine = (\n  leftValue: string,\n  rightValue: string,\n  counters: Counters,\n): { line: LineInformation; isActualChange: boolean } => {\n  counters.left += 1;\n  counters.right += 1;\n  const displayLeft = leftValue || ' ';\n\n  if (displayLeft === rightValue) {\n    return {\n      line: {\n        left: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.left },\n        right: { type: DiffType.DEFAULT, value: rightValue, lineNumber: counters.right },\n      },\n      isActualChange: false,\n    };\n  }\n\n  const { left, right } = computeWordDiff(leftValue, rightValue);\n  return {\n    line: {\n      left: { type: DiffType.REMOVED, value: left, lineNumber: counters.left },\n      right: { type: DiffType.ADDED, value: right, lineNumber: counters.right },\n    },\n    isActualChange: true,\n  };\n};\n\nexport const computeLineInformation = (\n  oldString: string,\n  newString: string,\n  ignoreWhitespace?: boolean,\n): ComputedLineInformation => {\n  const diffArray = diffLines(oldString.trimEnd(), newString.trimEnd(), { ignoreWhitespace });\n  const counters: Counters = { left: 0, right: 0, global: 0 };\n  const lineInformation: LineInformation[] = [];\n  const diffLineSet = new Set<number>();\n  const consumedAddedLines = new Set<string>();\n\n  diffArray.forEach((block, blockIndex) => {\n    splitLines(block.value).forEach((value, lineIndex) => {\n      if (consumedAddedLines.has(`${blockIndex}-${lineIndex}`)) return;\n\n      if (block.removed) {\n        const paired = findPairedAddedLine(diffArray, blockIndex, lineIndex);\n        if (paired !== null) {\n          consumedAddedLines.add(`${blockIndex + 1}-${lineIndex}`);\n          const { line, isActualChange } = buildModifiedLine(value, paired, counters);\n          lineInformation.push(line);\n          if (isActualChange) diffLineSet.add(counters.global);\n        } else {\n          lineInformation.push(buildRemovedLine(value, counters));\n          diffLineSet.add(counters.global);\n        }\n      } else if (block.added) {\n        lineInformation.push(buildAddedLine(value, counters));\n        diffLineSet.add(counters.global);\n      } else {\n        lineInformation.push(buildUnchangedLine(value, counters));\n      }\n\n      counters.global += 1;\n    });\n  });\n\n  return {\n    lineInformation,\n    diffLines: [...diffLineSet].sort((a, b) => a - b),\n  };\n};\n\ntype ContextSegment = { kind: 'context'; lines: LineInformation[]; firstIndex: number };\ntype ChangeSegment = { kind: 'change'; lines: LineInformation[]; firstIndex: number };\ntype Segment = ContextSegment | ChangeSegment;\n\nconst toSegments = (\n  lineInformation: LineInformation[],\n  diffLineSet: ReadonlySet<number>,\n): Segment[] => {\n  const segments: Segment[] = [];\n  let current: Segment | null = null;\n\n  lineInformation.forEach((line, index) => {\n    const isChange = diffLineSet.has(index);\n    if (current === null || (current.kind === 'change') !== isChange) {\n      current = isChange\n        ? { kind: 'change', lines: [line], firstIndex: index }\n        : { kind: 'context', lines: [line], firstIndex: index };\n      segments.push(current);\n    } else {\n      current.lines.push(line);\n    }\n  });\n\n  return segments;\n};\n\nconst normalizeSide = (side: DiffInformation): SideInformation => {\n  const raw = Array.isArray(side.value)\n    ? side.value\n    : [{ value: side.value, type: DiffType.DEFAULT, lineNumber: 0 }];\n\n  return {\n    type: side.type,\n    lineNumber: side.lineNumber,\n    words: raw.filter((w): w is WordInformation => typeof w.value === 'string'),\n  };\n};\n\nconst renderLineRow = (line: LineInformation): DiffRow => ({\n  kind: 'line',\n  left: normalizeSide(line.left),\n  right: normalizeSide(line.right),\n  key: `${line.left.lineNumber}-${line.right.lineNumber}`,\n});\n\nconst renderContextSegment = (\n  segment: ContextSegment,\n  nextChangeIndex: number,\n  hasPrevChange: boolean,\n  hasNextChange: boolean,\n  expanded: ReadonlySet<number>,\n): DiffRow[] => {\n  if (expanded.has(nextChangeIndex)) {\n    return segment.lines.map(renderLineRow);\n  }\n\n  const total = segment.lines.length;\n  const trail = hasPrevChange ? Math.min(EXTRA_LINES, total) : 0;\n  let lead = hasNextChange ? Math.min(EXTRA_LINES, total - trail) : 0;\n  let foldCount = total - trail - lead;\n\n  // Quirk from the original: a single trailing unchanged line is always rendered\n  // (no one-line fold at the tail). Absorb it into the lead slice.\n  if (!hasNextChange && foldCount === 1) {\n    foldCount = 0;\n    lead = 1;\n  }\n\n  const rows: DiffRow[] = [];\n  if (trail > 0) {\n    rows.push(...segment.lines.slice(0, trail).map(renderLineRow));\n  }\n  if (foldCount > 0) {\n    rows.push({\n      kind: 'fold',\n      blockStart: nextChangeIndex,\n      lineCount: foldCount,\n      key: hasNextChange\n        ? `fold-${nextChangeIndex}`\n        : `fold-tail-${segment.firstIndex + total - 1}`,\n    });\n  }\n  if (lead > 0) {\n    rows.push(...segment.lines.slice(trail + foldCount).map(renderLineRow));\n  }\n  return rows;\n};\n\nexport const computeDiffRows = (\n  lineInformation: LineInformation[],\n  diffLines: number[],\n  expandedBlocks: number[],\n): DiffRow[] => {\n  const diffLineSet = new Set(diffLines);\n  const expanded = new Set(expandedBlocks);\n  const segments = toSegments(lineInformation, diffLineSet);\n\n  const rows: DiffRow[] = [];\n  let hasPrevChange = false;\n\n  segments.forEach((segment, i) => {\n    if (segment.kind === 'change') {\n      rows.push(...segment.lines.map(renderLineRow));\n      hasPrevChange = true;\n      return;\n    }\n    const nextChange = segments.slice(i + 1).find((s) => s.kind === 'change');\n    const nextStart = nextChange?.firstIndex ?? TAIL_BLOCK;\n    rows.push(...renderContextSegment(segment, nextStart, hasPrevChange, !!nextChange, expanded));\n  });\n\n  return rows;\n};\n","import { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { DiffViewMark } from './DiffViewMark';\nimport { DiffViewTd } from './DiffViewTd';\nimport { DiffViewTh } from './DiffViewTh';\nimport { computeDiffRows, computeLineInformation } from './util';\n\ntype Props = {\n  oldValue: string;\n  newValue: string;\n  ignoreWhitespace?: boolean;\n  className?: string;\n\n  leftTitleGutter?: ReactNode;\n  leftTitle: ReactNode;\n  rightTitle: ReactNode;\n  rightTitleGutter?: ReactNode;\n};\n\nexport const DiffView = ({\n  leftTitle,\n  leftTitleGutter,\n  rightTitle,\n  rightTitleGutter,\n  oldValue,\n  newValue,\n  ignoreWhitespace,\n  className,\n}: Props) => {\n  const [expandedBlocks, setExpandedBlocks] = useState<number[]>([]);\n  const { lineInformation, diffLines } = computeLineInformation(\n    oldValue,\n    newValue,\n    ignoreWhitespace,\n  );\n  const rows = computeDiffRows(lineInformation, diffLines, expandedBlocks);\n\n  const handleExpand = (blockNumber: number) => {\n    setExpandedBlocks((curr) => [...curr, blockNumber]);\n  };\n\n  return (\n    <div\n      className={cn(\n        'tailwindcss-preflight',\n        'tw:bg-muted',\n        // Pin the text colour rather than inheriting it: the diff is routinely\n        // portalled into a Modal, where an inherited colour comes from whatever\n        // sits above the portal root instead of this surface.\n        'tw:text-foreground',\n        // explicit `border-border` — v4's default border colour is `currentColor`, so a bare\n        // `border` drew a dark frame instead of the light-grey outline.\n        'tw:border',\n        'tw:border-border',\n        'tw:rounded-2xl',\n        'tw:overflow-auto',\n        className,\n      )}\n    >\n      <table className=\"tw:w-full tw:table-fixed tw:bg-background\">\n        {/* Not v4's `shadow-xs`: `tailwind-config`'s `boxShadow.sm` fallback still carries\n            the v3 value, and only `shadow-sm` reads `--shadow-sm` from a brand's\n            `theme.shadows` — `shadow-xs` has no token and would opt this header out. */}\n        <thead className=\"tw:sticky tw:top-0 tw:z-10 tw:shadow-sm\">\n          <tr>\n            <DiffViewTh variant=\"gutter\">{leftTitleGutter}</DiffViewTh>\n            <DiffViewTh>{leftTitle}</DiffViewTh>\n            <DiffViewTh variant=\"gutter\">{rightTitleGutter}</DiffViewTh>\n            <DiffViewTh>{rightTitle}</DiffViewTh>\n          </tr>\n        </thead>\n\n        <tbody>\n          {rows.map((row) => {\n            if (row.kind === 'fold')\n              return (\n                <tr key={row.key}>\n                  <DiffViewTd colSpan={4}>\n                    <button\n                      type=\"button\"\n                      onClick={() => handleExpand(row.blockStart)}\n                      className={cn(\n                        'tw:w-full',\n                        'tw:text-center',\n                        'tw:bg-muted',\n                        'tw:text-foreground',\n                        'tw:hover:bg-accent',\n                        'tw:underline',\n                        'tw:p-2',\n                      )}\n                    >\n                      Expand {row.lineCount} lines ...\n                    </button>\n                  </DiffViewTd>\n                </tr>\n              );\n\n            return (\n              <tr key={row.key}>\n                <DiffViewTd variant=\"gutter\" diff={row.left.type}>\n                  {row.left.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.left.type}>\n                  {row.left.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"gutter\" diff={row.right.type}>\n                  {row.right.lineNumber}\n                </DiffViewTd>\n\n                <DiffViewTd variant=\"code\" diff={row.right.type}>\n                  {row.right.words.map((val, index) => {\n                    if (val.type === 'default') return val.value;\n\n                    return (\n                      // oxlint-disable-next-line react/no-array-index-key\n                      <DiffViewMark key={`${val.value}-${val.type}-${index}`} diff={val.type}>\n                        {val.value}\n                      </DiffViewMark>\n                    );\n                  })}\n                </DiffViewTd>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{DropdownMenu-CgVwhDvl.js → DropdownMenu-gRM-A8qU.js}

@@ -1,6 +1,6 @@
 import { cn } from "./classNames-BzrkDnOD.js";
-import { useArgoDesign } from "./context-D7X470dy.js";
-import { Check, ChevronRight, Circle, Loader2, ToggleRight } from "./icons-Cek151jC.js";
+import { useArgoDesign } from "./context-U293r3v-.js";
+import { Check, ChevronRight, Circle, Loader2, ToggleRight } from "./icons-wcA70iQx.js";
 import { ScrollArea } from "./internal/components/ScrollArea.js";
 import { Root, Slottable } from "@radix-ui/react-slot";
 import { createContext, use, useMemo } from "react";
@@ -329,4 +329,4 @@ DropdownMenu.ItemDescription = DropdownMenuItemDescription;
 //#endregion
 export { DropdownMenu };
 
-//# sourceMappingURL=DropdownMenu-CgVwhDvl.js.map
+//# sourceMappingURL=DropdownMenu-gRM-A8qU.js.map

package/dist/DropdownMenu-gRM-A8qU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu-gRM-A8qU.js","names":["Root"],"sources":["../src/components/DropdownMenu/DropdownMenuItemIndicator.tsx","../src/components/DropdownMenu/ItemIcon.tsx","../src/components/DropdownMenu/styles.ts","../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx","../src/components/DropdownMenu/DropdownMenuContext.tsx","../src/components/DropdownMenu/DropdownMenuContent.tsx","../src/components/DropdownMenu/DropdownMenuItem.tsx","../src/components/DropdownMenu/DropdownMenuItemDescription.tsx","../src/components/DropdownMenu/DropdownMenuLabel.tsx","../src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioGroup.tsx","../src/components/DropdownMenu/DropdownMenuRadioGroup/DropdownMenuRadioItem.tsx","../src/components/DropdownMenu/DropdownMenuSeparator.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSub.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubContent.tsx","../src/components/DropdownMenu/DropdownMenuSub/DropdownMenuSubTrigger.tsx","../src/components/DropdownMenu/DropdownMenuTrigger.tsx","../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cva } from 'class-variance-authority';\n\nimport { Check, Circle, ToggleRight } from '../../icons';\n\nconst variants = cva(\n  [\n    'tailwindcss-preflight',\n    'tw:pointer-events-none',\n\n    // sizing\n    'tw:size-4',\n    'tw:aspect-square',\n    'tw:shrink-0',\n\n    // layout\n    'tw:flex',\n    'tw:items-center',\n    'tw:justify-center',\n  ],\n  {\n    variants: {\n      variant: {\n        none: [],\n        radio: [\n          'tw:border',\n          'tw:border-solid',\n          'tw:border-border',\n          'tw:rounded-full',\n          'tw:group-data-[variant=default]/dropdown-menu-content:bg-input-background',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:bg-background',\n\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-2',\n          'tw:data-[state=unchecked]:[&_svg]:hidden',\n          // Lucide Circle is stroke-only — force fill to match the stroke\n          // (currentColor) so the indicator reads as a solid dot.\n          'tw:[&_svg]:fill-current',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:[&_svg]:text-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:[&_svg]:text-primary',\n        ],\n        check: ['tw:[&_svg:not([class*=\"tw:size-\"])]:size-3.5', 'tw:[&_svg]:text-primary'],\n        checkbox: [\n          'tw:[&_svg]:text-primary-foreground',\n          'tw:border',\n          'tw:border-solid',\n          'tw:rounded',\n          'tw:group-data-[variant=default]/dropdown-menu-content:border-input',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:border-input',\n\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-3',\n          'tw:data-[state=unchecked]:[&_svg]:hidden',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:border-primary',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:border-primary',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:bg-primary',\n        ],\n        switch: [\n          'tw:size-5',\n          // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight\n          // to the indicator slot so it doesn't overflow.\n          'tw:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n          'tw:text-muted-foreground',\n          'tw:data-[state=unchecked]:rotate-180',\n          'tw:group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:text-primary',\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:text-primary',\n        ],\n      },\n    },\n  },\n);\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.ItemIndicator> &\n  VariantProps<typeof variants>;\n\nexport const DropdownMenuItemIndicator = ({\n  variant,\n  className,\n  forceMount: forceMountProp,\n  ...rest\n}: Props) => {\n  const IconComp = (() => {\n    if (variant === 'switch') return ToggleRight;\n    if (variant === 'radio') return Circle;\n    return Check;\n  })();\n\n  const forceMount = (() => {\n    if (forceMountProp) return true;\n    // All variants, except for check, require rendering at all times.\n    return variant === 'check' ? undefined : true;\n  })();\n\n  if (variant === 'none') return null;\n\n  return (\n    <DropdownMenuPrimitive.ItemIndicator\n      {...rest}\n      forceMount={forceMount}\n      className={variants({ variant, className })}\n    >\n      <IconComp />\n    </DropdownMenuPrimitive.ItemIndicator>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'> & {\n  children: ReactNode;\n};\n\nexport const ItemIcon = ({ className, children, ...props }: Props) => (\n  <span\n    {...props}\n    className={cn(\n      'tw:inline-flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:aspect-square',\n      // 20px container fits the 16px Lucide glyph plus 2px breathing room\n      // each side — the previous tw:size-4 + tw:p-0.5 clipped the 16px child.\n      'tw:size-5',\n      'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n      'tw:group-data-[variant=default]/dropdown-menu-content:text-muted-foreground',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:text-primary',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:text-muted-foreground',\n      'tw:group-data-[variant=default]/dropdown-menu-content:group-hover:text-primary',\n      className,\n    )}\n  >\n    {children}\n  </span>\n);\n","import { cn } from '../../utils';\n\nexport const itemVariants = cn(\n  // reset\n  'tailwindcss-preflight',\n  'tw:outline-hidden',\n  'tw:group',\n  'tw:peer',\n  'tw:relative',\n\n  // positioning\n  'tw:flex',\n  'tw:flex-1',\n  'tw:items-center',\n  'tw:gap-2',\n\n  // An icon passed as `children` rather than via the `icon` prop misses `ItemIcon`,\n  // so without this it falls back to Lucide's 24px default and towers over the\n  // siblings this row is laid out for. The `:not()` keeps a call-site size winning.\n  'tw:[&_svg:not([class*=\"tw:size-\"])]:size-4',\n\n  'tw:cursor-pointer',\n  'tw:select-none',\n  'tw:transition-colors',\n\n  // spacing\n  'tw:p-2',\n\n  // typography\n  'tw:font-sans',\n  'tw:text-sm',\n\n  'tw:aria-disabled:pointer-events-none',\n  'tw:aria-disabled:opacity-50',\n\n  'tw:focus-visible:outline-hidden',\n\n  'tw:group-data-[variant=default]/dropdown-menu-content:rounded',\n  'tw:group-data-[variant=default]/dropdown-menu-content:focus:bg-muted',\n  'tw:group-data-[variant=default]/dropdown-menu-content:focus:text-foreground',\n  'tw:group-data-[variant=default]/dropdown-menu-content:hover:bg-muted',\n  'tw:group-data-[variant=default]/dropdown-menu-content:hover:text-foreground',\n\n  'tw:group-data-[variant=argo]/dropdown-menu-content:rounded-md',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:text-popover-foreground',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:focus:text-primary',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:focus:bg-primary/10',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:hover:text-primary',\n  'tw:group-data-[variant=argo]/dropdown-menu-content:hover:bg-primary/10',\n);\n\nexport const contentVariants = cn(\n  'tailwindcss-preflight',\n  'tw:group/dropdown-menu-content',\n  // Sit above Modal/Sheet (z-1051), matching the other floating overlays (Popover/Select z-1055)\n  'tw:z-[1055]',\n\n  // positioning\n  'tw:flex',\n  'tw:flex-col',\n  'tw:origin-(--radix-dropdown-menu-content-transform-origin)',\n\n  // sizing\n  'tw:max-h-[var(--radix-dropdown-menu-content-available-height)]',\n  'tw:min-w-32',\n\n  // border\n  'tw:border',\n  'tw:border-border',\n  'tw:shadow-md',\n\n  // surface — semantic tokens, so a portalled menu follows the brand and the scheme\n  'tw:bg-popover',\n  'tw:text-popover-foreground',\n\n  // Radius is the only thing the surface variants differ in.\n  'tw:data-[variant=default]:rounded-md',\n  'tw:data-[variant=argo]:rounded-2xl',\n\n  // animations\n  'tw:data-[state=open]:animate-in',\n  'tw:data-[state=open]:fade-in-0',\n  'tw:data-[state=open]:zoom-in-95',\n\n  'tw:data-[state=closed]:animate-out',\n  'tw:data-[state=closed]:fade-out-0',\n  'tw:data-[state=closed]:zoom-out-95',\n\n  'tw:data-[side=bottom]:slide-in-from-top-2',\n  'tw:data-[side=left]:slide-in-from-right-2',\n  'tw:data-[side=right]:slide-in-from-left-2',\n  'tw:data-[side=top]:slide-in-from-bottom-2',\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { DropdownMenuItemIndicator } from './DropdownMenuItemIndicator';\nimport { ItemIcon } from './ItemIcon';\nimport { itemVariants } from './styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  closeOnSelect?: boolean;\n  indicator?: 'switch' | 'checkbox' | 'check';\n  indicatorAlign?: 'start' | 'end';\n  isLoading?: boolean;\n  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so mixed menus line up. */\n  icon?: ReactNode;\n};\n\nexport const DropdownMenuCheckboxItem = ({\n  className,\n  children,\n  checked,\n  closeOnSelect = false,\n  onSelect,\n  indicatorAlign = 'start',\n  indicator = 'checkbox',\n  isLoading = false,\n  icon,\n  ...props\n}: Props) => {\n  const isAtStart = indicatorAlign === 'start';\n  const indicatorEle = isLoading ? (\n    <ItemIcon className={isAtStart ? '' : 'tw:ml-auto'}>\n      <Loader2 className=\"tw:animate-spin\" />\n    </ItemIcon>\n  ) : (\n    <DropdownMenuItemIndicator variant={indicator} className={isAtStart ? '' : 'tw:ml-auto'} />\n  );\n\n  const handleSelect = (event: Event) => {\n    if (!closeOnSelect) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      className={cn(itemVariants, className)}\n      checked={checked}\n      onSelect={handleSelect}\n      {...props}\n    >\n      {isAtStart && indicatorEle}\n      {icon && <ItemIcon>{icon}</ItemIcon>}\n      {children}\n      {!isAtStart && indicatorEle}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n};\n","import { createContext, use } from 'react';\n\nexport type DropdownMenuVariant = 'default' | 'argo';\n\ntype DropdownMenuContextType = {\n  variant: DropdownMenuVariant;\n};\n\nexport const DropdownMenuContext = createContext<DropdownMenuContextType>({\n  variant: 'default',\n});\n\nexport const useDropdownMenuContext = () => use(DropdownMenuContext);\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\nimport { ScrollArea } from '../ScrollArea';\n\nimport { useDropdownMenuContext } from './DropdownMenuContext';\nimport { contentVariants } from './styles';\n\ntype Props = Omit<\n  ComponentProps<typeof DropdownMenuPrimitive.Content>,\n  'forceMount' | 'asChild'\n> & {\n  forceMount?: boolean;\n  /** Classes for the inner scroll area, not the popup. Set a width, not a `max-width` (clips rows). */\n  className?: string;\n  viewPortClassName?: string;\n  container?: HTMLElement | null;\n};\n\nexport const DropdownMenuContent = ({\n  className,\n  sideOffset = 4,\n  forceMount,\n  children,\n  viewPortClassName,\n  container,\n  ...props\n}: Props) => {\n  const { variant } = useDropdownMenuContext();\n\n  return (\n    <DropdownMenuPrimitive.Portal forceMount={forceMount || undefined} container={container}>\n      <DropdownMenuPrimitive.Content\n        {...props}\n        data-variant={variant}\n        sideOffset={sideOffset}\n        className={contentVariants}\n      >\n        <ScrollArea\n          className={className}\n          viewPortClassName={cn(\n            'tw:p-2',\n            'tw:max-h-[var(--radix-dropdown-menu-content-available-height)]',\n            viewPortClassName,\n          )}\n          scrollBarClassName=\"tw:w-1.5\"\n        >\n          {children}\n        </ScrollArea>\n      </DropdownMenuPrimitive.Content>\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n","import type { ComponentProps, PointerEventHandler, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Root, Slottable } from '@radix-ui/react-slot';\n\nimport { Loader2 } from '../../icons';\nimport { cn } from '../../utils';\n\nimport { ItemIcon } from './ItemIcon';\nimport { itemVariants } from './styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  /**\n   * Stops the closing item stealing focus from the modal it opens (breaks `autoFocus`).\n   * https://github.com/radix-ui/primitives/issues/2193#issuecomment-2758461323\n   */\n  asModalTrigger?: boolean;\n  /** Leading Lucide icon. */\n  icon?: ReactNode;\n  isLoading?: boolean;\n  iconClassName?: string;\n};\n\nexport const DropdownMenuItem = ({\n  ref,\n  className,\n  asModalTrigger = false,\n  onSelect,\n  onPointerLeave,\n  onPointerMove,\n  children,\n  asChild,\n  icon,\n  iconClassName,\n  isLoading = false,\n  ...props\n}: Props) => {\n  const Comp = asChild ? Root : 'div';\n  const adornment = isLoading ? <Loader2 className=\"tw:animate-spin\" /> : icon;\n\n  const handleOnSelect = (event: Event) => {\n    // keeps the menu open so the modal is not unmounted\n    if (asModalTrigger) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  const handlePointerLeave: PointerEventHandler<HTMLDivElement> = (event) => {\n    // prevents focus stealing from modal\n    if (asModalTrigger) event.preventDefault();\n    onPointerLeave?.(event);\n  };\n\n  const handlePointerMove: PointerEventHandler<HTMLDivElement> = (event) => {\n    // prevents focus stealing from modal\n    if (asModalTrigger) event.preventDefault();\n    onPointerMove?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.Item\n      {...props}\n      ref={ref}\n      onSelect={handleOnSelect}\n      onPointerLeave={handlePointerLeave}\n      onPointerMove={handlePointerMove}\n      className={cn(itemVariants, asChild && 'tw:text-inherit', className)}\n      asChild\n    >\n      <Comp>\n        {adornment && <ItemIcon className={iconClassName}>{adornment}</ItemIcon>}\n        <Slottable>{children}</Slottable>\n      </Comp>\n    </DropdownMenuPrimitive.Item>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../utils';\n\nconst descriptionVariants = cva(\n  [\n    'tw:box-border',\n    'tw:ml-auto',\n    'tw:font-sans',\n    'tw:tracking-normal',\n    'tw:font-normal',\n    'tw:text-xs',\n    'tw:text-muted-foreground',\n  ],\n  {\n    variants: {\n      hideOnHover: {\n        true: ['tw:group-focus-within:hidden', 'tw:group-hover:hidden'],\n        false: [],\n      },\n    },\n    defaultVariants: {},\n  },\n);\n\ntype Props = ComponentProps<'span'> & {\n  hideOnHover?: boolean;\n};\n\nexport const DropdownMenuItemDescription = ({\n  className,\n  children,\n  hideOnHover = false,\n  ...props\n}: Props) => {\n  return (\n    <span {...props} className={cn(descriptionVariants({ hideOnHover }), className)}>\n      {children}\n    </span>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Label>;\n\nexport const DropdownMenuLabel = ({ className, ...props }: Props) => {\n  return (\n    <DropdownMenuPrimitive.Label\n      className={cn(\n        'tw:p-2',\n        'tw:font-medium',\n        'tw:text-xs',\n        'tw:text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\ntype Props<Value> = Omit<\n  ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>,\n  'value' | 'onValueChange' | 'defaultValue'\n> & {\n  value?: Value;\n  defaultValue?: Value;\n  onValueChange?: (value: Value) => void;\n};\n\nexport const DropdownMenuRadioGroup = <Value extends string = string>({\n  value,\n  defaultValue,\n  onValueChange,\n  ...props\n}: Props<Value>) => {\n  const handleChange = (value: string) => {\n    onValueChange?.(value as Value);\n  };\n\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      {...props}\n      value={value}\n      defaultValue={defaultValue}\n      onValueChange={handleChange}\n    />\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { Loader2 } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { DropdownMenuItemIndicator } from '../DropdownMenuItemIndicator';\nimport { ItemIcon } from '../ItemIcon';\nimport { itemVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  closeOnSelect?: boolean;\n  indicatorAlign?: 'start' | 'end';\n  indicator?: 'radio' | 'check' | 'none';\n  icon?: ReactNode;\n  iconClassName?: string;\n  isLoading?: boolean;\n};\n\nexport const DropdownMenuRadioItem = ({\n  className,\n  children,\n  closeOnSelect,\n  onSelect,\n  indicatorAlign = 'start',\n  indicator = 'radio',\n  icon,\n  iconClassName,\n  isLoading = false,\n  ...props\n}: Props) => {\n  const isAtStart = indicatorAlign === 'start';\n  const indicatorEle = isLoading ? (\n    <ItemIcon className={iconClassName}>\n      <Loader2 className=\"tw:animate-spin\" />\n    </ItemIcon>\n  ) : (\n    <DropdownMenuItemIndicator variant={indicator} />\n  );\n\n  const handleSelect = (event: Event) => {\n    if (!closeOnSelect) event.preventDefault();\n    onSelect?.(event);\n  };\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      className={cn(\n        itemVariants,\n        'tw:data-[state=checked]:cursor-default',\n        {\n          'tw:data-[state=checked]:bg-neutral-100': indicator === 'none',\n          // Semantic tint so it flips under `[data-theme='dark']`.\n          'tw:group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:bg-primary/10':\n            indicator === 'check',\n        },\n        className,\n      )}\n      onSelect={handleSelect}\n      {...props}\n    >\n      {isAtStart && indicatorEle}\n      {icon && <ItemIcon className={iconClassName}>{icon}</ItemIcon>}\n      <span className=\"tw:flex tw:min-w-0 tw:flex-1 tw:items-center tw:gap-2\">{children}</span>\n      {!isAtStart && indicatorEle}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.Separator>;\n\nexport const DropdownMenuSeparator = ({ className, ...props }: Props) => (\n  <DropdownMenuPrimitive.Separator\n    className={cn(\n      'tw:relative',\n      'tw:z-10',\n\n      // layout\n      'tw:flex',\n      'tw:items-center',\n      'tw:justify-center',\n      'tw:w-full',\n\n      // separator line\n      'tw:before:content-[\"\"]',\n      'tw:before:w-full',\n      'tw:before:h-px',\n\n      'tw:group-data-[variant=default]/dropdown-menu-content:py-2',\n      'tw:group-data-[variant=default]/dropdown-menu-content:before:bg-border',\n\n      'tw:group-data-[variant=argo]/dropdown-menu-content:py-1',\n      'tw:group-data-[variant=argo]/dropdown-menu-content:before:bg-border',\n\n      className,\n    )}\n    {...props}\n  />\n);\n","import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nexport const DropdownMenuSub = DropdownMenuPrimitive.Sub;\n","import type { ComponentProps } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../../utils';\nimport { useDropdownMenuContext } from '../DropdownMenuContext';\nimport { contentVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.SubContent>;\n\nexport const DropdownMenuSubContent = ({ className, ...props }: Props) => {\n  const { variant } = useDropdownMenuContext();\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-variant={variant}\n        className={cn(contentVariants, 'tw:z-[1041]', 'tw:p-2', className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nimport { ChevronRight } from '../../../icons';\nimport { cn } from '../../../utils';\nimport { ItemIcon } from '../ItemIcon';\nimport { itemVariants } from '../styles';\n\ntype Props = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  /** Leading Lucide icon, drawn like `DropdownMenu.Item`'s so the trigger lines up with items. */\n  icon?: ReactNode;\n};\n\nexport const DropdownMenuSubTrigger = ({ className, children, icon, ...props }: Props) => {\n  return (\n    <DropdownMenuPrimitive.SubTrigger className={cn(itemVariants, className)} {...props}>\n      {icon && <ItemIcon>{icon}</ItemIcon>}\n      {children}\n      <ChevronRight className=\"tw:ml-auto tw:size-5\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Trigger } from '@radix-ui/react-dropdown-menu';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<typeof Trigger>;\n\nexport const DropdownMenuTrigger = ({ ref, className, ...props }: Props) => (\n  <Trigger\n    {...props}\n    ref={ref}\n    data-slot=\"dropdown-menu-trigger\"\n    className={cn('tw:group/dropdown-menu-trigger', className)}\n  />\n);\n","import { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\nimport { Group, Root } from '@radix-ui/react-dropdown-menu';\n\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem';\nimport { DropdownMenuContent } from './DropdownMenuContent';\nimport type { DropdownMenuVariant } from './DropdownMenuContext';\nimport { DropdownMenuContext } from './DropdownMenuContext';\nimport { DropdownMenuItem } from './DropdownMenuItem';\nimport { DropdownMenuItemDescription } from './DropdownMenuItemDescription';\nimport { DropdownMenuLabel } from './DropdownMenuLabel';\nimport { DropdownMenuRadioGroup, DropdownMenuRadioItem } from './DropdownMenuRadioGroup';\nimport { DropdownMenuSeparator } from './DropdownMenuSeparator';\nimport { DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger } from './DropdownMenuSub';\nimport { DropdownMenuTrigger } from './DropdownMenuTrigger';\n\ntype Props = ComponentProps<typeof Root>;\n\nexport const DropdownMenu = ({\n  // change a default value to false, for modal property, as it is not used in most cases\n  modal = false,\n  ...props\n}: Props) => {\n  const effectiveVariant: DropdownMenuVariant = useArgoDesign() ? 'argo' : 'default';\n  const contextValue = useMemo(() => ({ variant: effectiveVariant }), [effectiveVariant]);\n\n  return (\n    <DropdownMenuContext value={contextValue}>\n      <Root {...props} modal={modal} />\n    </DropdownMenuContext>\n  );\n};\n\n/**\n * Main Layout\n */\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = Group;\n\n/**\n * Sub Layout\n */\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\n\n/**\n * Items can be used either Sub ar Main Layout\n */\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\n\n// item content\nDropdownMenu.ItemDescription = DropdownMenuItemDescription;\n"],"mappings":"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"}

package/dist/{FieldItem-DZGIdiXE.js → FieldItem-2wMXQ0Qw.js}

@@ -1,7 +1,7 @@
-import { Tooltip } from "./utils-BW4AE8VP.js";
-import { Info } from "./icons-Cek151jC.js";
+import { Tooltip } from "./utils-Bd28bWgm.js";
+import { Info } from "./icons-wcA70iQx.js";
 import { Label } from "./internal/components/Label.js";
-import { FormGroup } from "./FormGroup-DR_gZ25-.js";
+import { FormGroup } from "./FormGroup-CmNiAtU6.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createFormHookContexts, useStore } from "@tanstack/react-form";
@@ -10,9 +10,8 @@ const { fieldContext, useFieldContext, formContext, useFormContext } = createFor
 //#endregion
 //#region src/blocks/Form/connectors/FieldItem.tsx
 /**
-* Shared frame for a form field: label (+ required marker + tooltip), the control, and help/error
-* text. It reads the field from context and owns everything derivable — validity, the error/help
-* ids, and the control's `aria-*` wiring — so a connector only picks a control and binds its value.
+* Shared form-field frame: label, control, help/error text. Owns validity, ids and `aria-*` wiring,
+* so a connector only picks a control and binds its value.
 */
 const FieldItem = ({ label, action, required, requiredMark = "required", labelling = "for", help, tooltip, className, "aria-describedby": ariaDescribedBy, children }) => {
 	const field = useFieldContext();
@@ -22,29 +21,17 @@ const FieldItem = ({ label, action, required, requiredMark = "required", labelli
 	/**
 	* The submit count as of this field's first render.
 	*
-	* - `submissionAttempts` never goes down, so a bare `> 0` would reveal errors on a field that mounted
-	*   *after* a failed submit — switch a type on a form that already failed Save and every freshly
-	*   revealed control says "Required" before the user reaches it.
-	* - Comparing against the mount value asks the question that matters: has a submit happened while this
-	*   field was on screen?
-	* - `form.reset()` puts the counter back to 0 without unmounting anything, so the baseline has to
-	*   follow it down. Left alone it outruns the counter and the next submit compares `1 > 1` — the
-	*   error stays hidden until a second one.
+	* - A bare `> 0` would flag fields mounted after a failed submit.
+	* - `form.reset()` zeroes the counter, so the baseline follows it down.
 	*/
 	const attemptsAtMountRef = useRef(submissionAttempts);
 	if (submissionAttempts < attemptsAtMountRef.current) attemptsAtMountRef.current = submissionAttempts;
 	/**
-	* ⚠️ **Blurred, not touched.**
+	* ⚠️ Blurred, not touched.
 	*
-	* `isTouched` looks like the right gate and is not: `FormApi.setFieldValue` sets it, so filling a field
-	* *for* the user — an id derived from a name, a default written when a type is picked — reads as the
-	* user having been there (`validateField` and `validateAllFields` set it too). The visible result is
-	* "Required" under a control the user has never been near.
-	*
-	* `isBlurred` is per-field and only a real blur sets it: the user was in this control and left it.
-	* A submit attempt reveals everything that was on screen for it, because a field nobody visited still
-	* has to explain itself once the button is pressed. `setServerFieldErrors` marks `isBlurred` for the
-	* same reason — a mutation that fails outside a submit has neither signal otherwise.
+	* - `setFieldValue` and `validateField` set `isTouched`, so code-filled fields would show errors.
+	* - Only a real blur sets `isBlurred` — and `setServerFieldErrors`, for failures outside a submit.
+	* - A submit attempt reveals every field that was on screen for it.
 	*/
 	const isInvalid = (isBlurred || submissionAttempts > attemptsAtMountRef.current) && errors.length > 0;
 	const errorId = `${field.name}-error`;
@@ -105,4 +92,4 @@ const FieldItem = ({ label, action, required, requiredMark = "required", labelli
 //#endregion
 export { FieldItem, fieldContext, formContext, useFieldContext, useFormContext };
 
-//# sourceMappingURL=FieldItem-DZGIdiXE.js.map
+//# sourceMappingURL=FieldItem-2wMXQ0Qw.js.map

package/dist/FieldItem-2wMXQ0Qw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldItem-2wMXQ0Qw.js","names":[],"sources":["../src/blocks/Form/contexts.ts","../src/blocks/Form/connectors/FieldItem.tsx"],"sourcesContent":["import { createFormHookContexts } from '@tanstack/react-form';\n\nexport const { fieldContext, useFieldContext, formContext, useFormContext } =\n  createFormHookContexts();\n","import { type ReactNode, useRef } from 'react';\nimport { useStore } from '@tanstack/react-form';\n\nimport { Label } from '../../../components/Label';\nimport { Tooltip } from '../../../components/Tooltip';\nimport { Info } from '../../../icons';\nimport { FormGroup } from '../../FormGroup';\nimport { useFieldContext, useFormContext } from '../contexts';\n\n/** The a11y wiring `FieldItem` derives for the control — spread it onto the rendered element. */\ntype FieldControlProps = {\n  id: string;\n  name: string;\n  'aria-required'?: true;\n  'aria-invalid'?: true;\n  'aria-describedby'?: string;\n  /** Present only under `labelling: 'aria-labelledby'` — see the prop. */\n  'aria-labelledby'?: string;\n};\n\n/** Which marker sits next to the label. Purely visual — `aria-required` is driven by `required`. */\ntype RequiredMark = 'required' | 'optional' | 'hidden';\n\n/**\n * How the control takes its accessible name from the label.\n *\n * - `'for'` (default) — `<label for>` at the control's `id`; for labelable elements (`input` etc.).\n * - `'aria-labelledby'` — the label id comes back in `control['aria-labelledby']`, no `for`. For\n *   non-labelable controls (CodeMirror, Lexical, `div[role]`), which `<label for>` never names.\n */\ntype Labelling = 'for' | 'aria-labelledby';\n\ntype Props = {\n  label?: ReactNode;\n  /** Trailing node on the label row (e.g. a `Link`); not part of the accessible name. */\n  action?: ReactNode;\n  required?: boolean;\n  /**\n   * Gated by `required`: `'required'` shows `*` only if required, `'optional'` shows `(optional)`\n   * only if not, `'hidden'` neither. Defaults to `'required'`.\n   */\n  requiredMark?: RequiredMark;\n  /** See {@link Labelling}. Defaults to `'for'`. */\n  labelling?: Labelling;\n  help?: ReactNode;\n  tooltip?: ReactNode;\n  className?: string;\n  'aria-describedby'?: string;\n  children: (control: FieldControlProps) => ReactNode;\n};\n\n/**\n * The frame props a connector re-exposes to its callers.\n *\n * - No `labelling`: the connector picks it from what its control is.\n * - Left in, it would fall into the rest spread and reach the DOM `<input>`.\n */\nexport type FieldItemProps = Omit<Props, 'children' | 'labelling'>;\n\n/**\n * Shared form-field frame: label, control, help/error text. Owns validity, ids and `aria-*` wiring,\n * so a connector only picks a control and binds its value.\n */\nexport const FieldItem = ({\n  label,\n  action,\n  required,\n  requiredMark = 'required',\n  labelling = 'for',\n  help,\n  tooltip,\n  className,\n  'aria-describedby': ariaDescribedBy,\n  children,\n}: Props) => {\n  const field = useFieldContext();\n  const form = useFormContext();\n  const { errors, isBlurred } = field.state.meta;\n  const submissionAttempts = useStore(form.store, (state) => state.submissionAttempts);\n\n  /**\n   * The submit count as of this field's first render.\n   *\n   * - A bare `> 0` would flag fields mounted after a failed submit.\n   * - `form.reset()` zeroes the counter, so the baseline follows it down.\n   */\n  const attemptsAtMountRef = useRef(submissionAttempts);\n  if (submissionAttempts < attemptsAtMountRef.current)\n    attemptsAtMountRef.current = submissionAttempts;\n\n  /**\n   * ⚠️ Blurred, not touched.\n   *\n   * - `setFieldValue` and `validateField` set `isTouched`, so code-filled fields would show errors.\n   * - Only a real blur sets `isBlurred` — and `setServerFieldErrors`, for failures outside a submit.\n   * - A submit attempt reveals every field that was on screen for it.\n   */\n  const isInvalid =\n    (isBlurred || submissionAttempts > attemptsAtMountRef.current) && errors.length > 0;\n\n  const errorId = `${field.name}-error`;\n  const descriptionId = `${field.name}-description`;\n  const labelId = `${field.name}-label`;\n  const namesByAria = labelling === 'aria-labelledby';\n  // Help and error can both apply; `undefined` when empty so the attr is omitted.\n  const describedBy =\n    [ariaDescribedBy, !!help && descriptionId, isInvalid && errorId].filter(Boolean).join(' ') ||\n    undefined;\n\n  return (\n    <FormGroup className={className}>\n      {(label || action) && (\n        <div className=\"tw:flex tw:items-center tw:justify-between tw:gap-2\">\n          <div className=\"tw:flex tw:items-center tw:gap-1\">\n            {/* Marker binds to the label text; the interactive tooltip button is a sibling. */}\n            {label && (\n              // `htmlFor` only for labelable controls — see `Labelling`.\n              <Label\n                htmlFor={namesByAria ? undefined : field.name}\n                id={namesByAria ? labelId : undefined}\n              >\n                {label}\n                {requiredMark === 'required' && required && <Label.Required />}\n                {requiredMark === 'optional' && !required && <Label.Optional />}\n              </Label>\n            )}\n\n            {tooltip && (\n              <Tooltip tooltip={tooltip} placement=\"top\" triggerAsChild>\n                <button\n                  type=\"button\"\n                  aria-label={\n                    typeof label === 'string'\n                      ? `More information about ${label}`\n                      : 'More information'\n                  }\n                  className=\"tw:text-muted-foreground tw:focus:outline-hidden tw:focus-visible:text-primary tailwindcss-preflight\"\n                >\n                  <Info className=\"tw:size-3\" />\n                </button>\n              </Tooltip>\n            )}\n          </div>\n\n          {action}\n        </div>\n      )}\n\n      {children({\n        id: field.name,\n        name: field.name,\n        'aria-required': required || undefined,\n        'aria-invalid': isInvalid || undefined,\n        'aria-describedby': describedBy,\n        'aria-labelledby': namesByAria && label ? labelId : undefined,\n      })}\n\n      {(help || isInvalid) && (\n        <div>\n          {help && <FormGroup.Help id={descriptionId}>{help}</FormGroup.Help>}\n          {isInvalid && <FormGroup.Error id={errorId} errors={errors} />}\n        </div>\n      )}\n    </FormGroup>\n  );\n};\n"],"mappings":";;;;;;;;AAEA,MAAa,EAAE,cAAc,iBAAiB,aAAa,mBACzD,uBAAuB;;;;;;;AC4DzB,MAAa,aAAa,EACxB,OACA,QACA,UACA,eAAe,YACf,YAAY,OACZ,MACA,SACA,WACA,oBAAoB,iBACpB,eACW;CACX,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,OAAO,eAAe;CAC5B,MAAM,EAAE,QAAQ,cAAc,MAAM,MAAM;CAC1C,MAAM,qBAAqB,SAAS,KAAK,QAAQ,UAAU,MAAM,kBAAkB;;;;;;;CAQnF,MAAM,qBAAqB,OAAO,kBAAkB;CACpD,IAAI,qBAAqB,mBAAmB,SAC1C,mBAAmB,UAAU;;;;;;;;CAS/B,MAAM,aACH,aAAa,qBAAqB,mBAAmB,YAAY,OAAO,SAAS;CAEpF,MAAM,UAAU,GAAG,MAAM,KAAK;CAC9B,MAAM,gBAAgB,GAAG,MAAM,KAAK;CACpC,MAAM,UAAU,GAAG,MAAM,KAAK;CAC9B,MAAM,cAAc,cAAc;CAElC,MAAM,cACJ;EAAC;EAAiB,CAAC,CAAC,QAAQ;EAAe,aAAa;CAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KACzF,KAAA;CAEF,OACE,qBAAC,WAAD;EAAsB;EAAtB,UAAA;IACI,SAAS,WACT,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CAEG,SAEC,qBAAC,OAAD;MACE,SAAS,cAAc,KAAA,IAAY,MAAM;MACzC,IAAI,cAAc,UAAU,KAAA;MAF9B,UAAA;OAIG;OACA,iBAAiB,cAAc,YAAY,oBAAC,MAAM,UAAP,CAAiB,CAAA;OAC5D,iBAAiB,cAAc,CAAC,YAAY,oBAAC,MAAM,UAAP,CAAiB,CAAA;MACzD;KAGR,CAAA,GAAA,WACC,oBAAC,SAAD;MAAkB;MAAS,WAAU;MAAM,gBAAA;MACzC,UAAA,oBAAC,UAAD;OACE,MAAK;OACL,cACE,OAAO,UAAU,WACb,0BAA0B,UAC1B;OAEN,WAAU;OAEV,UAAA,oBAAC,MAAD,EAAM,WAAU,YAAa,CAAA;MACvB,CAAA;KACD,CAAA,CAER;IAEJ,CAAA,GAAA,MACE;;GAGN,SAAS;IACR,IAAI,MAAM;IACV,MAAM,MAAM;IACZ,iBAAiB,YAAY,KAAA;IAC7B,gBAAgB,aAAa,KAAA;IAC7B,oBAAoB;IACpB,mBAAmB,eAAe,QAAQ,UAAU,KAAA;GACtD,CAAC;IAEC,QAAQ,cACR,qBAAC,OAAD,EAAA,UAAA,CACG,QAAQ,oBAAC,UAAU,MAAX;IAAgB,IAAI;IAAgB,UAAA;GAAqB,CAAA,GACjE,aAAa,oBAAC,UAAU,OAAX;IAAiB,IAAI;IAAiB;GAAS,CAAA,CAC1D,EAAA,CAAA;EAEE;;AAEf"}