@mastra/playground-ui 64.0.0-alpha.7 → 64.0.0-alpha.9

package/dist/combobox-Bw13EcK0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Bw13EcK0.js","sources":["../src/ds/components/Combobox/combobox-parts.tsx","../src/ds/components/Combobox/combobox.tsx"],"sourcesContent":["// Composable Combobox parts: shadcn's structure and names (https://ui.shadcn.com/docs/components/combobox),\n// built on Base UI like theirs, styled with our design system. The root is `ComboboxRoot` because\n// `Combobox` is the options-driven component in combobox.tsx.\nimport { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { Check, ChevronDown, ChevronsUpDown, Search, X } from 'lucide-react';\nimport * as React from 'react';\nimport { comboboxItemClass, comboboxStyles, comboboxTriggerClass } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize, TextButtonSize } from '@/ds/components/Button/Button';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { menuLabelClass, menuSeparatorClass } from '@/ds/primitives/menu-item';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\n/**\n * The field the list opens under, set by ComboboxInput or ComboboxChips. Without one (a compact\n * ComboboxTrigger with ComboboxSearch in the popup) the popup anchors to the trigger.\n */\ntype FieldAnchor = {\n  field?: HTMLElement;\n  /** A ref callback: React passes `null` when the field unmounts. */\n  setField: (field: HTMLElement | null) => void;\n};\nconst FieldAnchorContext = React.createContext<FieldAnchor | undefined>(undefined);\n\n/**\n * Root. Same props as Base UI's `Combobox.Root` (`items`, `value`, `onValueChange`, `multiple`,\n * `autoHighlight`, `filter`, ...). Pick one of three shapes:\n * - Search in the field: `ComboboxInput` + `ComboboxContent`.\n * - Multiple, chips in the field: `ComboboxChips` (chips + `ComboboxChipsInput`) + `ComboboxContent`.\n * - Compact trigger, search in the popup: `ComboboxTrigger` + `ComboboxContent` starting with\n *   `ComboboxSearch`. For small triggers (an icon, a ghost button in a toolbar).\n */\nfunction ComboboxRoot<Value, Multiple extends boolean | undefined = false>(\n  props: BaseCombobox.Root.Props<Value, Multiple>,\n) {\n  // Set through a ref callback, which reports `null` on detach; read as `undefined` below.\n  const [field, setField] = React.useState<HTMLElement | null>(null);\n  return (\n    <FieldAnchorContext.Provider value={{ field: field ?? undefined, setField }}>\n      <BaseCombobox.Root {...props} />\n    </FieldAnchorContext.Provider>\n  );\n}\n\n/**\n * The field surface: today's trigger look, focus shown while the input inside has focus. The\n * chevron ends every field, at the same padding as today's Combobox trigger.\n */\nconst fieldClass = (size: TextButtonSize = 'md') =>\n  cn(\n    comboboxTriggerClass({ variant: 'default', size }),\n    // The Button recipe brightens icons on hover; a field's chevron stays muted.\n    'cursor-text gap-2 focus-within:[--surface-rim:var(--field-rim-focus)] not-disabled:hover:[&_svg]:text-muted-foreground',\n    // Disabled like other form elements (muted text, not-allowed cursor). Keyed off the input because\n    // Base UI marks the input group, not the chips field, with `data-disabled`.\n    'has-[input:disabled]:cursor-not-allowed has-[input:disabled]:bg-field-disabled has-[input:disabled]:[&_*]:cursor-not-allowed has-[input:disabled]:[&_*]:text-muted-foreground',\n    // The input inside carries `aria-invalid`; the field shows it like other invalid fields.\n    'has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)]',\n  );\n\n/**\n * Text starts 0.9em in (the Button recipe's padding, shared with Select and today's Combobox).\n * The chevron is a 22px circle; its arrow's ink sits 6.33px inside the circle's edge (3px circle\n * inset + 3.33px icon inset), so the end padding puts that ink 0.9em from the end, like the text.\n */\nconst fieldPx = '0.9em';\n\n/** Inline so it wins over the Button recipe's `px` (same layer, later in the sheet). */\nconst fieldStyle: React.CSSProperties = {\n  paddingInlineStart: fieldPx,\n  paddingInlineEnd: `calc(${fieldPx} - 6.33px)`,\n};\n\n/**\n * Chips sit 4px from the field's edge on top, bottom and left: 3px visible inside the 1px rim,\n * the same 3px as the gap between chips. A chip is the field height minus that padding (22px).\n */\nconst chipsFieldStyle: React.CSSProperties = {\n  // Longhands only: a `padding` shorthand here would also reset the chevron's end padding.\n  paddingBlock: '4px',\n  paddingInlineStart: '4px',\n  paddingInlineEnd: fieldStyle.paddingInlineEnd,\n};\n\n// `w-0` + `flex-1`: an input's default width (about 20 characters) would otherwise set the field's\n// minimum width, so it couldn't shrink into a narrow column.\nconst inputClass =\n  'h-full w-0 min-w-0 flex-1 bg-transparent text-foreground outline-none placeholder:text-muted-foreground';\n\n/** Caret at the end of the value instead of selecting it, the way a text field behaves. */\nfunction moveCaretToEnd(event: React.FocusEvent<HTMLInputElement>) {\n  const input = event.currentTarget;\n  // Deferred one frame so it runs after the click places the caret; clicking the label lands here too.\n  requestAnimationFrame(() => input.setSelectionRange(input.value.length, input.value.length));\n}\n\n/**\n * The selected value, for a compact `ComboboxTrigger` or a custom display. `children` can be a\n * function of the value; `placeholder` shows while nothing is selected.\n */\nfunction ComboboxValue(props: BaseCombobox.Value.Props) {\n  return <BaseCombobox.Value data-slot=\"combobox-value\" {...props} />;\n}\n\n/** The round chevron button that ends ComboboxInput and ComboboxChips. */\nfunction ComboboxFieldTrigger() {\n  return (\n    <BaseCombobox.Trigger\n      data-slot=\"combobox-field-trigger\"\n      aria-label=\"Show options\"\n      // A round button target: the circle fills on hover, the chevron keeps its color.\n      className=\"flex size-5.5 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground not-data-disabled:hover:bg-fill\"\n    >\n      {/* Sized like Select's chevron: outside the icon rung, so it keeps Lucide's default stroke\n          (1.33px at 16px) instead of the rung's 1px. */}\n      <ChevronDown className=\"size-4\" />\n    </BaseCombobox.Trigger>\n  );\n}\n\ntype ComboboxTriggerProps = Omit<BaseCombobox.Trigger.Props, 'className'> & {\n  className?: string;\n  /** The Button-recipe look, like Select: `default` (field surface), `outline` or `ghost`. */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) show only `icon` (or the chevron); `children` stay as accessible text. */\n  size?: ButtonSize;\n  /** Shown before the value, or alone at icon sizes (e.g. a filter icon), replacing the chevron there. */\n  icon?: React.ReactNode;\n  showChevron?: boolean;\n};\n\n/**\n * A compact trigger that opens the list, with the search inside the popup (`ComboboxSearch`). For\n * small triggers such as an icon or a ghost button; a form field uses ComboboxInput instead.\n * `children` is what the trigger shows, usually `<ComboboxValue placeholder=\"…\" />`.\n */\nfunction ComboboxTrigger({\n  className,\n  children,\n  variant = 'default',\n  size = 'md',\n  icon,\n  showChevron = !(icon && isIconButtonSize(size)),\n  ...props\n}: ComboboxTriggerProps) {\n  const iconOnly = isIconButtonSize(size);\n  return (\n    <BaseCombobox.Trigger\n      data-slot=\"combobox-trigger\"\n      data-shape={iconOnly ? 'icon' : undefined}\n      className={comboboxTriggerClass({ variant, size, className })}\n      {...props}\n    >\n      {iconOnly ? (\n        <>\n          {icon}\n          <span className=\"sr-only\">{children}</span>\n        </>\n      ) : (\n        <span className=\"flex min-w-0 flex-1 items-center gap-2\">\n          {icon}\n          <span className=\"truncate\">{children}</span>\n        </span>\n      )}\n      {/* Wrapped so the svg escapes Button's `[&>svg]` adornments, like today's Combobox chevron. */}\n      {showChevron ? (\n        <span className=\"flex shrink-0 items-center\">\n          <ChevronsUpDown className={cn(comboboxStyles.chevron, iconOnly && 'ml-0')} />\n        </span>\n      ) : null}\n    </BaseCombobox.Trigger>\n  );\n}\n\n/** An × that clears the value. ComboboxInput renders it with `showClear`. */\nfunction ComboboxClear({ className, ...props }: BaseCombobox.Clear.Props) {\n  return (\n    <BaseCombobox.Clear\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    >\n      <X className=\"size-3.5\" />\n    </BaseCombobox.Clear>\n  );\n}\n\ntype ComboboxInputProps = Omit<BaseCombobox.Input.Props, 'size'> & {\n  /** The field height, from the control sizes. `md` by default. */\n  size?: TextButtonSize;\n  /** Shown before the text, e.g. the selected item's icon. */\n  start?: React.ReactNode;\n  /** The chevron button at the end. On by default. */\n  showTrigger?: boolean;\n  /** An × before the chevron that clears the value. */\n  showClear?: boolean;\n};\n\n/**\n * The field you type in to filter, showing the selected value while it's closed. `children` render\n * inside the field before the chevron (e.g. a muted \"4 items\" detail). The list opens at the\n * field's width. Inside a `Field`, the label and errors link to it.\n */\nfunction ComboboxInput({\n  className,\n  children,\n  showTrigger = true,\n  showClear = false,\n  size,\n  start,\n  onFocus,\n  ...props\n}: ComboboxInputProps) {\n  const anchor = React.useContext(FieldAnchorContext);\n  return (\n    <BaseCombobox.InputGroup\n      ref={anchor?.setField}\n      data-slot=\"combobox-input\"\n      className={cn(fieldClass(size), className)}\n      style={fieldStyle}\n    >\n      {start ? <span className=\"flex shrink-0 items-center\">{start}</span> : null}\n      <BaseCombobox.Input\n        onFocus={event => {\n          moveCaretToEnd(event);\n          onFocus?.(event);\n        }}\n        className={inputClass}\n        {...passwordManagerOptOutProps}\n        {...props}\n      />\n      {children ? <span className=\"flex shrink-0 items-center gap-2 text-muted-foreground\">{children}</span> : null}\n      {showClear ? <ComboboxClear /> : null}\n      {showTrigger ? <ComboboxFieldTrigger /> : null}\n    </BaseCombobox.InputGroup>\n  );\n}\n\n/**\n * The search row at the top of the popup, for a compact `ComboboxTrigger`. The same row as today's\n * Combobox: a search icon, a borderless input and a hairline under it.\n */\nfunction ComboboxSearch({ className, ...props }: BaseCombobox.Input.Props) {\n  return (\n    <div data-slot=\"combobox-search\" className={comboboxStyles.searchContainer}>\n      <Search className={comboboxStyles.searchIcon} />\n      <BaseCombobox.Input\n        className={cn(comboboxStyles.searchInput, className)}\n        {...passwordManagerOptOutProps}\n        {...props}\n      />\n    </div>\n  );\n}\n\ntype ComboboxContentProps = BaseCombobox.Popup.Props &\n  Pick<BaseCombobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {\n    /** Where the popup portals to. Defaults to the nearest dialog or drawer, so it stays interactive there. */\n    container?: PortalContainer;\n  };\n\n/**\n * The popup. Under a field (ComboboxInput or ComboboxChips) it opens at the field's width; under a\n * compact ComboboxTrigger it takes the trigger's width, at least 11rem. Either way the width never\n * follows the filtered items, so it holds still while you type; long labels truncate.\n */\nfunction ComboboxContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'start',\n  alignOffset = 0,\n  anchor,\n  container,\n  ...props\n}: ComboboxContentProps) {\n  const field = React.useContext(FieldAnchorContext)?.field;\n  const resolvedContainer = usePortalContainer(container);\n  return (\n    <BaseCombobox.Portal container={resolvedContainer}>\n      <BaseCombobox.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        // Base UI anchors to the input (or the trigger when the input is in the popup); chips need\n        // the whole field instead.\n        anchor={anchor ?? field}\n        positionMethod={FLOATING_POSITION_METHOD}\n        className={comboboxStyles.positioner}\n      >\n        <BaseCombobox.Popup\n          data-slot=\"combobox-content\"\n          className={cn(\n            comboboxStyles.popup,\n            field ? 'w-(--anchor-width)' : 'w-[max(11rem,var(--anchor-width))]',\n            className,\n          )}\n          {...props}\n        />\n      </BaseCombobox.Positioner>\n    </BaseCombobox.Portal>\n  );\n}\n\n/** The scrolling list. Children: a render function per item (or per group), like Base UI's List. */\nfunction ComboboxList({ className, ...props }: BaseCombobox.List.Props) {\n  const menu = useFluidMenu<HTMLDivElement>();\n  return (\n    <ScrollArea maxHeight=\"var(--spacing-dropdown)\">\n      <ScrollAreaViewport className=\"scroll-py-8\">\n        <div className={menu.containerClassName} {...menu.getContainerProps({})}>\n          <FluidMenuItems menu={menu}>\n            <BaseCombobox.List data-slot=\"combobox-list\" className={cn(comboboxStyles.list, className)} {...props} />\n          </FluidMenuItems>\n        </div>\n      </ScrollAreaViewport>\n    </ScrollArea>\n  );\n}\n\n/** One option. A check shows on the right while it's selected; the hover highlight slides between items. */\nfunction ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props) {\n  return (\n    <BaseCombobox.Item\n      // Registers the item with the list's sliding highlight (FluidMenuItems).\n      ref={useFluidMenuItemRef(ref)}\n      data-slot=\"combobox-item\"\n      className={cn(comboboxItemClass({}), className)}\n      {...props}\n    >\n      <span className=\"flex min-w-0 flex-1 items-center gap-2\">{children}</span>\n      <span className={comboboxStyles.checkContainer}>\n        <BaseCombobox.ItemIndicator>\n          <Check className={comboboxStyles.checkIcon} />\n        </BaseCombobox.ItemIndicator>\n      </span>\n    </BaseCombobox.Item>\n  );\n}\n\n/** Title over a description inside an item (shadcn's Item / ItemTitle / ItemDescription). */\nfunction ComboboxItemContent({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span data-slot=\"combobox-item-content\" className={cn('flex min-w-0 flex-col gap-0.5', className)} {...props} />\n  );\n}\n\nfunction ComboboxItemTitle({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"combobox-item-title\" className={cn('truncate', className)} {...props} />;\n}\n\n/** Muted, up to two lines. */\nfunction ComboboxItemDescription({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"combobox-item-description\"\n      // `whitespace-normal`: the item recipe's `[&>span]:truncate` makes its content `nowrap`, which\n      // would cut the description off mid-word on one line instead of clamping it at two.\n      className={cn('line-clamp-2 text-caption whitespace-normal text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\n/** Muted text at the end of an item, e.g. its kind (\"Agent\"). */\nfunction ComboboxItemEnd({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"combobox-item-end\"\n      className={cn('ml-auto shrink-0 text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\n/** A section of items. Pass the section's `items`; render them with ComboboxCollection. */\nfunction ComboboxGroup(props: BaseCombobox.Group.Props) {\n  return <BaseCombobox.Group data-slot=\"combobox-group\" {...props} />;\n}\n\n/** A group's heading, styled like menu section labels. */\nfunction ComboboxLabel({ className, ...props }: BaseCombobox.GroupLabel.Props) {\n  return <BaseCombobox.GroupLabel data-slot=\"combobox-label\" className={cn(menuLabelClass, className)} {...props} />;\n}\n\n/** Renders a group's filtered items, one render function call per item. */\nfunction ComboboxCollection(props: BaseCombobox.Collection.Props) {\n  return <BaseCombobox.Collection data-slot=\"combobox-collection\" {...props} />;\n}\n\n/** Shows its children only when the filter matches nothing. */\nfunction ComboboxEmpty({ className, ...props }: BaseCombobox.Empty.Props) {\n  return <BaseCombobox.Empty data-slot=\"combobox-empty\" className={cn(comboboxStyles.empty, className)} {...props} />;\n}\n\nfunction ComboboxSeparator({ className, ...props }: BaseCombobox.Separator.Props) {\n  return (\n    <BaseCombobox.Separator data-slot=\"combobox-separator\" className={cn(menuSeparatorClass, className)} {...props} />\n  );\n}\n\n/**\n * Multi-select field: chips for the picked items, then ComboboxChipsInput. The chips and input wrap\n * inside their own area so the chevron keeps its place on the first row. While the field is one\n * line it keeps the pill shape of every other field; once chips wrap it takes the Textarea corner.\n */\nfunction ComboboxChips({ className, children, ...props }: BaseCombobox.Chips.Props) {\n  const anchor = React.useContext(FieldAnchorContext);\n  const field = anchor?.field;\n  const [multiline, setMultiline] = React.useState(false);\n\n  React.useLayoutEffect(() => {\n    // No observer (e.g. jsdom in tests): the field keeps its one-row shape.\n    if (!field || typeof ResizeObserver === 'undefined') return;\n    // One row is the control height (the field's `min-height`); anything taller means the chips wrapped.\n    // The 1px slack absorbs subpixel rounding.\n    const rowHeight = parseFloat(getComputedStyle(field).minHeight) || 0;\n    const observer = new ResizeObserver(() => setMultiline(field.offsetHeight > rowHeight + 1));\n    observer.observe(field);\n    return () => observer.disconnect();\n  }, [field]);\n\n  return (\n    <BaseCombobox.Chips\n      ref={anchor?.setField}\n      data-slot=\"combobox-chips\"\n      data-multiline={multiline ? '' : undefined}\n      style={chipsFieldStyle}\n      className={cn(fieldClass(), 'h-auto min-h-control-md items-start data-multiline:rounded-xl', className)}\n      {...props}\n    >\n      <span className=\"flex min-w-0 flex-1 flex-wrap gap-[3px]\">{children}</span>\n      {/* Same height as a chip, so the chevron centers on the first row. */}\n      <span className=\"flex h-5.5 shrink-0 items-center\">\n        <ComboboxFieldTrigger />\n      </span>\n    </BaseCombobox.Chips>\n  );\n}\n\n/** One picked item inside ComboboxChips. The × (or Backspace in the input) removes it. */\nfunction ComboboxChip({\n  className,\n  children,\n  showRemove = true,\n  ...props\n}: BaseCombobox.Chip.Props & { showRemove?: boolean }) {\n  return (\n    <BaseCombobox.Chip\n      data-slot=\"combobox-chip\"\n      className={cn(\n        // 8px from the left edge to the text, 6px from the text to the ×'s ink, 8px from the ink to\n        // the right edge. Text in the controls' role (`text-label`), like the field value.\n        'flex h-5.5 items-center rounded-full bg-fill pl-2 text-label text-foreground',\n        !showRemove && 'pr-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showRemove ? (\n        <BaseCombobox.ChipRemove\n          data-slot=\"combobox-chip-remove\"\n          aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove'}\n          // The whole right end is the hit area: full height, from the gap to the chip's edge. The ×'s\n          // ink sits 2.5px inside its 12px icon, so 3.5px / 5.5px padding put it 6px / 8px out.\n          className=\"flex h-full cursor-pointer items-center rounded-r-full pr-[5.5px] pl-[3.5px] text-muted-foreground not-data-disabled:hover:text-foreground\"\n        >\n          {/* Inline so the button's color wins over the field's `[&_svg]` icon colors. */}\n          <X className=\"size-3\" style={{ color: 'inherit' }} />\n        </BaseCombobox.ChipRemove>\n      ) : null}\n    </BaseCombobox.Chip>\n  );\n}\n\n/** The text input after the chips in ComboboxChips. */\nfunction ComboboxChipsInput({ className, onFocus, ...props }: BaseCombobox.Input.Props) {\n  return (\n    <BaseCombobox.Input\n      data-slot=\"combobox-chip-input\"\n      onFocus={event => {\n        moveCaretToEnd(event);\n        onFocus?.(event);\n      }}\n      className={cn(\n        inputClass,\n        // Text lines up with other fields' text when there are no chips; 4px after a chip otherwise.\n        // Not `first:`: Base UI inserts a hidden Dismiss element before the input while open.\n        'h-5.5 w-0 min-w-12 flex-1 pl-[calc(0.9em_-_4px)] [[data-slot=combobox-chip]~&]:pl-1',\n        className,\n      )}\n      {...passwordManagerOptOutProps}\n      {...props}\n    />\n  );\n}\n\nexport type { ComboboxTriggerProps, ComboboxInputProps, ComboboxContentProps };\n\nexport {\n  ComboboxRoot,\n  ComboboxInput,\n  ComboboxTrigger,\n  ComboboxSearch,\n  ComboboxValue,\n  ComboboxClear,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxItemContent,\n  ComboboxItemTitle,\n  ComboboxItemDescription,\n  ComboboxItemEnd,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n};\n","import { Combobox as BaseCombobox } from '@base-ui/react/combobox';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxInput,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n  ComboboxValue,\n} from './combobox-parts';\nimport { comboboxStyles } from './combobox-styles';\nimport type { ComboboxVariant } from './combobox-styles';\nimport { Button, isIconButtonSize } from '@/ds/components/Button/Button';\nimport type { ButtonSize } from '@/ds/components/Button/Button';\nimport { keepOwnAccessibleName, useFieldAriaIds } from '@/ds/components/Field/field-control-aria';\nimport { FieldBlock } from '@/ds/components/FormFieldBlocks/block/field-block';\nimport { fieldErrorId } from '@/ds/components/FormFieldBlocks/block/field-error-id';\nimport { deprecatedErrorAria } from '@/ds/primitives/form-element';\nimport type { PortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nexport type { ComboboxVariant } from './combobox-styles';\n\nexport type ComboboxOption = {\n  label: string;\n  value: string;\n  description?: string;\n  displayLabel?: React.ReactNode;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n  /** Extra terms the search matches besides `label` (aliases, ids, a provider name). Never displayed. */\n  keywords?: readonly string[];\n};\n\ntype ComboboxSharedProps = {\n  options: ComboboxOption[];\n  placeholder?: React.ReactNode;\n  /** The search row's placeholder for compact triggers. A field (inside a `Field`) searches in itself and shows `placeholder`. */\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  /**\n   * `default` inside a `Field` is a form field you type in to search. `ghost` (and the legacy `outline`/`link`),\n   * or any variant outside a `Field`, is a compact trigger with the search inside the popup.\n   */\n  variant?: ComboboxVariant;\n  /** Icon sizes (`icon-*`) render a chevron-only trigger with the search in the popup; pass `aria-label` to name it. */\n  size?: ButtonSize;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  container?: PortalContainer;\n  id?: string;\n  'aria-label'?: string;\n  'aria-describedby'?: string;\n  /** Which edge of the trigger the popup lines up with. `end` opens it leftwards (e.g. an icon trigger at the end of a row). */\n  align?: 'start' | 'center' | 'end';\n  showChevron?: boolean;\n  iconOnlyValue?: boolean;\n  allowCustomValue?: boolean;\n  /** Called with the search text as it changes (and with `''` after a compact trigger's selection resets it). */\n  onInputValueChange?: (value: string) => void;\n  /** @deprecated Wrap the combobox in `<Field invalid>` with a `FieldError`. */\n  error?: string;\n  /** @deprecated Only keyed the `error` message id; a `Field` links its error without one. */\n  name?: string;\n};\n\nexport type ComboboxSingleProps = ComboboxSharedProps & {\n  multiple?: false;\n  value?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport type ComboboxMultipleProps = ComboboxSharedProps & {\n  multiple: true;\n  value?: readonly string[];\n  onValueChange?: (value: string[]) => void;\n  clearLabel?: string;\n};\n\nexport type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;\n\nconst EMPTY_VALUES: readonly string[] = [];\n\nfunction isMultipleCombobox(props: ComboboxProps): props is ComboboxMultipleProps {\n  return props.multiple === true;\n}\n\n/** The text a field shows for its value: a plain-text `displayLabel` wins over `label`. */\nfunction optionText(option: ComboboxOption) {\n  return typeof option.displayLabel === 'string' ? option.displayLabel : option.label;\n}\n\n/** Inputs take a text placeholder only; a ReactNode placeholder keeps the compact trigger. */\nfunction textPlaceholder(placeholder: React.ReactNode) {\n  return typeof placeholder === 'string' ? placeholder : undefined;\n}\n\n/**\n * How the combobox renders:\n * - `field`: a single select inside a `Field` searches in the field, like a text input.\n * - `chips`: a multiple select inside a `Field` shows its picks as chips and searches in the field.\n * - `trigger`: everything else (toolbars, breadcrumbs, inline pickers that callers lay out as a button)\n *   keeps a compact trigger with the search inside the popup.\n */\ntype ComboboxShape = 'field' | 'chips' | 'trigger';\n\nfunction getComboboxShape({\n  inFieldContext,\n  multiple,\n  variant,\n  size,\n  iconOnlyValue,\n  showChevron,\n  placeholder,\n}: {\n  inFieldContext: boolean;\n  multiple: boolean;\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  iconOnlyValue: boolean;\n  showChevron: boolean;\n  placeholder: React.ReactNode;\n}): ComboboxShape {\n  if (!inFieldContext) return 'trigger';\n  if (variant !== 'default') return 'trigger';\n  if (isIconButtonSize(size)) return 'trigger';\n  if (iconOnlyValue || !showChevron) return 'trigger';\n  if (placeholder !== undefined && textPlaceholder(placeholder) === undefined) return 'trigger';\n  if (!multiple) return 'field';\n  // The chips field is tuned to the medium control height.\n  if (size !== 'md') return 'trigger';\n  return 'chips';\n}\n\n/** A \"Use “text”\" option for typed text that isn't one of the options yet. */\nfunction getCustomOption(options: ComboboxOption[], inputValue: string): ComboboxOption | undefined {\n  const value = inputValue.trim();\n  if (!value) return undefined;\n  // A field shows the selected option's text while it's closed; that isn't a new value.\n  if (options.some(option => option.value === value || optionText(option) === value)) return undefined;\n  return { label: `Use “${value}”`, value };\n}\n\n/** Matches the label like Base UI's default filter, the text a field shows, and any keywords. */\nfunction useOptionFilter() {\n  const { contains } = BaseCombobox.useFilter();\n  return (option: ComboboxOption, query: string) =>\n    [option.label, optionText(option), ...(option.keywords ?? [])].some(text => contains(text, query));\n}\n\n/** Names the control when nothing else does: an `id` or a `Field` links a label to it instead. */\nfunction getFallbackAriaLabel({ hasLabel, multiple }: { hasLabel: boolean; multiple: boolean }) {\n  if (hasLabel) return undefined;\n  return multiple ? 'Select options' : 'Select option';\n}\n\nfunction getControlProps({\n  id,\n  ariaLabel,\n  ariaDescribedBy,\n  hasLabel,\n  multiple,\n  error,\n  errorName,\n}: {\n  id?: string;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  hasLabel: boolean;\n  multiple: boolean;\n  error?: string;\n  errorName: string;\n}) {\n  const describedBy = [ariaDescribedBy, error ? fieldErrorId(errorName) : undefined].filter(Boolean).join(' ');\n  return {\n    id,\n    'aria-label': ariaLabel ?? getFallbackAriaLabel({ hasLabel, multiple }),\n    ...keepOwnAccessibleName({ 'aria-label': ariaLabel }),\n    ...deprecatedErrorAria(Boolean(error)),\n    'aria-describedby': describedBy || undefined,\n  };\n}\n\ntype ControlProps = ReturnType<typeof getControlProps>;\n\nfunction triggerClassName({ iconOnlyValue, className }: { iconOnlyValue: boolean; className?: string }) {\n  return cn(iconOnlyValue && 'w-auto px-2.5', className);\n}\n\nfunction ComboboxOptionText({ option }: { option: ComboboxOption }) {\n  return (\n    <span className={comboboxStyles.optionText}>\n      <span className={comboboxStyles.optionLabel}>{option.label}</span>\n      {option.description && <span className={comboboxStyles.optionDescription}>{option.description}</span>}\n    </span>\n  );\n}\n\nfunction ComboboxClearFooter({ label, onClear }: { label: string; onClear: () => void }) {\n  return (\n    <div className=\"border-t border-border p-1\">\n      <Button\n        type=\"button\"\n        variant=\"destructive-ghost\"\n        size=\"sm\"\n        className=\"w-full justify-start\"\n        onClick={onClear}\n        icon={<X />}\n      >\n        {label}\n      </Button>\n    </div>\n  );\n}\n\n/** The popup: the search row for a compact trigger (a field searches in itself), then the options. */\nfunction ComboboxOptionsContent({\n  showSearch,\n  searchPlaceholder,\n  emptyText,\n  align,\n  container,\n  footer,\n}: {\n  showSearch: boolean;\n  searchPlaceholder: string;\n  emptyText: string;\n  align: 'start' | 'center' | 'end';\n  container?: PortalContainer;\n  footer?: React.ReactNode;\n}) {\n  return (\n    <ComboboxContent align={align} container={container}>\n      {showSearch ? <ComboboxSearch placeholder={searchPlaceholder} /> : null}\n      <ComboboxEmpty>{emptyText}</ComboboxEmpty>\n      <ComboboxList>\n        {(option: ComboboxOption) => (\n          <ComboboxItem key={option.value} value={option}>\n            {option.start}\n            <ComboboxOptionText option={option} />\n            {option.end ? <span className={comboboxStyles.optionEnd}>{option.end}</span> : null}\n          </ComboboxItem>\n        )}\n      </ComboboxList>\n      {footer}\n    </ComboboxContent>\n  );\n}\n\ntype TriggerLookProps = {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  showChevron: boolean;\n  iconOnlyValue: boolean;\n  className?: string;\n};\n\nfunction SingleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedOption,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedOption?: ComboboxOption;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'field') {\n    return (\n      <ComboboxInput\n        {...controlProps}\n        size={isIconButtonSize(look.size) ? undefined : look.size}\n        placeholder={textPlaceholder(placeholder)}\n        start={selectedOption?.start}\n        className={look.className}\n      />\n    );\n  }\n\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      icon={isIconButtonSize(look.size) ? undefined : selectedOption?.start}\n      className={triggerClassName(look)}\n    >\n      {selectedOption?.displayLabel ?? <ComboboxValue placeholder={placeholder} />}\n    </ComboboxTrigger>\n  );\n}\n\nfunction MultipleComboboxControl({\n  shape,\n  controlProps,\n  placeholder,\n  selectedCount,\n  look,\n}: {\n  shape: ComboboxShape;\n  controlProps: ControlProps;\n  placeholder: React.ReactNode;\n  selectedCount: number;\n  look: TriggerLookProps;\n}) {\n  if (shape === 'chips') {\n    return (\n      <ComboboxChips className={look.className}>\n        <ComboboxValue>\n          {(items: ComboboxOption[]) => (\n            <>\n              {items.map(item => (\n                <ComboboxChip key={item.value}>{item.label}</ComboboxChip>\n              ))}\n              <ComboboxChipsInput\n                {...controlProps}\n                placeholder={items.length === 0 ? textPlaceholder(placeholder) : undefined}\n              />\n            </>\n          )}\n        </ComboboxValue>\n      </ComboboxChips>\n    );\n  }\n\n  const text = selectedCount === 0 ? placeholder : `${selectedCount} selected`;\n  return (\n    <ComboboxTrigger\n      {...controlProps}\n      variant={look.variant}\n      size={look.size}\n      showChevron={look.showChevron}\n      className={triggerClassName(look)}\n    >\n      <span className={cn(selectedCount === 0 && comboboxStyles.placeholder)}>{text}</span>\n    </ComboboxTrigger>\n  );\n}\n\ntype ShapeProps = { shape: ComboboxShape; controlProps: ControlProps };\n\nfunction SingleCombobox({\n  shape,\n  controlProps,\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select option...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n  allowCustomValue = false,\n  onInputValueChange,\n}: ComboboxSingleProps & ShapeProps) {\n  // The search text: a field's own text, or the compact trigger's popup search.\n  const [inputValue, setInputValue] = React.useState('');\n  const filter = useOptionFilter();\n  const inField = shape === 'field';\n  const selectedOption = options.find(option => option.value === value);\n  const customOption = allowCustomValue ? getCustomOption(options, inputValue) : undefined;\n  const items = customOption ? [customOption, ...options] : options;\n\n  function handleInputValueChange(next: string) {\n    setInputValue(next);\n    onInputValueChange?.(next);\n  }\n\n  function handleValueChange(item: ComboboxOption | null) {\n    if (!item) return;\n    onValueChange?.(item.value);\n    // A field shows the picked option; a compact trigger's popup search starts empty next time.\n    if (!inField) handleInputValueChange('');\n  }\n\n  return (\n    <ComboboxRoot\n      autoHighlight\n      items={items}\n      filter={filter}\n      itemToStringLabel={optionText}\n      // Base UI's \"nothing selected\" is null.\n      value={selectedOption ?? null}\n      // A field owns its text (the selected option's, or the search); a compact trigger's search is reset here.\n      inputValue={inField ? undefined : inputValue}\n      onInputValueChange={handleInputValueChange}\n      onValueChange={handleValueChange}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <SingleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedOption={selectedOption}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={!inField}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n      />\n    </ComboboxRoot>\n  );\n}\n\nfunction MultipleCombobox({\n  shape,\n  controlProps,\n  options,\n  value = EMPTY_VALUES,\n  onValueChange,\n  clearLabel,\n  placeholder = 'Select options...',\n  searchPlaceholder = 'Search...',\n  emptyText = 'No option found.',\n  className,\n  disabled = false,\n  variant = 'default',\n  size = 'md',\n  open,\n  onOpenChange,\n  container,\n  align = 'start',\n  showChevron = true,\n  iconOnlyValue = false,\n}: ComboboxMultipleProps & ShapeProps) {\n  const filter = useOptionFilter();\n  const selectedValues = new Set(value);\n  const selectedOptions = options.filter(option => selectedValues.has(option.value));\n  const footer =\n    clearLabel && selectedOptions.length > 0 ? (\n      <ComboboxClearFooter label={clearLabel} onClear={() => onValueChange?.([])} />\n    ) : undefined;\n\n  return (\n    <ComboboxRoot\n      multiple\n      autoHighlight\n      items={options}\n      filter={filter}\n      value={selectedOptions}\n      onValueChange={items => onValueChange?.(items.map(item => item.value))}\n      disabled={disabled}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <MultipleComboboxControl\n        shape={shape}\n        controlProps={controlProps}\n        placeholder={placeholder}\n        selectedCount={selectedOptions.length}\n        look={{ variant, size, showChevron, iconOnlyValue, className }}\n      />\n      <ComboboxOptionsContent\n        showSearch={shape !== 'chips'}\n        searchPlaceholder={searchPlaceholder}\n        emptyText={emptyText}\n        align={align}\n        container={container}\n        footer={footer}\n      />\n    </ComboboxRoot>\n  );\n}\n\n/**\n * A searchable select driven by `options`, built on the Combobox parts.\n *\n * Inside a `Field`, a `default` combobox searches right in the field: a text field for a single value,\n * removable chips for `multiple`. Everywhere else (outside a `Field`, `ghost` and icon-size triggers,\n * custom non-text placeholders) it keeps a compact trigger with the search inside the popup. For anything\n * these props don't cover (groups, rich items), compose the parts directly (`ComboboxRoot`, ...).\n */\nexport function Combobox(props: ComboboxProps) {\n  const field = useFieldAriaIds();\n  const generatedName = React.useId();\n  const multiple = isMultipleCombobox(props);\n  const shape = getComboboxShape({\n    inFieldContext: Boolean(field),\n    multiple,\n    variant: props.variant ?? 'default',\n    size: props.size ?? 'md',\n    iconOnlyValue: props.iconOnlyValue ?? false,\n    showChevron: props.showChevron ?? true,\n    placeholder: props.placeholder,\n  });\n  const errorName = props.name ?? generatedName;\n  const controlProps = getControlProps({\n    id: props.id,\n    ariaLabel: props['aria-label'],\n    ariaDescribedBy: props['aria-describedby'],\n    hasLabel: Boolean(props.id || field),\n    multiple,\n    error: props.error,\n    errorName,\n  });\n\n  const root = isMultipleCombobox(props) ? (\n    <MultipleCombobox {...props} shape={shape} controlProps={controlProps} />\n  ) : (\n    <SingleCombobox {...props} shape={shape} controlProps={controlProps} />\n  );\n\n  if (!props.error) return root;\n\n  return (\n    <div className={comboboxStyles.root}>\n      {root}\n      <FieldBlock.ErrorMsg name={errorName}>{props.error}</FieldBlock.ErrorMsg>\n    </div>\n  );\n}\n"],"names":["BaseCombobox"],"mappings":"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"}

package/dist/{combobox-styles-B3jftCXY.js → combobox-styles-Dr66ofEp.js}

@@ -2,7 +2,7 @@ import { c as cva } from './index-CHS9F_Eo.js';
 import { i as isIconButtonSize, b as buttonVariants } from './Button-EGoajBQY.js';
 import { controlTriggerOpenState } from './primitives/control-size.es.js';
 import { fieldTriggerErrorBorder, fieldTriggerWidthStyle, fieldTriggerStyle } from './primitives/form-element.es.js';
-import { menuSearchClasses, menuItemCheckClass, menuEmptyClass, menuPositionerClass, menuPopupClass, menuItemClass } from './primitives/menu-item.es.js';
+import { menuItemCheckClass, menuEmptyClass, menuSearchClasses, menuPositionerClass, menuPopupClass, menuItemClass } from './primitives/menu-item.es.js';
 import { c as cn } from './cn-CQUhN5Jx.js';
 
 function normalizeComboboxVariant(variant) {
@@ -89,4 +89,4 @@ const comboboxStyles = {
 };
 
 export { comboboxTriggerClass as a, comboboxItemClass as b, comboboxStyles as c };
-//# sourceMappingURL=combobox-styles-B3jftCXY.js.map
+//# sourceMappingURL=combobox-styles-Dr66ofEp.js.map

package/dist/{combobox-styles-B3jftCXY.js.map → combobox-styles-Dr66ofEp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-styles-B3jftCXY.js","sources":["../src/ds/components/Combobox/combobox-styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { buttonVariants, isIconButtonSize } from '../Button/Button';\nimport type { ButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport type { ControlTriggerVisualVariant } from '@/ds/primitives/control-size';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSearchClasses,\n  menuEmptyClass,\n} from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n/**\n * A combobox is a form field, so it reuses the Button's size/shape recipe,\n * mirroring `SelectTrigger`: `default` (the Input's overlay surface — the\n * default here too) and `ghost` (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`\n * look is intentionally NOT offered (a field is not a call-to-action).\n */\nexport type ComboboxVisualVariant = ControlTriggerVisualVariant;\nexport type ComboboxLegacyVariant = 'link';\nexport type ComboboxVariant = ComboboxVisualVariant | ComboboxLegacyVariant;\n\nfunction normalizeComboboxVariant(variant: ComboboxVariant): ComboboxVisualVariant {\n  return variant === 'link' ? 'ghost' : variant;\n}\n\n/**\n * Single source of truth for both the single- and multi-select combobox\n * triggers. A combobox = a button + a trailing chevron, so it reuses the Button\n * recipe (variant colors, size = height/text/padding/radius, unified border\n * focus, disabled) and layers only the combobox-specific extras — exactly like\n * `SelectTrigger`.\n */\nexport function comboboxTriggerClass({\n  variant,\n  size,\n  className,\n}: {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  className?: string;\n}): string {\n  const visualVariant = normalizeComboboxVariant(variant);\n\n  return cn(\n    buttonVariants({ variant: visualVariant, size }),\n    visualVariant === 'default' && fieldTriggerStyle,\n    // Fill the field and push the value left / chevron right (Button's base\n    // centers its content with `justify-center`). Icon sizes are a fixed square\n    // showing only the chevron, so they keep Button's centering.\n    !isIconButtonSize(size) && cn(fieldTriggerWidthStyle, 'justify-between'),\n    // Read as \"active\" while the popup is open, per variant (see map above).\n    controlTriggerOpenState[visualVariant],\n    'data-[placeholder]:text-muted-foreground',\n    fieldTriggerErrorBorder,\n    className,\n  );\n}\n\n/** Options are shared menu items, which already grow to fit a second line. */\nexport const comboboxItemClass = cva(menuItemClass, {\n  variants: {\n    multiple: {\n      false: '',\n      true: '',\n    },\n  },\n  defaultVariants: {\n    multiple: false,\n  },\n});\n\nexport const comboboxStyles = {\n  /** @deprecated A `Field` lays out the combobox and its error. */\n  root: 'flex flex-col gap-1.5',\n\n  /** Chevron icon in trigger — decorative icon token shared by every field. */\n  chevron: 'ml-2 h-4 w-4 shrink-0 text-muted-foreground',\n\n  /** Placeholder text color */\n  placeholder: 'text-muted-foreground',\n\n  /**\n   * Popup container — shared menu popup, but the search row sits edge-to-edge\n   * above the list, so padding/scrolling move to the list itself.\n   */\n  popup: cn(menuPopupClass, 'max-h-none overflow-hidden p-0'),\n\n  /** Positioner */\n  positioner: cn(menuPositionerClass, 'pointer-events-auto'),\n\n  /** Search input container — borderless top section, hairline divider below. */\n  searchContainer: menuSearchClasses.container,\n\n  /** Search icon */\n  searchIcon: menuSearchClasses.icon,\n\n  /** Search input */\n  searchInput: cn(menuSearchClasses.input, 'disabled:cursor-not-allowed disabled:opacity-50'),\n\n  /** Empty state */\n  empty: cn(menuEmptyClass, 'empty:hidden'),\n\n  /** Options list */\n  // `empty:p-0` — Empty renders outside the List, so an empty List must not leave its padding behind.\n  list: 'p-1 empty:p-0',\n\n  /** Scroll container around the List; hosts the fluid highlight so it scrolls with the rows. */\n  listScroller: 'max-h-dropdown overflow-y-auto overflow-x-hidden',\n\n  /** Option item base — rounded-lg sits concentrically inside rounded-xl + p-1. */\n  item: comboboxItemClass({ multiple: false }),\n\n  /** Multi-select item — same item rhythm with a right-aligned selected check. */\n  itemMulti: comboboxItemClass({ multiple: true }),\n\n  /** Right-aligned slot grouping end content + selection check. */\n  itemRightSlot: 'ml-auto flex items-center gap-2 shrink-0',\n\n  /** Check indicator container — inline, shown only when item is selected. */\n  checkContainer: cn(menuItemCheckClass, 'ml-0'),\n\n  /** Check icon (single select) */\n  checkIcon: 'size-full',\n\n  /** Option label/description wrapper */\n  optionText: 'flex flex-col gap-0.5 min-w-0',\n\n  /** Option label */\n  optionLabel: 'truncate',\n\n  /** Option description */\n  optionDescription: 'text-caption text-muted-foreground truncate',\n\n  /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */\n  optionEnd: 'ml-auto flex items-center shrink-0',\n\n  /** @deprecated A `FieldError` colors the error. */\n  error: 'text-body-sm text-destructive-foreground',\n} as const;\n"],"names":[],"mappings":";;;;;;;AA0BA,SAAS,yBAAyB,OAAA,EAAiD;AACjF,EAAA,OAAO,OAAA,KAAY,SAAS,OAAA,GAAU,OAAA;AACxC;AASO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIW;AACT,EAAA,MAAM,aAAA,GAAgB,yBAAyB,OAAO,CAAA;AAEtD,EAAA,OAAO,EAAA;AAAA,IACL,cAAA,CAAe,EAAE,OAAA,EAAS,aAAA,EAAe,MAAM,CAAA;AAAA,IAC/C,kBAAkB,SAAA,IAAa,iBAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,CAAC,gBAAA,CAAiB,IAAI,CAAA,IAAK,EAAA,CAAG,wBAAwB,iBAAiB,CAAA;AAAA;AAAA,IAEvE,wBAAwB,aAAa,CAAA;AAAA,IACrC,0CAAA;AAAA,IACA,uBAAA;AAAA,IACA;AAAA,GACF;AACF;AAGO,MAAM,iBAAA,GAAoB,IAAI,aAAA,EAAe;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,EAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC;AAEM,MAAM,cAAA,GAAiB;AAAA;AAAA,EAE5B,IAAA,EAAM,uBAAA;AAAA;AAAA,EAGN,OAAA,EAAS,6CAAA;AAAA;AAAA,EAGT,WAAA,EAAa,uBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,KAAA,EAAO,EAAA,CAAG,cAAA,EAAgB,gCAAgC,CAAA;AAAA;AAAA,EAG1D,UAAA,EAAY,EAAA,CAAG,mBAAA,EAAqB,qBAAqB,CAAA;AAAA;AAAA,EAGzD,iBAAiB,iBAAA,CAAkB,SAAA;AAAA;AAAA,EAGnC,YAAY,iBAAA,CAAkB,IAAA;AAAA;AAAA,EAG9B,WAAA,EAAa,EAAA,CAAG,iBAAA,CAAkB,KAAA,EAAO,iDAAiD,CAAA;AAAA;AAAA,EAG1F,KAAA,EAAO,EAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA;AAAA;AAAA,EAIxC,IAAA,EAAM,eAAA;AAAA;AAAA,EAGN,YAAA,EAAc,kDAAA;AAAA;AAAA,EAGd,IAAA,EAAM,iBAAA,CAAkB,EAAE,QAAA,EAAU,OAAO,CAAA;AAAA;AAAA,EAG3C,SAAA,EAAW,iBAAA,CAAkB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA;AAAA,EAG/C,aAAA,EAAe,0CAAA;AAAA;AAAA,EAGf,cAAA,EAAgB,EAAA,CAAG,kBAAA,EAAoB,MAAM,CAAA;AAAA;AAAA,EAG7C,SAAA,EAAW,WAAA;AAAA;AAAA,EAGX,UAAA,EAAY,+BAAA;AAAA;AAAA,EAGZ,WAAA,EAAa,UAAA;AAAA;AAAA,EAGb,iBAAA,EAAmB,6CAAA;AAAA;AAAA,EAGnB,SAAA,EAAW,oCAAA;AAAA;AAAA,EAGX,KAAA,EAAO;AACT;;;;"}
+{"version":3,"file":"combobox-styles-Dr66ofEp.js","sources":["../src/ds/components/Combobox/combobox-styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { buttonVariants, isIconButtonSize } from '../Button/Button';\nimport type { ButtonSize } from '../Button/Button';\nimport { controlTriggerOpenState } from '@/ds/primitives/control-size';\nimport type { ControlTriggerVisualVariant } from '@/ds/primitives/control-size';\nimport { fieldTriggerErrorBorder, fieldTriggerStyle, fieldTriggerWidthStyle } from '@/ds/primitives/form-element';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSearchClasses,\n  menuEmptyClass,\n} from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n/**\n * A combobox is a form field, so it reuses the Button's size/shape recipe,\n * mirroring `SelectTrigger`: `default` (the Input's overlay surface — the\n * default here too) and `ghost` (borderless, for breadcrumbs/inline pickers). Only the high-emphasis `primary`\n * look is intentionally NOT offered (a field is not a call-to-action).\n */\nexport type ComboboxVisualVariant = ControlTriggerVisualVariant;\nexport type ComboboxLegacyVariant = 'link';\nexport type ComboboxVariant = ComboboxVisualVariant | ComboboxLegacyVariant;\n\nfunction normalizeComboboxVariant(variant: ComboboxVariant): ComboboxVisualVariant {\n  return variant === 'link' ? 'ghost' : variant;\n}\n\n/**\n * Single source of truth for both the single- and multi-select combobox\n * triggers. A combobox = a button + a trailing chevron, so it reuses the Button\n * recipe (variant colors, size = height/text/padding/radius, unified border\n * focus, disabled) and layers only the combobox-specific extras — exactly like\n * `SelectTrigger`.\n */\nexport function comboboxTriggerClass({\n  variant,\n  size,\n  className,\n}: {\n  variant: ComboboxVariant;\n  size: ButtonSize;\n  className?: string;\n}): string {\n  const visualVariant = normalizeComboboxVariant(variant);\n\n  return cn(\n    buttonVariants({ variant: visualVariant, size }),\n    visualVariant === 'default' && fieldTriggerStyle,\n    // Fill the field and push the value left / chevron right (Button's base\n    // centers its content with `justify-center`). Icon sizes are a fixed square\n    // showing only the chevron, so they keep Button's centering.\n    !isIconButtonSize(size) && cn(fieldTriggerWidthStyle, 'justify-between'),\n    // Read as \"active\" while the popup is open, per variant (see map above).\n    controlTriggerOpenState[visualVariant],\n    'data-[placeholder]:text-muted-foreground',\n    fieldTriggerErrorBorder,\n    className,\n  );\n}\n\n/** Options are shared menu items, which already grow to fit a second line. */\nexport const comboboxItemClass = cva(menuItemClass, {\n  variants: {\n    multiple: {\n      false: '',\n      true: '',\n    },\n  },\n  defaultVariants: {\n    multiple: false,\n  },\n});\n\nexport const comboboxStyles = {\n  /** @deprecated A `Field` lays out the combobox and its error. */\n  root: 'flex flex-col gap-1.5',\n\n  /** Chevron icon in trigger — decorative icon token shared by every field. */\n  chevron: 'ml-2 h-4 w-4 shrink-0 text-muted-foreground',\n\n  /** Placeholder text color */\n  placeholder: 'text-muted-foreground',\n\n  /**\n   * Popup container — shared menu popup, but the search row sits edge-to-edge\n   * above the list, so padding/scrolling move to the list itself.\n   */\n  popup: cn(menuPopupClass, 'max-h-none overflow-hidden p-0'),\n\n  /** Positioner */\n  positioner: cn(menuPositionerClass, 'pointer-events-auto'),\n\n  /** Search input container — borderless top section, hairline divider below. */\n  searchContainer: menuSearchClasses.container,\n\n  /** Search icon */\n  searchIcon: menuSearchClasses.icon,\n\n  /** Search input */\n  searchInput: cn(menuSearchClasses.input, 'disabled:cursor-not-allowed disabled:opacity-50'),\n\n  /** Empty state */\n  empty: cn(menuEmptyClass, 'empty:hidden'),\n\n  /** Options list */\n  // `empty:p-0` — Empty renders outside the List, so an empty List must not leave its padding behind.\n  list: 'p-1 empty:p-0',\n\n  /** Scroll container around the List; hosts the fluid highlight so it scrolls with the rows. */\n  listScroller: 'max-h-dropdown overflow-y-auto overflow-x-hidden',\n\n  /** Option item base — rounded-lg sits concentrically inside rounded-xl + p-1. */\n  item: comboboxItemClass({ multiple: false }),\n\n  /** Multi-select item — same item rhythm with a right-aligned selected check. */\n  itemMulti: comboboxItemClass({ multiple: true }),\n\n  /** Right-aligned slot grouping end content + selection check. */\n  itemRightSlot: 'ml-auto flex items-center gap-2 shrink-0',\n\n  /** Check indicator container — inline, shown only when item is selected. */\n  checkContainer: cn(menuItemCheckClass, 'ml-0'),\n\n  /** Check icon (single select) */\n  checkIcon: 'size-full',\n\n  /** Option label/description wrapper */\n  optionText: 'flex flex-col gap-0.5 min-w-0',\n\n  /** Option label */\n  optionLabel: 'truncate',\n\n  /** Option description */\n  optionDescription: 'text-caption text-muted-foreground truncate',\n\n  /** Option end slot — `ml-auto` makes it push right inside flex containers (used by multi-select). */\n  optionEnd: 'ml-auto flex items-center shrink-0',\n\n  /** @deprecated A `FieldError` colors the error. */\n  error: 'text-body-sm text-destructive-foreground',\n} as const;\n"],"names":[],"mappings":";;;;;;;AA0BA,SAAS,yBAAyB,OAAA,EAAiD;AACjF,EAAA,OAAO,OAAA,KAAY,SAAS,OAAA,GAAU,OAAA;AACxC;AASO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIW;AACT,EAAA,MAAM,aAAA,GAAgB,yBAAyB,OAAO,CAAA;AAEtD,EAAA,OAAO,EAAA;AAAA,IACL,cAAA,CAAe,EAAE,OAAA,EAAS,aAAA,EAAe,MAAM,CAAA;AAAA,IAC/C,kBAAkB,SAAA,IAAa,iBAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,CAAC,gBAAA,CAAiB,IAAI,CAAA,IAAK,EAAA,CAAG,wBAAwB,iBAAiB,CAAA;AAAA;AAAA,IAEvE,wBAAwB,aAAa,CAAA;AAAA,IACrC,0CAAA;AAAA,IACA,uBAAA;AAAA,IACA;AAAA,GACF;AACF;AAGO,MAAM,iBAAA,GAAoB,IAAI,aAAA,EAAe;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,EAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC;AAEM,MAAM,cAAA,GAAiB;AAAA;AAAA,EAE5B,IAAA,EAAM,uBAAA;AAAA;AAAA,EAGN,OAAA,EAAS,6CAAA;AAAA;AAAA,EAGT,WAAA,EAAa,uBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,KAAA,EAAO,EAAA,CAAG,cAAA,EAAgB,gCAAgC,CAAA;AAAA;AAAA,EAG1D,UAAA,EAAY,EAAA,CAAG,mBAAA,EAAqB,qBAAqB,CAAA;AAAA;AAAA,EAGzD,iBAAiB,iBAAA,CAAkB,SAAA;AAAA;AAAA,EAGnC,YAAY,iBAAA,CAAkB,IAAA;AAAA;AAAA,EAG9B,WAAA,EAAa,EAAA,CAAG,iBAAA,CAAkB,KAAA,EAAO,iDAAiD,CAAA;AAAA;AAAA,EAG1F,KAAA,EAAO,EAAA,CAAG,cAAA,EAAgB,cAAc,CAAA;AAAA;AAAA;AAAA,EAIxC,IAAA,EAAM,eAAA;AAAA;AAAA,EAGN,YAAA,EAAc,kDAAA;AAAA;AAAA,EAGd,IAAA,EAAM,iBAAA,CAAkB,EAAE,QAAA,EAAU,OAAO,CAAA;AAAA;AAAA,EAG3C,SAAA,EAAW,iBAAA,CAAkB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA;AAAA,EAG/C,aAAA,EAAe,0CAAA;AAAA;AAAA,EAGf,cAAA,EAAgB,EAAA,CAAG,kBAAA,EAAoB,MAAM,CAAA;AAAA;AAAA,EAG7C,SAAA,EAAW,WAAA;AAAA;AAAA,EAGX,UAAA,EAAY,+BAAA;AAAA;AAAA,EAGZ,WAAA,EAAa,UAAA;AAAA;AAAA,EAGb,iBAAA,EAAmB,6CAAA;AAAA;AAAA,EAGnB,SAAA,EAAW,oCAAA;AAAA;AAAA,EAGX,KAAA,EAAO;AACT;;;;"}

package/dist/components/Combobox.cjs.js

@@ -2,13 +2,34 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const combobox = require('../combobox-VHtZQcl9.cjs');
+const combobox = require('../combobox-BNlVCFgY.cjs');
 const comboboxStyles = require('../combobox-styles-BK2nGTNl.cjs');
 const combobox$1 = require('@base-ui/react/combobox');
 
 
 
 exports.Combobox = combobox.Combobox;
+exports.ComboboxChip = combobox.ComboboxChip;
+exports.ComboboxChips = combobox.ComboboxChips;
+exports.ComboboxChipsInput = combobox.ComboboxChipsInput;
+exports.ComboboxClear = combobox.ComboboxClear;
+exports.ComboboxCollection = combobox.ComboboxCollection;
+exports.ComboboxContent = combobox.ComboboxContent;
+exports.ComboboxEmpty = combobox.ComboboxEmpty;
+exports.ComboboxGroup = combobox.ComboboxGroup;
+exports.ComboboxInput = combobox.ComboboxInput;
+exports.ComboboxItem = combobox.ComboboxItem;
+exports.ComboboxItemContent = combobox.ComboboxItemContent;
+exports.ComboboxItemDescription = combobox.ComboboxItemDescription;
+exports.ComboboxItemEnd = combobox.ComboboxItemEnd;
+exports.ComboboxItemTitle = combobox.ComboboxItemTitle;
+exports.ComboboxLabel = combobox.ComboboxLabel;
+exports.ComboboxList = combobox.ComboboxList;
+exports.ComboboxRoot = combobox.ComboboxRoot;
+exports.ComboboxSearch = combobox.ComboboxSearch;
+exports.ComboboxSeparator = combobox.ComboboxSeparator;
+exports.ComboboxTrigger = combobox.ComboboxTrigger;
+exports.ComboboxValue = combobox.ComboboxValue;
 exports.comboboxStyles = comboboxStyles.comboboxStyles;
 Object.defineProperty(exports, "ComboboxPrimitive", {
 	enumerable: true,

package/dist/components/Combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"Combobox.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-export { C as Combobox } from '../combobox-DlKD-Q3M.js';
-export { c as comboboxStyles } from '../combobox-styles-B3jftCXY.js';
+export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxClear, e as ComboboxCollection, f as ComboboxContent, g as ComboboxEmpty, h as ComboboxGroup, i as ComboboxInput, j as ComboboxItem, k as ComboboxItemContent, l as ComboboxItemDescription, m as ComboboxItemEnd, n as ComboboxItemTitle, o as ComboboxLabel, p as ComboboxList, q as ComboboxRoot, r as ComboboxSearch, s as ComboboxSeparator, t as ComboboxTrigger, u as ComboboxValue } from '../combobox-Bw13EcK0.js';
+export { c as comboboxStyles } from '../combobox-styles-Dr66ofEp.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 //# sourceMappingURL=Combobox.es.js.map

package/dist/components/DateTimeRangePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dateTimeRangePicker = require('../date-time-range-picker-B3qORFfa.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-BjQVCVUM.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

@@ -1,2 +1,2 @@
-export { D as DateTimeRangePicker } from '../date-time-range-picker-CmtCmIrU.js';
+export { D as DateTimeRangePicker } from '../date-time-range-picker-D-EECKzz.js';
 //# sourceMappingURL=DateTimeRangePicker.es.js.map

package/dist/components/FilterBar.es.js

@@ -1,12 +1,12 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
 import { BracesIcon, ListFilterIcon, Search, PlusIcon, FolderPlusIcon, Trash2Icon, FolderIcon, XIcon } from 'lucide-react';
-import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as alwaysHighlightProps, g as FILTER_BAR_CONTROL_SIZE, h as FilterBarOptionList, a as FilterBarFieldLabel, i as FilterBarOptionLabel, F as FilterBarChip, j as countLeaves, e as editableSegmentClass, k as chipClass, l as FILTER_BAR_SCOPE_ATTR, n as FilterBarProvider } from '../filter-bar-chip-BAqmNIeE.js';
-export { o as FilterBarChipField, p as FilterBarChipOperator, q as FilterBarChipRemove, r as FilterBarChipValue } from '../filter-bar-chip-BAqmNIeE.js';
+import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as alwaysHighlightProps, g as FILTER_BAR_CONTROL_SIZE, h as FilterBarOptionList, a as FilterBarFieldLabel, i as FilterBarOptionLabel, F as FilterBarChip, j as countLeaves, e as editableSegmentClass, k as chipClass, l as FILTER_BAR_SCOPE_ATTR, n as FilterBarProvider } from '../filter-bar-chip-BarAq1S2.js';
+export { o as FilterBarChipField, p as FilterBarChipOperator, q as FilterBarChipRemove, r as FilterBarChipValue } from '../filter-bar-chip-BarAq1S2.js';
 import { flushSync } from 'react-dom';
 import { p as parseFieldValue, i as isFilterBarGroup } from '../types-CIPrYAzY.js';
 import { B as Button } from '../Button-EGoajBQY.js';
-import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-B3jftCXY.js';
+import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-Dr66ofEp.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { K as Kbd } from '../kbd-7Xx2pm9f.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';

package/dist/components/PropertyFilter.cjs.js

@@ -7,7 +7,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-DH1aTzbs.cjs');
-const combobox = require('../combobox-VHtZQcl9.cjs');
+const combobox = require('../combobox-BNlVCFgY.cjs');
 const field = require('../field-BCU5ZtWV.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const popover = require('../popover-AfnrAYck.cjs');

package/dist/components/PropertyFilter.es.js

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterPlus, ChevronRightIcon } from 'lucide-react';
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
 import { B as Button } from '../Button-EGoajBQY.js';
-import { C as Combobox } from '../combobox-DlKD-Q3M.js';
+import { C as Combobox } from '../combobox-Bw13EcK0.js';
 import { F as Field, c as FieldError } from '../field-Dl1zeXTv.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-BqRniR9J.js';

package/dist/components/SavedViews.es.js

@@ -3,7 +3,7 @@ import { LayersPlusIcon, ChevronDownIcon, LayersIcon, PencilIcon, TextCursorInpu
 import { useState, Fragment, useSyncExternalStore } from 'react';
 import { z } from 'zod/v4';
 import { passwordManagerOptOutProps } from '../primitives/password-manager-autofill.es.js';
-import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-BAqmNIeE.js';
+import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-BarAq1S2.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { B as Button, b as buttonVariants } from '../Button-EGoajBQY.js';
 import { C as ContextMenu } from '../context-menu-C67xhcfa.js';

package/dist/components/Section.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const section = require('../section-BPhTrzbk.cjs');
+const section = require('../section-CctlZIXp.cjs');
 
 
 

package/dist/components/Section.es.js

@@ -1,2 +1,2 @@
-export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-87-fGU29.js';
+export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-D0hKTVXt.js';
 //# sourceMappingURL=Section.es.js.map

package/dist/components/SideDialog.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const sideDialog = require('../side-dialog-qfaOhtjK.cjs');
+const sideDialog = require('../side-dialog-BzULMBaH.cjs');
 
 
 

package/dist/components/SideDialog.es.js

@@ -1,2 +1,2 @@
-export { S as SideDialog } from '../side-dialog-QTPa70zU.js';
+export { S as SideDialog } from '../side-dialog-bm8NPDXy.js';
 //# sourceMappingURL=SideDialog.es.js.map

package/dist/{date-time-range-picker-B3qORFfa.cjs → date-time-range-picker-BjQVCVUM.cjs}

@@ -29,6 +29,7 @@ function CustomRangeEditor({
   dateTo,
   disabled,
   maxRangeMs,
+  minDate,
   onApply,
   onShowPresets
 }) {
@@ -42,10 +43,15 @@ function CustomRangeEditor({
   const toDate = combineDateAndTime(draftDateTo, draftTimeTo);
   const rangeReversed = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
   const rangeTooWide = fromDate !== void 0 && toDate !== void 0 && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);
-  const rangeInvalid = rangeReversed || rangeTooWide;
+  const firstDay = minDate ? dateFns.startOfDay(minDate) : void 0;
+  const endFirstDay = draftDateFrom && (!firstDay || draftDateFrom > firstDay) ? draftDateFrom : firstDay;
+  const rangeTooEarly = fromDate !== void 0 && firstDay !== void 0 && fromDate < firstDay;
+  const rangeInvalid = rangeReversed || rangeTooWide || rangeTooEarly;
   let error;
   if (applyAttempted && rangeReversed) error = "Start date/time must be before end date/time";
   else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;
+  else if (applyAttempted && firstDay && rangeTooEarly)
+    error = `Range cannot start before ${dateFns.format(firstDay, "MMM d, yyyy")}`;
   const apply = () => {
     if (rangeInvalid) {
       setApplyAttempted(true);
@@ -73,6 +79,7 @@ function CustomRangeEditor({
                 month: draftDateFrom,
                 onSelect: setDraftDateFrom,
                 disabled,
+                fromDate: firstDay,
                 toDate: draftDateTo
               }
             ),
@@ -98,7 +105,7 @@ function CustomRangeEditor({
                 month: draftDateTo,
                 onSelect: setDraftDateTo,
                 disabled,
-                fromDate: draftDateFrom
+                fromDate: endFirstDay
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -142,6 +149,7 @@ function DateTimeRangePicker({
   onDateRangeChange,
   disabled,
   maxRangeMs,
+  minDate,
   presets,
   size = "md",
   renderTrigger
@@ -201,6 +209,7 @@ function DateTimeRangePicker({
           dateTo,
           disabled,
           maxRangeMs,
+          minDate,
           onApply: applyCustomRange,
           onShowPresets: showPresets
         }
@@ -224,4 +233,4 @@ function DateTimeRangePicker({
 }
 
 exports.DateTimeRangePicker = DateTimeRangePicker;
-//# sourceMappingURL=date-time-range-picker-B3qORFfa.cjs.map
+//# sourceMappingURL=date-time-range-picker-BjQVCVUM.cjs.map

package/dist/date-time-range-picker-BjQVCVUM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-BjQVCVUM.cjs","sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { format, isValid, parse, startOfDay } from 'date-fns';\nimport { Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft time, or the bare day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : date;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body. It mounts each time the popover opens, so its drafts\n * start from the current range without the picker resetting them.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);\n  const toDate = combineDateAndTime(draftDateTo, draftTimeTo);\n  const rangeReversed = fromDate !== undefined && toDate !== undefined && fromDate.getTime() > toDate.getTime();\n  const rangeTooWide =\n    fromDate !== undefined && toDate !== undefined && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  const endFirstDay = draftDateFrom && (!firstDay || draftDateFrom > firstDay) ? draftDateFrom : firstDay;\n  const rangeTooEarly = fromDate !== undefined && firstDay !== undefined && fromDate < firstDay;\n  const rangeInvalid = rangeReversed || rangeTooWide || rangeTooEarly;\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  let error: string | undefined;\n  if (applyAttempted && rangeReversed) error = 'Start date/time must be before end date/time';\n  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;\n  else if (applyAttempted && firstDay && rangeTooEarly)\n    error = `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n\n  const apply = () => {\n    if (rangeInvalid) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <>\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n        className=\"flex\"\n      >\n        <div className={cn('border-r border-border')}>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            Start\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateFrom}\n            month={draftDateFrom}\n            onSelect={setDraftDateFrom}\n            disabled={disabled}\n            fromDate={firstDay}\n            toDate={draftDateTo}\n          />\n          <TimePicker\n            label=\"Start time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeFrom}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeFrom(v);\n            }}\n          />\n        </div>\n        <div>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            End\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateTo}\n            month={draftDateTo}\n            onSelect={setDraftDateTo}\n            disabled={disabled}\n            fromDate={endFirstDay}\n          />\n          <TimePicker\n            label=\"End time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeTo}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeTo(v);\n            }}\n          />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className={cn('flex items-center justify-between px-4 pb-3')}>\n        <Button variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          &larr; Presets\n        </Button>\n        <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </>\n  );\n}\n","import { CalendarIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n\n  if (shownPreset === 'custom' && !presetMenuOpen) {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <CustomRangeEditor\n            dateFrom={dateFrom}\n            dateTo={dateTo}\n            disabled={disabled}\n            maxRangeMs={maxRangeMs}\n            minDate={minDate}\n            onApply={applyCustomRange}\n            onShowPresets={showPresets}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  const triggerLabel = shownPreset === 'custom' ? customLabel : datePresetLabel;\n\n  return (\n    <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: triggerLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {/* Items select on click (not onValueChange) so re-picking the checked\n            \"Custom range...\" still reopens the range editor. */}\n        <DropdownMenu.RadioGroup value={shownPreset}>\n          {visiblePresets.map(p => (\n            <DropdownMenu.RadioItem\n              key={p.value}\n              value={p.value}\n              closeOnClick\n              onClick={() => handlePresetSelect(p.value)}\n            >\n              {p.label}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["parse","isValid","useState","useId","startOfDay","format","jsxs","Fragment","cn","jsx","Txt","DatePicker","TimePicker","Field","FieldError","Button","Check","Popover","PopoverTrigger","CalendarIcon","PopoverContent","DropdownMenu"],"mappings":";;;;;;;;;;;;;;;;AASA,SAAS,WAAW,EAAA,EAAoB;AACtC,EAAA,MAAM,OAAO,IAAA,CAAK,KAAA,CAAM,MAAM,EAAA,GAAK,EAAA,GAAK,KAAK,GAAA,CAAK,CAAA;AAClD,EAAA,OAAO,GAAG,IAAI,CAAA,IAAA,EAAO,IAAA,KAAS,CAAA,GAAI,KAAK,GAAG,CAAA,CAAA;AAC5C;AAGA,SAAS,kBAAA,CAAmB,MAAwB,OAAA,EAAmC;AACrF,EAAA,IAAI,CAAC,MAAM,OAAO,MAAA;AAClB,EAAA,MAAM,QAAA,GAAW,IAAI,IAAA,CAAK,IAAA,CAAK,WAAA,EAAY,EAAG,IAAA,CAAK,QAAA,EAAS,EAAG,IAAA,CAAK,OAAA,EAAS,CAAA;AAC7E,EAAA,MAAM,QAAA,GAAWA,aAAA,CAAM,OAAA,EAAS,QAAA,EAAU,QAAQ,CAAA;AAClD,EAAA,OAAOC,eAAA,CAAQ,QAAQ,CAAA,GAAI,QAAA,GAAW,IAAA;AACxC;AAkBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAA2B,QAAQ,CAAA;AAC7E,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAA2B,MAAM,CAAA;AACvE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,UAAU,CAAA;AAC7D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,UAAU,CAAA;AACzD,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1D,EAAA,MAAM,UAAUC,WAAA,EAAM;AAEtB,EAAA,MAAM,QAAA,GAAW,kBAAA,CAAmB,aAAA,EAAe,aAAa,CAAA;AAChE,EAAA,MAAM,MAAA,GAAS,kBAAA,CAAmB,WAAA,EAAa,WAAW,CAAA;AAC1D,EAAA,MAAM,aAAA,GAAgB,aAAa,MAAA,IAAa,MAAA,KAAW,UAAa,QAAA,CAAS,OAAA,EAAQ,GAAI,MAAA,CAAO,OAAA,EAAQ;AAC5G,EAAA,MAAM,YAAA,GACJ,QAAA,KAAa,MAAA,IAAa,MAAA,KAAW,MAAA,IAAa,MAAA,CAAO,OAAA,EAAQ,GAAI,QAAA,CAAS,OAAA,EAAQ,IAAK,UAAA,IAAc,QAAA,CAAA;AAC3G,EAAA,MAAM,QAAA,GAAW,OAAA,GAAUC,kBAAA,CAAW,OAAO,CAAA,GAAI,MAAA;AACjD,EAAA,MAAM,cAAc,aAAA,KAAkB,CAAC,QAAA,IAAY,aAAA,GAAgB,YAAY,aAAA,GAAgB,QAAA;AAC/F,EAAA,MAAM,aAAA,GAAgB,QAAA,KAAa,MAAA,IAAa,QAAA,KAAa,UAAa,QAAA,GAAW,QAAA;AACrF,EAAA,MAAM,YAAA,GAAe,iBAAiB,YAAA,IAAgB,aAAA;AAEtD,EAAA,IAAI,KAAA;AACJ,EAAA,IAAI,cAAA,IAAkB,eAAe,KAAA,GAAQ,8CAAA;AAAA,OAAA,IACpC,kBAAkB,YAAA,EAAc,KAAA,GAAQ,+BAA+B,UAAA,CAAW,UAAA,IAAc,CAAC,CAAC,CAAA,CAAA;AAAA,OAAA,IAClG,kBAAkB,QAAA,IAAY,aAAA;AACrC,IAAA,KAAA,GAAQ,CAAA,0BAAA,EAA6BC,cAAA,CAAO,QAAA,EAAU,aAAa,CAAC,CAAA,CAAA;AAEtE,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA;AAAA,IACF;AACA,IAAA,OAAA,CAAQ,UAAU,MAAM,CAAA;AAAA,EAC1B,CAAA;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,YAAA,EAAW,mBAAA;AAAA,QACX,cAAA,EAAc,QAAQ,IAAA,GAAO,MAAA;AAAA,QAC7B,kBAAA,EAAkB,QAAQ,OAAA,GAAU,MAAA;AAAA,QACpC,SAAA,EAAU,MAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWE,WAAA,CAAG,wBAAwB,CAAA,EACzC,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAACC,OAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,UAAS,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,OAAA,EAEzE,CAAA;AAAA,4BACAD,cAAA;AAAA,cAACE,qBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,QAAA,EAAU,aAAA;AAAA,gBACV,KAAA,EAAO,aAAA;AAAA,gBACP,QAAA,EAAU,gBAAA;AAAA,gBACV,QAAA;AAAA,gBACA,QAAA,EAAU,QAAA;AAAA,gBACV,MAAA,EAAQ;AAAA;AAAA,aACV;AAAA,4BACAF,cAAA;AAAA,cAACG,qBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAM,YAAA;AAAA,gBACN,SAAA,EAAU,kBAAA;AAAA,gBACV,YAAA,EAAc,aAAA;AAAA,gBACd,eAAe,CAAA,CAAA,KAAK;AAClB,kBAAA,IAAI,CAAC,QAAA,EAAU,gBAAA,CAAiB,CAAC,CAAA;AAAA,gBACnC;AAAA;AAAA;AACF,WAAA,EACF,CAAA;AAAA,0CACC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAH,cAAA,CAACC,OAAA,EAAA,EAAI,IAAG,MAAA,EAAO,OAAA,EAAQ,UAAS,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,iBAAA,EAAkB,QAAA,EAAA,KAAA,EAEzE,CAAA;AAAA,4BACAD,cAAA;AAAA,cAACE,qBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,QAAA,EAAU,WAAA;AAAA,gBACV,KAAA,EAAO,WAAA;AAAA,gBACP,QAAA,EAAU,cAAA;AAAA,gBACV,QAAA;AAAA,gBACA,QAAA,EAAU;AAAA;AAAA,aACZ;AAAA,4BACAF,cAAA;AAAA,cAACG,qBAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAM,UAAA;AAAA,gBACN,SAAA,EAAU,kBAAA;AAAA,gBACV,YAAA,EAAc,WAAA;AAAA,gBACd,eAAe,CAAA,CAAA,KAAK;AAClB,kBAAA,IAAI,CAAC,QAAA,EAAU,cAAA,CAAe,CAAC,CAAA;AAAA,gBACjC;AAAA;AAAA;AACF,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,oBACAH,cAAA,CAACI,WAAA,EAAA,EAAM,OAAA,EAAS,OAAA,CAAQ,KAAK,CAAA,EAC3B,QAAA,kBAAAJ,cAAA,CAACK,gBAAA,EAAA,EAAW,EAAA,EAAI,OAAA,EAAS,SAAA,EAAU,WAAA,EAChC,iBACH,CAAA,EACF,CAAA;AAAA,oBACAR,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWE,WAAA,CAAG,6CAA6C,CAAA,EAC9D,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACM,aAAA,EAAA,EAAO,SAAQ,OAAA,EAAQ,IAAA,EAAK,MAAK,QAAA,EAAoB,OAAA,EAAS,eAAe,QAAA,EAAA,WAAA,EAE9E,CAAA;AAAA,sBACAN,cAAA,CAACM,aAAA,EAAA,EAAO,IAAA,kBAAMN,cAAA,CAACO,iBAAA,EAAA,EAAM,CAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,OAAA,EAAS,KAAA,EAAO,UAAoB,QAAA,EAAA,OAAA,EAEzF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;ACtIA,MAAM,YAAA,GAAyE;AAAA,EAC7E,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAA,EAAM;AAAA,EAC7B,EAAE,OAAO,UAAA,EAAY,KAAA,EAAO,iBAAiB,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA,EAAK;AAAA,EACrE,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,aAAA,EAAe,IAAI,CAAA,GAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA,EAAK;AAAA,EACtE,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,aAAA,EAAe,IAAI,CAAA,GAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA,EAAK;AAAA,EACtE,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,cAAA,EAAgB,IAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA,EAAK;AAAA,EACzE,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,cAAA,EAAgB,IAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA,EAAK;AAAA,EACzE,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,iBAAA;AAC5B,CAAA;AA6BO,SAAS,mBAAA,CAAoB;AAAA,EAClC,MAAA,GAAS,KAAA;AAAA,EACT,cAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,cAAA,GAAiB,OAAA,GAAU,YAAA,CAAa,MAAA,CAAO,CAAA,CAAA,KAAK,QAAQ,QAAA,CAAS,CAAA,CAAE,KAAK,CAAC,CAAA,GAAI,YAAA;AACvF,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAId,eAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAG1D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAIA,cAAA,EAAsC;AAI1F,EAAA,MAAM,eAAA,GAAkB,cAAA,IAAkB,MAAA,KAAW,QAAA,GAAW,kBAAA,GAAqB,MAAA;AACrF,EAAA,MAAM,cAAc,eAAA,IAAmB,MAAA;AACvC,EAAA,MAAM,eAAA,GAAkB,aAAa,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,KAAA,KAAU,WAAW,GAAG,KAAA,IAAS,KAAA;AAElF,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAA2B;AAC9C,IAAA,cAAA,GAAiB,KAAK,CAAA;AACtB,IAAA,MAAM,QAAQ,YAAA,CAAa,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,UAAU,KAAK,CAAA;AACtD,IAAA,IAAI,OAAO,EAAA,EAAI;AACb,MAAA,YAAA,GAAe,IAAI,KAAK,IAAA,CAAK,GAAA,KAAQ,KAAA,CAAM,EAAE,GAAG,MAAM,CAAA;AACtD,MAAA,YAAA,GAAe,QAAW,IAAI,CAAA;AAAA,IAChC,CAAA,MAAO;AACL,MAAA,YAAA,GAAe,QAAW,MAAM,CAAA;AAChC,MAAA,YAAA,GAAe,QAAW,IAAI,CAAA;AAAA,IAChC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAA2B;AACrD,IAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,IAAA,IAAI,UAAU,QAAA,EAAU;AACtB,MAAA,IAAI,MAAA,KAAW,QAAA,EAAU,qBAAA,CAAsB,MAAM,CAAA;AACrD,MAAA,cAAA,GAAiB,KAAK,CAAA;AACtB,MAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,MAAA;AAAA,IACF;AACA,IAAA,qBAAA,CAAsB,MAAS,CAAA;AAC/B,IAAA,WAAA,CAAY,KAAK,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,EAA4B,MAAA,KAA6B;AACjF,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,iBAAA,CAAkB,UAAU,MAAM,CAAA;AAAA,IACpC,CAAA,MAAO;AACL,MAAA,YAAA,GAAe,UAAU,MAAM,CAAA;AAC/B,MAAA,YAAA,GAAe,QAAQ,IAAI,CAAA;AAAA,IAC7B;AACA,IAAA,qBAAA,CAAsB,MAAS,CAAA;AAC/B,IAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,EAC1B,CAAA;AAIA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,IAAI,kBAAA,cAAgC,kBAAkB,CAAA;AACtD,IAAA,iBAAA,CAAkB,IAAI,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAA,EAAG,QAAA,GAAW,QAAA,CAAS,kBAAA,EAAmB,GAAI,OAAO,CAAA,GAAA,EAAW,MAAA,GAAS,MAAA,CAAO,kBAAA,EAAmB,GAAI,KAAK,CAAA,CAAA;AAEhI,EAAA,IAAI,WAAA,KAAgB,QAAA,IAAY,CAAC,cAAA,EAAgB;AAC/C,IAAA,uBACEI,eAAA,CAACW,eAAA,EAAA,EAAQ,IAAA,EAAM,eAAA,EAAiB,cAAc,kBAAA,EAC3C,QAAA,EAAA;AAAA,MAAA,aAAA,mBACCR,cAAA,CAACS,sBAAA,EAAA,EAAe,MAAA,EAAQ,aAAA,CAAc,EAAE,OAAO,WAAA,EAAa,QAAA,EAAU,CAAA,EAAG,CAAA,mBAEzET,cAAA,CAACS,0BAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAT,cAAA,CAACM,aAAA,EAAA,EAAO,IAAA,EAAY,QAAA,EAAoB,sBAAMN,cAAA,CAACU,wBAAA,EAAA,EAAa,CAAA,EACzD,QAAA,EAAA,WAAA,EACH,CAAA,EACF,CAAA;AAAA,qCAEDC,sBAAA,EAAA,EAAe,KAAA,EAAM,SAAQ,SAAA,EAAWZ,WAAA,CAAG,YAAY,CAAA,EACtD,QAAA,kBAAAC,cAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,MAAA;AAAA,UACA,QAAA;AAAA,UACA,UAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA,EAAS,gBAAA;AAAA,UACT,aAAA,EAAe;AAAA;AAAA,OACjB,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,YAAA,GAAe,WAAA,KAAgB,QAAA,GAAW,WAAA,GAAc,eAAA;AAE9D,EAAA,uBACEH,eAAA,CAACe,yBAAA,EAAA,EAAa,IAAA,EAAM,cAAA,EAAgB,cAAc,iBAAA,EAC/C,QAAA,EAAA;AAAA,IAAA,aAAA,mBACCZ,cAAA,CAACY,yBAAA,CAAa,OAAA,EAAb,EAAqB,MAAA,EAAQ,aAAA,CAAc,EAAE,KAAA,EAAO,YAAA,EAAc,QAAA,EAAU,CAAA,EAAG,CAAA,mBAEhFZ,cAAA,CAACY,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,IAAA,EAC3B,QAAA,kBAAAZ,cAAA,CAACM,aAAA,EAAA,EAAO,IAAA,EAAY,QAAA,EAAoB,IAAA,kBAAMN,cAAA,CAACU,wBAAA,EAAA,EAAa,CAAA,EACzD,QAAA,EAAA,YAAA,EACH,CAAA,EACF,CAAA;AAAA,oBAEFV,cAAA,CAACY,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAM,OAAA,EAG1B,QAAA,kBAAAZ,cAAA,CAACY,yBAAA,CAAa,UAAA,EAAb,EAAwB,KAAA,EAAO,WAAA,EAC7B,QAAA,EAAA,cAAA,CAAe,IAAI,CAAA,CAAA,qBAClBZ,cAAA;AAAA,MAACY,yBAAA,CAAa,SAAA;AAAA,MAAb;AAAA,QAEC,OAAO,CAAA,CAAE,KAAA;AAAA,QACT,YAAA,EAAY,IAAA;AAAA,QACZ,OAAA,EAAS,MAAM,kBAAA,CAAmB,CAAA,CAAE,KAAK,CAAA;AAAA,QAExC,QAAA,EAAA,CAAA,CAAE;AAAA,OAAA;AAAA,MALE,CAAA,CAAE;AAAA,KAOV,GACH,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{date-time-range-picker-CmtCmIrU.js → date-time-range-picker-D-EECKzz.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Check, CalendarIcon } from 'lucide-react';
 import { useState, useId } from 'react';
-import { parse, isValid } from 'date-fns';
+import { startOfDay, format, parse, isValid } from 'date-fns';
 import { B as Button } from './Button-EGoajBQY.js';
 import { D as DatePicker } from './date-picker-D2jMzekn.js';
 import { T as TimePicker } from './time-picker-BpCfTfoe.js';
@@ -27,6 +27,7 @@ function CustomRangeEditor({
   dateTo,
   disabled,
   maxRangeMs,
+  minDate,
   onApply,
   onShowPresets
 }) {
@@ -40,10 +41,15 @@ function CustomRangeEditor({
   const toDate = combineDateAndTime(draftDateTo, draftTimeTo);
   const rangeReversed = fromDate !== void 0 && toDate !== void 0 && fromDate.getTime() > toDate.getTime();
   const rangeTooWide = fromDate !== void 0 && toDate !== void 0 && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);
-  const rangeInvalid = rangeReversed || rangeTooWide;
+  const firstDay = minDate ? startOfDay(minDate) : void 0;
+  const endFirstDay = draftDateFrom && (!firstDay || draftDateFrom > firstDay) ? draftDateFrom : firstDay;
+  const rangeTooEarly = fromDate !== void 0 && firstDay !== void 0 && fromDate < firstDay;
+  const rangeInvalid = rangeReversed || rangeTooWide || rangeTooEarly;
   let error;
   if (applyAttempted && rangeReversed) error = "Start date/time must be before end date/time";
   else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;
+  else if (applyAttempted && firstDay && rangeTooEarly)
+    error = `Range cannot start before ${format(firstDay, "MMM d, yyyy")}`;
   const apply = () => {
     if (rangeInvalid) {
       setApplyAttempted(true);
@@ -71,6 +77,7 @@ function CustomRangeEditor({
                 month: draftDateFrom,
                 onSelect: setDraftDateFrom,
                 disabled,
+                fromDate: firstDay,
                 toDate: draftDateTo
               }
             ),
@@ -96,7 +103,7 @@ function CustomRangeEditor({
                 month: draftDateTo,
                 onSelect: setDraftDateTo,
                 disabled,
-                fromDate: draftDateFrom
+                fromDate: endFirstDay
               }
             ),
             /* @__PURE__ */ jsx(
@@ -140,6 +147,7 @@ function DateTimeRangePicker({
   onDateRangeChange,
   disabled,
   maxRangeMs,
+  minDate,
   presets,
   size = "md",
   renderTrigger
@@ -199,6 +207,7 @@ function DateTimeRangePicker({
           dateTo,
           disabled,
           maxRangeMs,
+          minDate,
           onApply: applyCustomRange,
           onShowPresets: showPresets
         }
@@ -222,4 +231,4 @@ function DateTimeRangePicker({
 }
 
 export { DateTimeRangePicker as D };
-//# sourceMappingURL=date-time-range-picker-CmtCmIrU.js.map
+//# sourceMappingURL=date-time-range-picker-D-EECKzz.js.map

package/dist/date-time-range-picker-D-EECKzz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-range-picker-D-EECKzz.js","sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { format, isValid, parse, startOfDay } from 'date-fns';\nimport { Check } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker, TimePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft time, or the bare day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const dateOnly = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n  const combined = parse(timeStr, 'h:mm a', dateOnly);\n  return isValid(combined) ? combined : date;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body. It mounts each time the popover opens, so its drafts\n * start from the current range without the picker resetting them.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [draftDateFrom, setDraftDateFrom] = useState<Date | undefined>(dateFrom);\n  const [draftDateTo, setDraftDateTo] = useState<Date | undefined>(dateTo);\n  const [draftTimeFrom, setDraftTimeFrom] = useState('12:00 AM');\n  const [draftTimeTo, setDraftTimeTo] = useState('11:59 PM');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(draftDateFrom, draftTimeFrom);\n  const toDate = combineDateAndTime(draftDateTo, draftTimeTo);\n  const rangeReversed = fromDate !== undefined && toDate !== undefined && fromDate.getTime() > toDate.getTime();\n  const rangeTooWide =\n    fromDate !== undefined && toDate !== undefined && toDate.getTime() - fromDate.getTime() > (maxRangeMs ?? Infinity);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  const endFirstDay = draftDateFrom && (!firstDay || draftDateFrom > firstDay) ? draftDateFrom : firstDay;\n  const rangeTooEarly = fromDate !== undefined && firstDay !== undefined && fromDate < firstDay;\n  const rangeInvalid = rangeReversed || rangeTooWide || rangeTooEarly;\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  let error: string | undefined;\n  if (applyAttempted && rangeReversed) error = 'Start date/time must be before end date/time';\n  else if (applyAttempted && rangeTooWide) error = `Range cannot be longer than ${formatDays(maxRangeMs ?? 0)}`;\n  else if (applyAttempted && firstDay && rangeTooEarly)\n    error = `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n\n  const apply = () => {\n    if (rangeInvalid) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <>\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n        className=\"flex\"\n      >\n        <div className={cn('border-r border-border')}>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            Start\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateFrom}\n            month={draftDateFrom}\n            onSelect={setDraftDateFrom}\n            disabled={disabled}\n            fromDate={firstDay}\n            toDate={draftDateTo}\n          />\n          <TimePicker\n            label=\"Start time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeFrom}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeFrom(v);\n            }}\n          />\n        </div>\n        <div>\n          <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"block px-4 pt-3\">\n            End\n          </Txt>\n          <DatePicker\n            mode=\"single\"\n            selected={draftDateTo}\n            month={draftDateTo}\n            onSelect={setDraftDateTo}\n            disabled={disabled}\n            fromDate={endFirstDay}\n          />\n          <TimePicker\n            label=\"End time\"\n            className=\"mx-4 mb-3 w-auto\"\n            defaultValue={draftTimeTo}\n            onValueChange={v => {\n              if (!disabled) setDraftTimeTo(v);\n            }}\n          />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className={cn('flex items-center justify-between px-4 pb-3')}>\n        <Button variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          &larr; Presets\n        </Button>\n        <Button icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </>\n  );\n}\n","import { CalendarIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactElement } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button } from '@/ds/components/Button/Button';\nimport type { ButtonProps } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /** Size passed through to the trigger Button. Defaults to 'md'. */\n  size?: ButtonProps['size'];\n  /**\n   * Replace the default Button trigger. Receives the current label (preset name or\n   * custom range) and must return an element the menu/popover can attach to.\n   */\n  renderTrigger?: (props: { label: string; disabled?: boolean }) => ReactElement;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  size = 'md',\n  renderTrigger,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  const customLabel = `${dateFrom ? dateFrom.toLocaleDateString() : 'Start'} \\u2013 ${dateTo ? dateTo.toLocaleDateString() : 'End'}`;\n\n  if (shownPreset === 'custom' && !presetMenuOpen) {\n    return (\n      <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n        {renderTrigger ? (\n          <PopoverTrigger render={renderTrigger({ label: customLabel, disabled })} />\n        ) : (\n          <PopoverTrigger asChild>\n            <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n              {customLabel}\n            </Button>\n          </PopoverTrigger>\n        )}\n        <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n          <CustomRangeEditor\n            dateFrom={dateFrom}\n            dateTo={dateTo}\n            disabled={disabled}\n            maxRangeMs={maxRangeMs}\n            minDate={minDate}\n            onApply={applyCustomRange}\n            onShowPresets={showPresets}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  }\n\n  const triggerLabel = shownPreset === 'custom' ? customLabel : datePresetLabel;\n\n  return (\n    <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n      {renderTrigger ? (\n        <DropdownMenu.Trigger render={renderTrigger({ label: triggerLabel, disabled })} />\n      ) : (\n        <DropdownMenu.Trigger asChild>\n          <Button size={size} disabled={disabled} icon={<CalendarIcon />}>\n            {triggerLabel}\n          </Button>\n        </DropdownMenu.Trigger>\n      )}\n      <DropdownMenu.Content align=\"start\">\n        {/* Items select on click (not onValueChange) so re-picking the checked\n            \"Custom range...\" still reopens the range editor. */}\n        <DropdownMenu.RadioGroup value={shownPreset}>\n          {visiblePresets.map(p => (\n            <DropdownMenu.RadioItem\n              key={p.value}\n              value={p.value}\n              closeOnClick\n              onClick={() => handlePresetSelect(p.value)}\n            >\n              {p.label}\n            </DropdownMenu.RadioItem>\n          ))}\n        </DropdownMenu.RadioGroup>\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/datasets/components/save-as-dataset-item-dialog.cjs.js

@@ -12,7 +12,7 @@ const field = require('../../../field-BCU5ZtWV.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
 const form = require('../../../form-Cw-n1rd9.cjs');
 const select = require('../../../select-CbNLtiAs.cjs');
-const sideDialog = require('../../../side-dialog-qfaOhtjK.cjs');
+const sideDialog = require('../../../side-dialog-BzULMBaH.cjs');
 const textAndIcon = require('../../../text-and-icon-BcyWJ1Fj.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');