@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select/select.js","sources":["../../../src/select/select.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { Check, ChevronDown, LoaderCircle, Plus, X } from 'lucide-react';\nimport {\n  type CSSProperties,\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { ClearButton } from '../shared/clear-button';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useActiveOption,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { FloatingHighlight, useFloatingHighlight } from '../shared/floating-highlight';\nimport { useListMotion } from '../shared/motion';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { useText } from '../shared/use-text';\n\nexport interface SelectOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n  searchLabel?: string;\n}\nexport interface SelectOptionGroup {\n  label: ReactNode;\n  options: readonly SelectOption[];\n}\ninterface SelectBaseProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'type' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'children' | 'multiple'\n    >,\n    PopupOptions {\n  options: readonly (SelectOption | SelectOptionGroup)[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  allowClear?: boolean;\n  showSearch?: boolean;\n  filterOption?: boolean | ((query: string, option: SelectOption) => boolean);\n  onSearch?: (query: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  inputReadOnly?: boolean;\n  labelRender?: (option: SelectOption) => ReactNode;\n  tagRender?: (option: SelectOption, remove: () => void) => ReactNode;\n  popupRender?: (content: ReactNode) => ReactNode;\n  onPopupScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  loading?: boolean;\n  notFoundContent?: ReactNode;\n  optionRender?: (option: SelectOption) => ReactNode;\n  maxCount?: number;\n  maxTagCount?: number | 'responsive';\n  allowCreate?: boolean;\n  onCreate?: (option: SelectOption) => void;\n  virtual?: boolean;\n  listHeight?: number;\n  optionHeight?: number;\n}\nexport type SelectProps = SelectBaseProps &\n  (\n    | {\n        multiple?: false;\n        value?: string;\n        defaultValue?: string;\n        onChange?: (value: string, option?: SelectOption) => void;\n      }\n    | {\n        multiple: true;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: string[], options: SelectOption[]) => void;\n      }\n  );\nconst empty: readonly string[] = [];\nconst searchText = (option: SelectOption) =>\n  option.searchLabel ??\n  (typeof option.label === 'string' || typeof option.label === 'number'\n    ? String(option.label)\n    : option.value);\nexport const Select = forwardRef<HTMLInputElement, SelectProps>(\n  function Select(props, forwardedRef) {\n    const {\n      options: suppliedOptions,\n      size = 'md',\n      status: statusProp,\n      placeholder,\n      value,\n      defaultValue,\n      name,\n      required: requiredProp,\n      allowClear = false,\n      form,\n      className,\n      style,\n      disabled: disabledProp,\n      id: idProp,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      inputReadOnly,\n      labelRender,\n      tagRender,\n      popupRender,\n      onPopupScroll,\n      onClick,\n      onKeyDown,\n      onBlur,\n      multiple = false,\n      showSearch: searchProp = false,\n      filterOption = true,\n      onSearch,\n      popupWidth = 'auto',\n      popupMaxWidth = 420,\n      popupClassName,\n      popupStyle,\n      popupPlacement,\n      getPopupContainer,\n      loading = false,\n      notFoundContent,\n      optionRender,\n      maxCount,\n      maxTagCount,\n      allowCreate = false,\n      onCreate,\n      virtual: virtualProp,\n      listHeight = 248,\n      optionHeight = 36,\n      onChange: _onChange,\n      ...inputProps\n    } = props;\n    const t = useText();\n    const showSearch = searchProp || allowCreate;\n    const [created, setCreated] = useState<SelectOption[]>([]);\n    const baseOptions = useMemo(\n      () => suppliedOptions.flatMap((entry) => ('options' in entry ? [...entry.options] : [entry])),\n      [suppliedOptions],\n    );\n    const options = useMemo(\n      () => [\n        ...baseOptions,\n        ...created.filter((entry) => !baseOptions.some((option) => option.value === entry.value)),\n      ],\n      [baseOptions, created],\n    );\n    const optionGroups = useMemo(\n      () =>\n        new Map(\n          suppliedOptions.flatMap((entry) =>\n            'options' in entry\n              ? entry.options.map((option) => [option.value, entry.label] as const)\n              : [],\n          ),\n        ),\n      [suppliedOptions],\n    );\n    const virtual = virtualProp ?? options.length > 100;\n    const { messages } = useLeafConfig();\n    const field = useFormField();\n    const disabled = disabledProp || field?.disabled;\n    const required = requiredProp ?? field?.required;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const root = useRef<HTMLDivElement>(null);\n    const input = useRef<HTMLInputElement>(null);\n    const panel = useRef<HTMLDivElement>(null);\n    const merged = useMergedRef(input, forwardedRef);\n    const panelId = `${useId()}-listbox`;\n    const [selected, setSelected] = useFieldValue<string | readonly string[]>(\n      value,\n      defaultValue ?? (multiple ? empty : ''),\n      input,\n      form,\n    );\n    const values = typeof selected === 'string' ? (selected ? [selected] : []) : selected;\n    const [responsiveCount, setResponsiveCount] = useState(3);\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Remeasure tag widths when the selected values change.\n    useEffect(() => {\n      if (maxTagCount !== 'responsive' || !root.current) return;\n      const measure = () => {\n        const width = root.current?.clientWidth ?? 0;\n        let used = 90;\n        let count = 0;\n        for (const tag of root.current?.querySelectorAll<HTMLElement>('[data-leaf-tag-measure]') ??\n          []) {\n          used += tag.getBoundingClientRect().width + 4;\n          if (used > width) break;\n          count++;\n        }\n        setResponsiveCount(count);\n      };\n      const observer =\n        typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(measure);\n      observer?.observe(root.current);\n      window.addEventListener('resize', measure);\n      measure();\n      return () => {\n        observer?.disconnect();\n        window.removeEventListener('resize', measure);\n      };\n    }, [maxTagCount, values]);\n    const visibleTagCount =\n      maxTagCount === 'responsive'\n        ? responsiveCount\n        : maxTagCount === undefined\n          ? values.length\n          : Math.max(0, Math.floor(maxTagCount));\n    useListMotion(\n      root,\n      JSON.stringify(values.slice(0, visibleTagCount)),\n      '.leaf-select__tag[data-motion-key]',\n    );\n    useListMotion(root, values[0], multiple ? '' : '.leaf-select__input-wrap[data-motion-key]');\n    const atLimit =\n      multiple && maxCount !== undefined && values.length >= Math.max(0, Math.floor(maxCount));\n    const unavailable = (option: SelectOption) =>\n      option.disabled || (atLimit && !values.includes(option.value));\n    const selectedCache = useRef(new Map<string, SelectOption>());\n    const nextCache = new Map<string, SelectOption>();\n    for (const key of values) {\n      const record =\n        options.find((option) => option.value === key) ?? selectedCache.current.get(key);\n      if (record) nextCache.set(key, record);\n    }\n    selectedCache.current = nextCache;\n    const selectedOptions = values.map((key) => nextCache.get(key) ?? { value: key, label: key });\n    const [query, setQuery] = useState('');\n    const [open, setOpen] = usePopupState(\n      disabled || inputProps.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const [highlighted, setHighlighted] = useState(-1);\n    const matched =\n      !query || !showSearch || filterOption === false\n        ? options\n        : options.filter((option) =>\n            typeof filterOption === 'function'\n              ? filterOption(query, option)\n              : searchText(option).toLocaleLowerCase().includes(query.toLocaleLowerCase()),\n          );\n    const newValue = query.trim();\n    const createOption =\n      allowCreate &&\n      newValue &&\n      !options.some((option) => option.value === newValue || searchText(option) === newValue)\n        ? { value: newValue, label: newValue }\n        : null;\n    const filtered = createOption ? [...matched, createOption] : matched;\n    const rows = useMemo(() => {\n      const entries: { key: string; option?: SelectOption; group?: ReactNode; index: number }[] =\n        [];\n      let previousGroup: ReactNode;\n      filtered.forEach((option, index) => {\n        const group = optionGroups.get(option.value);\n        if (group !== undefined && group !== previousGroup)\n          entries.push({ key: `group-${option.value}`, group, index: -1 });\n        entries.push({ key: option.value, option, index });\n        previousGroup = group;\n      });\n      return entries;\n    }, [filtered, optionGroups]);\n    const virtualizer = useVirtualizer({\n      count: rows.length,\n      getScrollElement: () => panel.current,\n      estimateSize: () => Math.max(24, optionHeight),\n      overscan: 5,\n      getItemKey: (index) => rows[index]?.key ?? index,\n      enabled: open && virtual,\n      initialRect: { height: listHeight, width: 240 },\n    });\n    useEffect(() => {\n      if (open && virtual && highlighted >= 0) {\n        const index = rows.findIndex((row) => row.index === highlighted);\n        if (index >= 0) virtualizer.scrollToIndex(index, { align: 'auto' });\n      }\n    }, [open, virtual, highlighted, rows, virtualizer]);\n    const updateQuery = (next: string) => {\n      setQuery(next);\n      onSearch?.(next);\n    };\n    const close = () => {\n      setOpen(false);\n      if (query) updateQuery('');\n    };\n    useFloatingDismiss(open, close, input, panel, root);\n    useActiveOption(open, highlighted >= 0 ? `${panelId}-${highlighted}` : undefined, panel);\n    const highlight = useFloatingHighlight(\n      open,\n      panel,\n      highlighted >= 0 ? `${panelId}-${highlighted}` : undefined,\n      `${query}:${filtered[highlighted]?.value}:${rows.length}:${virtualizer.range?.startIndex}:${virtualizer.range?.endIndex}`,\n    );\n    useEffect(() => {\n      if (!open) setQuery('');\n    }, [open]);\n    const change = (next: readonly string[]) => {\n      if (disabled || inputProps.readOnly) return;\n      setSelected(multiple ? next : (next[0] ?? ''));\n      if (props.multiple)\n        props.onChange?.(\n          [...next],\n          [\n            ...selectedOptions,\n            ...options.filter((option) => !values.includes(option.value)),\n            ...(createOption ? [createOption] : []),\n          ].filter((option) => next.includes(option.value)),\n        );\n      else\n        props.onChange?.(\n          next[0] ?? '',\n          [...options, ...(createOption ? [createOption] : [])].find(\n            (option) => option.value === next[0],\n          ),\n        );\n    };\n    const openMenu = () => {\n      if (disabled || inputProps.readOnly) return;\n      const active = filtered.findIndex(\n        (option) => values.includes(option.value) && !unavailable(option),\n      );\n      setHighlighted(active >= 0 ? active : filtered.findIndex((option) => !unavailable(option)));\n      setOpen(true);\n    };\n    const selectOption = (option: SelectOption) => {\n      if (unavailable(option) || inputProps.readOnly) return;\n      if (createOption && option.value === createOption.value) {\n        setCreated((previous) => [...previous, option]);\n        onCreate?.(option);\n      }\n      change(\n        multiple\n          ? values.includes(option.value)\n            ? values.filter((value) => value !== option.value)\n            : [...values, option.value]\n          : [option.value],\n      );\n      if (multiple) updateQuery('');\n      else close();\n      input.current?.focus();\n    };\n    const move = (direction: number) => {\n      if (!filtered.length) return;\n      let next = highlighted < 0 ? (direction > 0 ? -1 : filtered.length) : highlighted;\n      for (let i = 0; i < filtered.length; i++) {\n        next = (next + direction + filtered.length) % filtered.length;\n        const candidate = filtered[next];\n        if (candidate && !unavailable(candidate)) {\n          setHighlighted(next);\n          break;\n        }\n      }\n    };\n    const renderOption = (option: SelectOption, index: number) => (\n      <button\n        key={option.value}\n        id={`${panelId}-${index}`}\n        aria-posinset={index + 1}\n        aria-setsize={filtered.length}\n        type=\"button\"\n        role=\"option\"\n        aria-selected={values.includes(option.value)}\n        aria-disabled={option.disabled || (atLimit && !values.includes(option.value)) || undefined}\n        data-highlighted={highlighted === index || undefined}\n        className=\"leaf-floating__option\"\n        disabled={option.disabled || (atLimit && !values.includes(option.value))}\n        tabIndex={-1}\n        onMouseEnter={() => {\n          if (!unavailable(option)) setHighlighted(index);\n        }}\n        onMouseDown={(event) => event.preventDefault()}\n        onClick={() => selectOption(option)}\n      >\n        <span className=\"leaf-select__option-label\">\n          {createOption?.value === option.value ? (\n            <>\n              <Plus size={14} aria-hidden=\"true\" /> {t('创建', 'Create')} “{option.label}”\n            </>\n          ) : optionRender ? (\n            optionRender(option)\n          ) : (\n            option.label\n          )}\n        </span>\n        <Check size={15} aria-hidden=\"true\" className=\"leaf-select__check\" />\n      </button>\n    );\n    const displayLabel = selectedOptions[0]\n      ? (labelRender?.(selectedOptions[0]) ?? selectedOptions[0].label)\n      : undefined;\n    const textLabel =\n      typeof displayLabel === 'string' || typeof displayLabel === 'number'\n        ? String(displayLabel)\n        : '';\n    const inputValue = multiple || (showSearch && open) ? query : textLabel;\n    const clearable = allowClear && values.length > 0 && !disabled && !inputProps.readOnly;\n    return (\n      // biome-ignore lint/a11y/noStaticElementInteractions: Pointer events on padding forward to the keyboard-accessible combobox input.\n      // biome-ignore lint/a11y/useKeyWithClickEvents: The combobox input owns all keyboard interaction; this wrapper only extends its hit area.\n      <div\n        ref={root}\n        className={classes(\n          'leaf-select',\n          `leaf-select--${size}`,\n          multiple && 'leaf-select--multiple',\n          className,\n        )}\n        style={style}\n        data-status={status}\n        data-disabled={disabled ? '' : undefined}\n        data-open={open ? '' : undefined}\n        data-clearable={clearable ? '' : undefined}\n        data-searchable={showSearch ? '' : undefined}\n        onMouseDown={(event) => {\n          if (\n            !disabled &&\n            event.target instanceof Element &&\n            !event.target.closest('input, button, a')\n          )\n            event.preventDefault();\n        }}\n        onClick={(event) => {\n          if (\n            !disabled &&\n            event.target instanceof Element &&\n            root.current?.contains(event.target) &&\n            !event.target.closest('input, button, a')\n          ) {\n            input.current?.focus();\n            input.current?.click();\n          }\n        }}\n      >\n        <div className=\"leaf-select__content\">\n          {multiple &&\n            values.slice(0, visibleTagCount).map((value) => {\n              const option = nextCache.get(value) ?? { value, label: value };\n              const remove = () => change(values.filter((item) => item !== value));\n              if (tagRender)\n                return (\n                  <span key={value} className=\"leaf-select__tag\" data-motion-key={value}>\n                    {tagRender(option, remove)}\n                  </span>\n                );\n              return (\n                <span key={value} className=\"leaf-select__tag\" data-motion-key={value}>\n                  <span>{option?.label ?? value}</span>\n                  {!disabled && !inputProps.readOnly && !option?.disabled && (\n                    <button\n                      type=\"button\"\n                      tabIndex={-1}\n                      aria-label={`${messages.remove} ${option ? searchText(option) : value}`}\n                      onMouseDown={(event) => event.preventDefault()}\n                      onClick={() => {\n                        change(values.filter((item) => item !== value));\n                        input.current?.focus();\n                      }}\n                    >\n                      <X size={12} aria-hidden=\"true\" />\n                    </button>\n                  )}\n                </span>\n              );\n            })}\n          {multiple && values.length > visibleTagCount && (\n            <span className=\"leaf-select__tag\">+{values.length - visibleTagCount}</span>\n          )}\n          {multiple && maxTagCount === 'responsive' && (\n            <span\n              aria-hidden=\"true\"\n              style={{\n                position: 'absolute',\n                visibility: 'hidden',\n                pointerEvents: 'none',\n                display: 'flex',\n              }}\n            >\n              {selectedOptions.map((option) => (\n                <span key={option.value} data-leaf-tag-measure className=\"leaf-select__tag\">\n                  {option.label}\n                  <X size={12} />\n                </span>\n              ))}\n            </span>\n          )}\n          <div className=\"leaf-select__input-wrap\" data-motion-key={values[0] ?? ''}>\n            {!multiple &&\n              !query &&\n              displayLabel != null &&\n              (!textLabel || (showSearch && open)) && (\n                <span className=\"leaf-select__value\">{displayLabel}</span>\n              )}\n            <input\n              {...inputProps}\n              ref={merged}\n              id={idProp ?? field?.id}\n              form={form}\n              type=\"text\"\n              className=\"leaf-select__input\"\n              disabled={disabled}\n              readOnly={!showSearch || inputProps.readOnly || inputReadOnly}\n              value={inputValue}\n              placeholder={values.length ? '' : (placeholder ?? messages.select)}\n              autoComplete=\"off\"\n              role=\"combobox\"\n              aria-expanded={open}\n              aria-haspopup=\"listbox\"\n              aria-controls={panelId}\n              aria-autocomplete={showSearch ? 'list' : undefined}\n              aria-activedescendant={\n                open && filtered[highlighted] ? `${panelId}-${highlighted}` : undefined\n              }\n              aria-required={required || undefined}\n              aria-invalid={status === 'error' ? true : inputProps['aria-invalid']}\n              aria-describedby={\n                [inputProps['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n                undefined\n              }\n              onClick={(event) => {\n                onClick?.(event);\n                if (!event.defaultPrevented) {\n                  if (open && !showSearch) close();\n                  else if (!open) openMenu();\n                }\n              }}\n              onBlur={(event) => {\n                onBlur?.(event);\n                if (\n                  !event.defaultPrevented &&\n                  !root.current?.contains(event.relatedTarget) &&\n                  !panel.current?.contains(event.relatedTarget)\n                )\n                  close();\n              }}\n              onChange={(event) => {\n                if (!open) openMenu();\n                updateQuery(event.target.value);\n                setHighlighted(-1);\n              }}\n              onKeyDown={(event) => {\n                onKeyDown?.(event);\n                if (event.defaultPrevented || event.nativeEvent.isComposing) return;\n                if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                  event.preventDefault();\n                  if (!open) openMenu();\n                  else move(event.key === 'ArrowDown' ? 1 : -1);\n                } else if ((event.key === 'Home' || event.key === 'End') && open && !showSearch) {\n                  event.preventDefault();\n                  const candidates = filtered\n                    .map((option, index) => ({ option, index }))\n                    .filter(({ option }) => !unavailable(option));\n                  setHighlighted(\n                    (event.key === 'Home' ? candidates[0] : candidates.at(-1))?.index ?? -1,\n                  );\n                } else if (event.key === 'Enter' || (event.key === ' ' && !showSearch)) {\n                  event.preventDefault();\n                  if (!open) openMenu();\n                  else {\n                    const option =\n                      filtered[highlighted] ?? filtered.find((option) => !unavailable(option));\n                    if (option) selectOption(option);\n                  }\n                } else if (event.key === 'Escape' && open) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                  close();\n                } else if (event.key === 'Tab' && open) close();\n                else if (event.key === 'Backspace' && multiple && !query && !inputProps.readOnly) {\n                  const last = [...values]\n                    .reverse()\n                    .find((value) => !options.find((option) => option.value === value)?.disabled);\n                  if (last) {\n                    event.preventDefault();\n                    change(values.filter((value) => value !== last));\n                  }\n                }\n              }}\n            />\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          className=\"leaf-select__arrow\"\n          tabIndex={-1}\n          disabled={disabled}\n          aria-label={messages.select}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => {\n            if (open) close();\n            else openMenu();\n            input.current?.focus();\n          }}\n        >\n          {loading ? (\n            <LoaderCircle className=\"leaf-select__spinner\" size={16} aria-hidden=\"true\" />\n          ) : (\n            <ChevronDown size={16} aria-hidden=\"true\" />\n          )}\n        </button>\n        {clearable && (\n          <ClearButton\n            label={messages.clearSelection}\n            beforeArrow\n            onClear={() => {\n              change(empty);\n              close();\n              input.current?.focus();\n            }}\n          />\n        )}\n        <FormValue\n          name={multiple ? undefined : name}\n          form={form}\n          value={multiple ? values.join(',') : (values[0] ?? '')}\n          disabled={disabled}\n          required={required}\n          triggerRef={input}\n        />\n        {multiple &&\n          values.map((value) => (\n            <input\n              key={value}\n              type=\"hidden\"\n              name={name}\n              form={form}\n              value={value}\n              disabled={disabled}\n            />\n          ))}\n        <FloatingPanel\n          open={open}\n          placement={popupPlacement}\n          container={getPopupContainer}\n          triggerRef={root}\n          panelRef={panel}\n          matchWidth={popupWidth === 'trigger'}\n          width={\n            popupWidth === 'trigger'\n              ? undefined\n              : popupWidth === 'auto'\n                ? 'max-content'\n                : popupWidth\n          }\n          minWidth={popupWidth === 'auto' ? 'trigger' : undefined}\n          maxWidth={popupMaxWidth}\n          id={panelId}\n          className={classes('leaf-floating', 'leaf-select__panel', popupClassName)}\n          data-hover-motion=\"\"\n          style={{ maxHeight: listHeight, ...popupStyle }}\n          onScroll={onPopupScroll}\n          role=\"listbox\"\n          aria-busy={loading || undefined}\n          aria-label={inputProps['aria-label'] ?? messages.select}\n          aria-multiselectable={multiple || undefined}\n        >\n          <FloatingHighlight style={highlight} />\n          {(popupRender ?? ((content: ReactNode) => content))(\n            loading && !filtered.length ? (\n              <div className=\"leaf-floating__empty\">{messages.loading}</div>\n            ) : filtered.length ? (\n              virtual ? (\n                <div\n                  style={{\n                    height: virtualizer.getTotalSize(),\n                    position: 'relative',\n                    minWidth: '100%',\n                  }}\n                >\n                  {virtualizer.getVirtualItems().map((item) => {\n                    const row = rows[item.index];\n                    if (!row) return null;\n                    return (\n                      <div\n                        key={row.key}\n                        ref={virtualizer.measureElement}\n                        data-index={item.index}\n                        style={{\n                          position: 'absolute',\n                          top: 0,\n                          left: 0,\n                          width: '100%',\n                          transform: `translateY(${item.start}px)`,\n                        }}\n                      >\n                        {row.option ? (\n                          renderOption(row.option, row.index)\n                        ) : (\n                          <div className=\"leaf-select__group\">{row.group}</div>\n                        )}\n                      </div>\n                    );\n                  })}\n                </div>\n              ) : (\n                rows.map((row) =>\n                  row.option ? (\n                    renderOption(row.option, row.index)\n                  ) : (\n                    <div key={row.key} className=\"leaf-select__group\">\n                      {row.group}\n                    </div>\n                  ),\n                )\n              )\n            ) : (\n              <div className=\"leaf-floating__empty\">{notFoundContent ?? messages.empty}</div>\n            ),\n          )}\n        </FloatingPanel>\n      </div>\n    );\n  },\n);\nSelect.displayName = 'Select';\n"],"names":["empty","searchText","option","String","Select","forwardRef","props","forwardedRef","suppliedOptions","size","statusProp","placeholder","value","defaultValue","name","requiredProp","allowClear","form","className","style","disabledProp","idProp","onOpenChange","controlledOpen","defaultOpen","inputReadOnly","labelRender","tagRender","popupRender","onPopupScroll","onClick","onKeyDown","onBlur","multiple","searchProp","filterOption","onSearch","popupWidth","popupMaxWidth","popupClassName","popupStyle","popupPlacement","getPopupContainer","loading","notFoundContent","optionRender","maxCount","maxTagCount","allowCreate","onCreate","virtualProp","listHeight","optionHeight","_onChange","inputProps","t","useText","showSearch","created","setCreated","useState","baseOptions","useMemo","entry","options","optionGroups","Map","virtual","messages","useLeafConfig","field","useFormField","disabled","required","status","undefined","root","useRef","input","panel","merged","useMergedRef","panelId","useId","selected","setSelected","useFieldValue","values","responsiveCount","setResponsiveCount","useEffect","measure","width","used","count","tag","observer","ResizeObserver","window","visibleTagCount","Math","useListMotion","JSON","atLimit","unavailable","selectedCache","nextCache","key","record","selectedOptions","query","setQuery","open","setOpen","usePopupState","highlighted","setHighlighted","matched","newValue","createOption","filtered","rows","entries","previousGroup","index","group","virtualizer","useVirtualizer","row","updateQuery","next","close","useFloatingDismiss","useActiveOption","highlight","useFloatingHighlight","change","openMenu","active","selectOption","previous","move","direction","i","candidate","renderOption","event","Plus","Check","displayLabel","textLabel","inputValue","clearable","classes","Element","remove","item","X","Boolean","candidates","last","LoaderCircle","ChevronDown","ClearButton","FormValue","FloatingPanel","FloatingHighlight","content"],"mappings":"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"}

package/dist/esm/shared/calendar.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+export type CalendarMode = 'year' | 'quarter' | 'month' | 'week' | 'date' | 'datetime';
+export declare function startOfPeriod(date: Date, mode: CalendarMode): Date;
+export declare function dateTimeKey(date: Date, showSeconds?: boolean): string;
+export declare function periodKey(date: Date, mode: CalendarMode): string;
+export declare function withinPeriod(date: Date, mode: CalendarMode, min?: Date, max?: Date): boolean;
+export declare function shiftCalendar(date: Date, mode: CalendarMode, amount: number): Date;
+interface CalendarPanelProps {
+    value?: Date | null;
+    values?: readonly Date[];
+    onChange: (date: Date) => void;
+    picker?: CalendarMode;
+    minDate?: Date;
+    maxDate?: Date;
+    visibleDate?: Date;
+    onVisibleChange?: (date: Date) => void;
+    autoFocus?: boolean;
+    range?: readonly [Date | null, Date | null];
+    hoverDate?: Date | null;
+    onHover?: (date: Date) => void;
+    headerExtra?: ReactNode;
+    showOutsideDays?: boolean;
+    disabledDate?: (date: Date) => boolean;
+    cellRender?: (date: Date) => ReactNode;
+    showToday?: boolean;
+}
+export declare function CalendarPanel({ value, values, onChange, picker, minDate, maxDate, visibleDate, onVisibleChange, autoFocus, range, hoverDate, onHover, headerExtra, showOutsideDays, disabledDate, cellRender, showToday, }: CalendarPanelProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar.d.ts.map

package/dist/esm/shared/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/shared/calendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMxF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AACvF,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,QAS3D;AACD,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,WAAW,UAAO,UAQzD;AACD,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,UAkBvD;AACD,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,IAAI,WAOlF;AACD,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,QAI3E;AACD,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAe,EACf,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,eAAsB,EACtB,YAAY,EACZ,UAAU,EACV,SAAiB,GAClB,EAAE,kBAAkB,+BAyWpB"}

package/dist/esm/shared/calendar.js

@@ -0,0 +1,315 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { classes } from "./classes.js";
+import { calendarDays, dateKey, formatMonthLabel, sameDate, shiftMonth } from "./date.js";
+import { useContentTransition } from "./presence.js";
+function startOfPeriod(date, mode) {
+    const next = new Date(date);
+    next.setMilliseconds(0);
+    if ('datetime' !== mode) next.setHours(0, 0, 0, 0);
+    if ('year' === mode) next.setMonth(0, 1);
+    if ('month' === mode) next.setDate(1);
+    if ('quarter' === mode) next.setMonth(3 * Math.floor(next.getMonth() / 3), 1);
+    if ('week' === mode) next.setDate(next.getDate() - (next.getDay() + 6) % 7);
+    return next;
+}
+function dateTimeKey(date, showSeconds = true) {
+    return dateKey(date) + ' ' + [
+        date.getHours(),
+        date.getMinutes(),
+        ...showSeconds ? [
+            date.getSeconds()
+        ] : []
+    ].map((n)=>String(n).padStart(2, '0')).join(':');
+}
+function periodKey(date, mode) {
+    if ('year' === mode) return String(date.getFullYear());
+    if ('month' === mode) return dateKey(date).slice(0, 7);
+    if ('quarter' === mode) return `${date.getFullYear()}-Q${Math.floor(date.getMonth() / 3) + 1}`;
+    if ('datetime' === mode) return dateTimeKey(date);
+    if ('week' === mode) {
+        const monday = startOfPeriod(date, 'week');
+        const thursday = new Date(monday);
+        thursday.setDate(monday.getDate() + 3);
+        const first = startOfPeriod(new Date(thursday.getFullYear(), 0, 4), 'week');
+        const weeks = Math.round((Date.UTC(monday.getFullYear(), monday.getMonth(), monday.getDate()) - Date.UTC(first.getFullYear(), first.getMonth(), first.getDate())) / 604800000);
+        return `${thursday.getFullYear()}-W${String(weeks + 1).padStart(2, '0')}`;
+    }
+    return dateKey(date);
+}
+function withinPeriod(date, mode, min, max) {
+    const time = startOfPeriod(date, mode).getTime();
+    return Number.isFinite(time) && (!min || time >= startOfPeriod(min, mode).getTime()) && (!max || time <= startOfPeriod(max, mode).getTime());
+}
+function shiftCalendar(date, mode, amount) {
+    if ('year' === mode) return new Date(date.getFullYear() + 12 * amount, 0, 1);
+    if ('month' === mode || 'quarter' === mode) return new Date(date.getFullYear() + amount, 0, 1);
+    return shiftMonth(date, amount);
+}
+function CalendarPanel({ value, values, onChange, picker = 'date', minDate, maxDate, visibleDate, onVisibleChange, autoFocus, range, hoverDate, onHover, headerExtra, showOutsideDays = true, disabledDate, cellRender, showToday = false }) {
+    const { locale, messages, weekStartsOn, direction } = useLeafConfig();
+    const initial = value ?? minDate ?? new Date();
+    const [view, setView] = useState('year' === picker || 'month' === picker || 'quarter' === picker ? picker : 'date');
+    useEffect(()=>{
+        setView('year' === picker || 'month' === picker || 'quarter' === picker ? picker : 'date');
+    }, [
+        picker
+    ]);
+    const [internalVisible, setInternalVisible] = useState(initial);
+    const visible = visibleDate ?? internalVisible;
+    const [active, setActive] = useState(initial);
+    const root = useRef(null);
+    const grid = useRef(null);
+    const previousVisible = useRef(visible.getTime());
+    const transitionDirection = Math.sign(visible.getTime() - previousVisible.current) * ('rtl' === direction ? -1 : 1);
+    const period = 'year' === view ? Math.floor(visible.getFullYear() / 12) : 'date' === view ? `${visible.getFullYear()}-${visible.getMonth()}` : visible.getFullYear();
+    useContentTransition(root, view, 0, true);
+    useContentTransition(grid, `${view}:${period}`, transitionDirection);
+    useEffect(()=>{
+        previousVisible.current = visible.getTime();
+    }, [
+        visible
+    ]);
+    const focusRequested = useRef(false);
+    const valueTime = value?.getTime();
+    const controlledVisible = void 0 !== visibleDate;
+    useEffect(()=>{
+        if (void 0 !== valueTime) {
+            const next = new Date(valueTime);
+            setActive(next);
+            if (!controlledVisible) setInternalVisible(next);
+        }
+    }, [
+        valueTime,
+        controlledVisible
+    ]);
+    useEffect(()=>{
+        if (autoFocus) focusRequested.current = true;
+    }, [
+        autoFocus
+    ]);
+    useEffect(()=>{
+        if (focusRequested.current) {
+            root.current?.querySelector('[data-active="true"]:not(:disabled)')?.focus();
+            focusRequested.current = false;
+        }
+    }, [
+        active,
+        view,
+        visible,
+        autoFocus
+    ]);
+    const setVisible = (date)=>{
+        if (onVisibleChange) onVisibleChange(date);
+        else setInternalVisible(date);
+    };
+    const decade = 12 * Math.floor(visible.getFullYear() / 12);
+    const cells = 'year' === view ? Array.from({
+        length: 12
+    }, (_, i)=>new Date(decade + i, 0, 1)) : 'quarter' === view ? Array.from({
+        length: 4
+    }, (_, i)=>new Date(visible.getFullYear(), 3 * i, 1)) : 'month' === view ? Array.from({
+        length: 12
+    }, (_, i)=>new Date(visible.getFullYear(), i, 1)) : calendarDays(visible, weekStartsOn);
+    const cellMode = 'date' === view ? 'datetime' === picker ? 'date' : picker : view;
+    const selecting = view === picker || 'date' === view && ('week' === picker || 'datetime' === picker);
+    const focusableCells = cells.filter((date)=>(showOutsideDays || 'date' !== view || date.getMonth() === visible.getMonth()) && withinPeriod(date, cellMode, minDate, maxDate) && !(selecting && disabledDate?.(date)));
+    const activeCell = focusableCells.find((date)=>'date' === view ? sameDate(date, active) : startOfPeriod(date, cellMode).getTime() === startOfPeriod(active, cellMode).getTime()) ?? focusableCells[0];
+    const samePeriod = (date, candidate)=>Boolean(candidate && startOfPeriod(date, cellMode).getTime() === startOfPeriod(candidate, cellMode).getTime());
+    const choose = (date)=>{
+        if ('year' === view && 'year' !== picker) {
+            setVisible(date);
+            setActive(date);
+            setView('quarter' === picker ? 'quarter' : 'month');
+            focusRequested.current = true;
+        } else if ('month' === view && 'month' !== picker) {
+            setVisible(date);
+            setActive(date);
+            setView('date');
+            focusRequested.current = true;
+        } else onChange(startOfPeriod(date, 'datetime' === picker ? 'date' : picker));
+    };
+    const move = (date, event)=>{
+        const next = new Date(date);
+        const delta = event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : event.key === ('rtl' === direction ? 'ArrowLeft' : 'ArrowRight') ? 1 : 'ArrowUp' === event.key ? 'date' === view ? -7 : -3 : 'ArrowDown' === event.key ? 'date' === view ? 7 : 3 : 0;
+        if (delta) if ('date' === view) next.setDate(next.getDate() + delta);
+        else if ('month' === view) next.setMonth(next.getMonth() + delta);
+        else if ('quarter' === view) next.setMonth(next.getMonth() + 3 * delta);
+        else next.setFullYear(next.getFullYear() + delta);
+        else if ('Home' === event.key || 'End' === event.key) if ('date' === view) next.setDate(next.getDate() + ('Home' === event.key ? -((next.getDay() - weekStartsOn + 7) % 7) : 6 - (next.getDay() - weekStartsOn + 7) % 7));
+        else next.setTime(('Home' === event.key ? cells[0] : cells.at(-1))?.getTime() ?? next.getTime());
+        else {
+            if ('PageUp' !== event.key && 'PageDown' !== event.key) return;
+            const sign = 'PageUp' === event.key ? -1 : 1;
+            if ('date' === view) {
+                const month = shiftMonth(next, sign);
+                next.setTime(new Date(month.getFullYear(), month.getMonth(), Math.min(next.getDate(), new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate())).getTime());
+            } else next.setFullYear(next.getFullYear() + sign * ('year' === view ? 12 : 1));
+        }
+        event.preventDefault();
+        if (minDate && next < startOfPeriod(minDate, cellMode)) next.setTime(startOfPeriod(minDate, cellMode).getTime());
+        if (maxDate && next > startOfPeriod(maxDate, cellMode)) next.setTime(startOfPeriod(maxDate, cellMode).getTime());
+        if (selecting && disabledDate?.(next)) {
+            const step = delta || ('End' === event.key || 'PageDown' === event.key ? 1 : -1);
+            let attempts = 0;
+            while(disabledDate(next) && attempts < 366){
+                if ('date' === view) next.setDate(next.getDate() + step);
+                else if ('month' === view) next.setMonth(next.getMonth() + step);
+                else if ('quarter' === view) next.setMonth(next.getMonth() + 3 * step);
+                else next.setFullYear(next.getFullYear() + step);
+                if (!withinPeriod(next, cellMode, minDate, maxDate)) return;
+                attempts += 1;
+            }
+            if (disabledDate(next)) return;
+        }
+        setVisible(next);
+        setActive(next);
+        focusRequested.current = true;
+        onHover?.(next);
+    };
+    const navigate = (direction)=>{
+        const next = 'date' === view ? shiftMonth(visible, direction) : new Date(visible.getFullYear() + direction * ('year' === view ? 12 : 1), visible.getMonth(), 1);
+        const nextActive = new Date(next);
+        if ('date' === view) nextActive.setDate(Math.min(active.getDate(), new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate()));
+        setVisible(next);
+        setActive(nextActive);
+    };
+    const periodNames = [
+        range?.[0],
+        range?.[1] ?? (range?.[0] ? hoverDate : null)
+    ];
+    const times = periodNames.filter((date)=>Boolean(date)).map((date)=>startOfPeriod(date, cellMode).getTime());
+    const start = 2 === times.length ? Math.min(...times) : void 0;
+    const end = 2 === times.length ? Math.max(...times) : void 0;
+    return /*#__PURE__*/ jsxs("div", {
+        ref: root,
+        "data-view": view,
+        className: classes('leaf-calendar', range && 'leaf-calendar--range'),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-date-picker__header",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-date-picker__nav",
+                        "aria-label": 'date' === view ? messages.previousMonth : 'month' === view ? messages.previousYear : messages.previousYears,
+                        onClick: ()=>navigate(-1),
+                        children: /*#__PURE__*/ jsx(ChevronLeft, {
+                            size: 16,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-calendar__headings",
+                        "aria-live": "polite",
+                        children: [
+                            'date' === view && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "leaf-calendar__heading",
+                                "aria-label": messages.month,
+                                onClick: ()=>setView('month'),
+                                children: new Intl.DateTimeFormat(locale, {
+                                    month: 'short'
+                                }).format(visible)
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "leaf-calendar__heading",
+                                "aria-label": 'year' === view ? void 0 : messages.year,
+                                disabled: 'year' === view,
+                                onClick: ()=>setView('year'),
+                                children: 'year' === view ? `${decade} – ${decade + 11}` : visible.getFullYear()
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-date-picker__nav",
+                        "aria-label": 'date' === view ? messages.nextMonth : 'month' === view ? messages.nextYear : messages.nextYears,
+                        onClick: ()=>navigate(1),
+                        children: /*#__PURE__*/ jsx(ChevronRight, {
+                            size: 16,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    showToday && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-calendar__today",
+                        onClick: ()=>{
+                            const today = new Date();
+                            setVisible(today);
+                            setActive(today);
+                        },
+                        children: messages.today
+                    }),
+                    null != headerExtra && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-calendar__extra",
+                        children: headerExtra
+                    })
+                ]
+            }),
+            'date' === view && /*#__PURE__*/ jsx("div", {
+                className: "leaf-calendar__weekdays",
+                children: Array.from({
+                    length: 7
+                }, (_, index)=>messages.weekdays[(index + weekStartsOn + 6) % 7] ?? String(index)).map((day)=>/*#__PURE__*/ jsx("span", {
+                        children: day
+                    }, day))
+            }),
+            /*#__PURE__*/ jsx("fieldset", {
+                ref: grid,
+                className: classes('leaf-calendar__cells', 'date' !== view && 'leaf-calendar__cells--coarse'),
+                "aria-label": 'date' === view ? formatMonthLabel(visible, locale) : String(visible.getFullYear()),
+                children: cells.map((date)=>{
+                    const outside = 'date' === view && date.getMonth() !== visible.getMonth();
+                    if (outside && !showOutsideDays) return /*#__PURE__*/ jsx("span", {
+                        className: "leaf-calendar__cell"
+                    }, dateKey(date));
+                    const time = startOfPeriod(date, cellMode).getTime();
+                    const checked = range ? range.some((endpoint)=>samePeriod(date, endpoint)) : values ? values.some((value)=>samePeriod(date, value)) : samePeriod(date, value);
+                    const hovered = Boolean(range?.[0] && !range[1] && samePeriod(date, hoverDate));
+                    const isActive = Boolean(activeCell && ('date' === view ? sameDate(date, activeCell) : samePeriod(date, activeCell)));
+                    const between = void 0 !== start && void 0 !== end && time >= start && time <= end;
+                    return /*#__PURE__*/ jsx("span", {
+                        className: classes('leaf-calendar__cell', between && start !== end && 'leaf-calendar__cell--range', between && time === start && 'leaf-calendar__cell--start', between && time === end && 'leaf-calendar__cell--end'),
+                        children: /*#__PURE__*/ jsxs("button", {
+                            type: "button",
+                            "data-active": isActive,
+                            "data-day": dateKey(date),
+                            "data-range-hover": hovered || void 0,
+                            tabIndex: isActive ? 0 : -1,
+                            "aria-label": 'date' === view ? dateKey(date) : 'month' === view ? dateKey(date).slice(0, 7) : 'quarter' === view ? periodKey(date, 'quarter') : String(date.getFullYear()),
+                            "aria-pressed": checked,
+                            "aria-current": sameDate(date, new Date()) ? 'date' : void 0,
+                            disabled: !withinPeriod(date, cellMode, minDate, maxDate) || Boolean(selecting && disabledDate?.(date)),
+                            className: classes('leaf-date-picker__day', outside && 'leaf-date-picker__day--outside', (checked || hovered) && 'leaf-date-picker__day--selected'),
+                            onMouseEnter: ()=>{
+                                if (withinPeriod(date, cellMode, minDate, maxDate) && !(selecting && disabledDate?.(date))) onHover?.(date);
+                            },
+                            onClick: ()=>choose(date),
+                            onKeyDown: (event)=>move(date, event),
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-calendar__cell-label",
+                                    children: 'date' === view ? date.getDate() : 'month' === view ? new Intl.DateTimeFormat(locale, {
+                                        month: 'short'
+                                    }).format(date) : 'quarter' === view ? `Q${Math.floor(date.getMonth() / 3) + 1}` : date.getFullYear()
+                                }),
+                                cellRender && selecting && /*#__PURE__*/ jsx("span", {
+                                    className: "leaf-calendar__cell-content",
+                                    children: cellRender(date)
+                                })
+                            ]
+                        })
+                    }, dateKey(date));
+                })
+            })
+        ]
+    });
+}
+export { CalendarPanel, dateTimeKey, periodKey, shiftCalendar, startOfPeriod, withinPeriod };
+
+//# sourceMappingURL=calendar.js.map

package/dist/esm/shared/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/calendar.js","sources":["../../../src/shared/calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { type KeyboardEvent, type ReactNode, useEffect, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from './classes';\nimport { calendarDays, dateKey, formatMonthLabel, sameDate, shiftMonth } from './date';\nimport { useContentTransition } from './presence';\n\nexport type CalendarMode = 'year' | 'quarter' | 'month' | 'week' | 'date' | 'datetime';\nexport function startOfPeriod(date: Date, mode: CalendarMode) {\n  const next = new Date(date);\n  next.setMilliseconds(0);\n  if (mode !== 'datetime') next.setHours(0, 0, 0, 0);\n  if (mode === 'year') next.setMonth(0, 1);\n  if (mode === 'month') next.setDate(1);\n  if (mode === 'quarter') next.setMonth(Math.floor(next.getMonth() / 3) * 3, 1);\n  if (mode === 'week') next.setDate(next.getDate() - ((next.getDay() + 6) % 7));\n  return next;\n}\nexport function dateTimeKey(date: Date, showSeconds = true) {\n  return (\n    dateKey(date) +\n    ' ' +\n    [date.getHours(), date.getMinutes(), ...(showSeconds ? [date.getSeconds()] : [])]\n      .map((n) => String(n).padStart(2, '0'))\n      .join(':')\n  );\n}\nexport function periodKey(date: Date, mode: CalendarMode) {\n  if (mode === 'year') return String(date.getFullYear());\n  if (mode === 'month') return dateKey(date).slice(0, 7);\n  if (mode === 'quarter') return `${date.getFullYear()}-Q${Math.floor(date.getMonth() / 3) + 1}`;\n  if (mode === 'datetime') return dateTimeKey(date);\n  if (mode === 'week') {\n    const monday = startOfPeriod(date, 'week');\n    const thursday = new Date(monday);\n    thursday.setDate(monday.getDate() + 3);\n    const first = startOfPeriod(new Date(thursday.getFullYear(), 0, 4), 'week');\n    const weeks = Math.round(\n      (Date.UTC(monday.getFullYear(), monday.getMonth(), monday.getDate()) -\n        Date.UTC(first.getFullYear(), first.getMonth(), first.getDate())) /\n        604800000,\n    );\n    return `${thursday.getFullYear()}-W${String(weeks + 1).padStart(2, '0')}`;\n  }\n  return dateKey(date);\n}\nexport function withinPeriod(date: Date, mode: CalendarMode, min?: Date, max?: Date) {\n  const time = startOfPeriod(date, mode).getTime();\n  return (\n    Number.isFinite(time) &&\n    (!min || time >= startOfPeriod(min, mode).getTime()) &&\n    (!max || time <= startOfPeriod(max, mode).getTime())\n  );\n}\nexport function shiftCalendar(date: Date, mode: CalendarMode, amount: number) {\n  if (mode === 'year') return new Date(date.getFullYear() + amount * 12, 0, 1);\n  if (mode === 'month' || mode === 'quarter') return new Date(date.getFullYear() + amount, 0, 1);\n  return shiftMonth(date, amount);\n}\ninterface CalendarPanelProps {\n  value?: Date | null;\n  values?: readonly Date[];\n  onChange: (date: Date) => void;\n  picker?: CalendarMode;\n  minDate?: Date;\n  maxDate?: Date;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  autoFocus?: boolean;\n  range?: readonly [Date | null, Date | null];\n  hoverDate?: Date | null;\n  onHover?: (date: Date) => void;\n  headerExtra?: ReactNode;\n  showOutsideDays?: boolean;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  showToday?: boolean;\n}\nexport function CalendarPanel({\n  value,\n  values,\n  onChange,\n  picker = 'date',\n  minDate,\n  maxDate,\n  visibleDate,\n  onVisibleChange,\n  autoFocus,\n  range,\n  hoverDate,\n  onHover,\n  headerExtra,\n  showOutsideDays = true,\n  disabledDate,\n  cellRender,\n  showToday = false,\n}: CalendarPanelProps) {\n  const { locale, messages, weekStartsOn, direction } = useLeafConfig();\n  const initial = value ?? minDate ?? new Date();\n  const [view, setView] = useState<'year' | 'quarter' | 'month' | 'date'>(\n    picker === 'year' || picker === 'month' || picker === 'quarter' ? picker : 'date',\n  );\n  useEffect(() => {\n    setView(picker === 'year' || picker === 'month' || picker === 'quarter' ? picker : 'date');\n  }, [picker]);\n  const [internalVisible, setInternalVisible] = useState(initial);\n  const visible = visibleDate ?? internalVisible;\n  const [active, setActive] = useState(initial);\n  const root = useRef<HTMLDivElement>(null);\n  const grid = useRef<HTMLFieldSetElement>(null);\n  const previousVisible = useRef(visible.getTime());\n  const transitionDirection =\n    Math.sign(visible.getTime() - previousVisible.current) * (direction === 'rtl' ? -1 : 1);\n  const period =\n    view === 'year'\n      ? Math.floor(visible.getFullYear() / 12)\n      : view === 'date'\n        ? `${visible.getFullYear()}-${visible.getMonth()}`\n        : visible.getFullYear();\n  useContentTransition(root, view, 0, true);\n  useContentTransition(grid, `${view}:${period}`, transitionDirection);\n  useEffect(() => {\n    previousVisible.current = visible.getTime();\n  }, [visible]);\n  const focusRequested = useRef(false);\n  const valueTime = value?.getTime();\n  const controlledVisible = visibleDate !== undefined;\n  useEffect(() => {\n    if (valueTime !== undefined) {\n      const next = new Date(valueTime);\n      setActive(next);\n      if (!controlledVisible) setInternalVisible(next);\n    }\n  }, [valueTime, controlledVisible]);\n  useEffect(() => {\n    if (autoFocus) focusRequested.current = true;\n  }, [autoFocus]);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Only keyboard navigation requests focus, not hover or selection changes.\n  useEffect(() => {\n    if (focusRequested.current) {\n      root.current\n        ?.querySelector<HTMLButtonElement>('[data-active=\"true\"]:not(:disabled)')\n        ?.focus();\n      focusRequested.current = false;\n    }\n  }, [active, view, visible, autoFocus]);\n  const setVisible = (date: Date) => {\n    if (onVisibleChange) onVisibleChange(date);\n    else setInternalVisible(date);\n  };\n  const decade = Math.floor(visible.getFullYear() / 12) * 12;\n  const cells =\n    view === 'year'\n      ? Array.from({ length: 12 }, (_, i) => new Date(decade + i, 0, 1))\n      : view === 'quarter'\n        ? Array.from({ length: 4 }, (_, i) => new Date(visible.getFullYear(), i * 3, 1))\n        : view === 'month'\n          ? Array.from({ length: 12 }, (_, i) => new Date(visible.getFullYear(), i, 1))\n          : calendarDays(visible, weekStartsOn);\n  const cellMode = view === 'date' ? (picker === 'datetime' ? 'date' : picker) : view;\n  const selecting =\n    view === picker || (view === 'date' && (picker === 'week' || picker === 'datetime'));\n  const focusableCells = cells.filter(\n    (date) =>\n      (showOutsideDays || view !== 'date' || date.getMonth() === visible.getMonth()) &&\n      withinPeriod(date, cellMode, minDate, maxDate) &&\n      !(selecting && disabledDate?.(date)),\n  );\n  const activeCell =\n    focusableCells.find((date) =>\n      view === 'date'\n        ? sameDate(date, active)\n        : startOfPeriod(date, cellMode).getTime() === startOfPeriod(active, cellMode).getTime(),\n    ) ?? focusableCells[0];\n  const samePeriod = (date: Date, candidate?: Date | null) =>\n    Boolean(\n      candidate &&\n        startOfPeriod(date, cellMode).getTime() === startOfPeriod(candidate, cellMode).getTime(),\n    );\n  const choose = (date: Date) => {\n    if (view === 'year' && picker !== 'year') {\n      setVisible(date);\n      setActive(date);\n      setView(picker === 'quarter' ? 'quarter' : 'month');\n      focusRequested.current = true;\n    } else if (view === 'month' && picker !== 'month') {\n      setVisible(date);\n      setActive(date);\n      setView('date');\n      focusRequested.current = true;\n    } else onChange(startOfPeriod(date, picker === 'datetime' ? 'date' : picker));\n  };\n  const move = (date: Date, event: KeyboardEvent<HTMLButtonElement>) => {\n    const next = new Date(date);\n    const delta =\n      event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n        ? -1\n        : event.key === (direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight')\n          ? 1\n          : event.key === 'ArrowUp'\n            ? view === 'date'\n              ? -7\n              : -3\n            : event.key === 'ArrowDown'\n              ? view === 'date'\n                ? 7\n                : 3\n              : 0;\n    if (delta) {\n      if (view === 'date') next.setDate(next.getDate() + delta);\n      else if (view === 'month') next.setMonth(next.getMonth() + delta);\n      else if (view === 'quarter') next.setMonth(next.getMonth() + delta * 3);\n      else next.setFullYear(next.getFullYear() + delta);\n    } else if (event.key === 'Home' || event.key === 'End') {\n      if (view === 'date')\n        next.setDate(\n          next.getDate() +\n            (event.key === 'Home'\n              ? -((next.getDay() - weekStartsOn + 7) % 7)\n              : 6 - ((next.getDay() - weekStartsOn + 7) % 7)),\n        );\n      else\n        next.setTime((event.key === 'Home' ? cells[0] : cells.at(-1))?.getTime() ?? next.getTime());\n    } else if (event.key === 'PageUp' || event.key === 'PageDown') {\n      const sign = event.key === 'PageUp' ? -1 : 1;\n      if (view === 'date') {\n        const month = shiftMonth(next, sign);\n        next.setTime(\n          new Date(\n            month.getFullYear(),\n            month.getMonth(),\n            Math.min(\n              next.getDate(),\n              new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate(),\n            ),\n          ).getTime(),\n        );\n      } else next.setFullYear(next.getFullYear() + sign * (view === 'year' ? 12 : 1));\n    } else return;\n    event.preventDefault();\n    if (minDate && next < startOfPeriod(minDate, cellMode))\n      next.setTime(startOfPeriod(minDate, cellMode).getTime());\n    if (maxDate && next > startOfPeriod(maxDate, cellMode))\n      next.setTime(startOfPeriod(maxDate, cellMode).getTime());\n    if (selecting && disabledDate?.(next)) {\n      const step = delta || (event.key === 'End' || event.key === 'PageDown' ? 1 : -1);\n      let attempts = 0;\n      while (disabledDate(next) && attempts < 366) {\n        if (view === 'date') next.setDate(next.getDate() + step);\n        else if (view === 'month') next.setMonth(next.getMonth() + step);\n        else if (view === 'quarter') next.setMonth(next.getMonth() + step * 3);\n        else next.setFullYear(next.getFullYear() + step);\n        if (!withinPeriod(next, cellMode, minDate, maxDate)) return;\n        attempts += 1;\n      }\n      if (disabledDate(next)) return;\n    }\n    setVisible(next);\n    setActive(next);\n    focusRequested.current = true;\n    onHover?.(next);\n  };\n  const navigate = (direction: number) => {\n    const next =\n      view === 'date'\n        ? shiftMonth(visible, direction)\n        : new Date(\n            visible.getFullYear() + direction * (view === 'year' ? 12 : 1),\n            visible.getMonth(),\n            1,\n          );\n    const nextActive = new Date(next);\n    if (view === 'date')\n      nextActive.setDate(\n        Math.min(active.getDate(), new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate()),\n      );\n    setVisible(next);\n    setActive(nextActive);\n  };\n  const periodNames = [range?.[0], range?.[1] ?? (range?.[0] ? hoverDate : null)] as const;\n  const times = periodNames\n    .filter((date): date is Date => Boolean(date))\n    .map((date) => startOfPeriod(date, cellMode).getTime());\n  const start = times.length === 2 ? Math.min(...times) : undefined;\n  const end = times.length === 2 ? Math.max(...times) : undefined;\n  return (\n    <div\n      ref={root}\n      data-view={view}\n      className={classes('leaf-calendar', range && 'leaf-calendar--range')}\n    >\n      <div className=\"leaf-date-picker__header\">\n        <button\n          type=\"button\"\n          className=\"leaf-date-picker__nav\"\n          aria-label={\n            view === 'date'\n              ? messages.previousMonth\n              : view === 'month'\n                ? messages.previousYear\n                : messages.previousYears\n          }\n          onClick={() => navigate(-1)}\n        >\n          <ChevronLeft size={16} aria-hidden=\"true\" />\n        </button>\n        <div className=\"leaf-calendar__headings\" aria-live=\"polite\">\n          {view === 'date' && (\n            <button\n              type=\"button\"\n              className=\"leaf-calendar__heading\"\n              aria-label={messages.month}\n              onClick={() => setView('month')}\n            >\n              {new Intl.DateTimeFormat(locale, { month: 'short' }).format(visible)}\n            </button>\n          )}\n          <button\n            type=\"button\"\n            className=\"leaf-calendar__heading\"\n            aria-label={view === 'year' ? undefined : messages.year}\n            disabled={view === 'year'}\n            onClick={() => setView('year')}\n          >\n            {view === 'year' ? `${decade} – ${decade + 11}` : visible.getFullYear()}\n          </button>\n        </div>\n        <button\n          type=\"button\"\n          className=\"leaf-date-picker__nav\"\n          aria-label={\n            view === 'date'\n              ? messages.nextMonth\n              : view === 'month'\n                ? messages.nextYear\n                : messages.nextYears\n          }\n          onClick={() => navigate(1)}\n        >\n          <ChevronRight size={16} aria-hidden=\"true\" />\n        </button>\n        {showToday && (\n          <button\n            type=\"button\"\n            className=\"leaf-calendar__today\"\n            onClick={() => {\n              const today = new Date();\n              setVisible(today);\n              setActive(today);\n            }}\n          >\n            {messages.today}\n          </button>\n        )}\n        {headerExtra != null && <span className=\"leaf-calendar__extra\">{headerExtra}</span>}\n      </div>\n      {view === 'date' && (\n        <div className=\"leaf-calendar__weekdays\">\n          {Array.from(\n            { length: 7 },\n            (_, index) => messages.weekdays[(index + weekStartsOn + 6) % 7] ?? String(index),\n          ).map((day) => (\n            <span key={day}>{day}</span>\n          ))}\n        </div>\n      )}\n      <fieldset\n        ref={grid}\n        className={classes(\n          'leaf-calendar__cells',\n          view !== 'date' && 'leaf-calendar__cells--coarse',\n        )}\n        aria-label={\n          view === 'date' ? formatMonthLabel(visible, locale) : String(visible.getFullYear())\n        }\n      >\n        {cells.map((date) => {\n          const outside = view === 'date' && date.getMonth() !== visible.getMonth();\n          if (outside && !showOutsideDays)\n            return <span key={dateKey(date)} className=\"leaf-calendar__cell\" />;\n          const time = startOfPeriod(date, cellMode).getTime();\n          const checked = range\n            ? range.some((endpoint) => samePeriod(date, endpoint))\n            : values\n              ? values.some((value) => samePeriod(date, value))\n              : samePeriod(date, value);\n          const hovered = Boolean(range?.[0] && !range[1] && samePeriod(date, hoverDate));\n          const isActive = Boolean(\n            activeCell &&\n              (view === 'date' ? sameDate(date, activeCell) : samePeriod(date, activeCell)),\n          );\n          const between = start !== undefined && end !== undefined && time >= start && time <= end;\n          return (\n            <span\n              key={dateKey(date)}\n              className={classes(\n                'leaf-calendar__cell',\n                between && start !== end && 'leaf-calendar__cell--range',\n                between && time === start && 'leaf-calendar__cell--start',\n                between && time === end && 'leaf-calendar__cell--end',\n              )}\n            >\n              <button\n                type=\"button\"\n                data-active={isActive}\n                data-day={dateKey(date)}\n                data-range-hover={hovered || undefined}\n                tabIndex={isActive ? 0 : -1}\n                aria-label={\n                  view === 'date'\n                    ? dateKey(date)\n                    : view === 'month'\n                      ? dateKey(date).slice(0, 7)\n                      : view === 'quarter'\n                        ? periodKey(date, 'quarter')\n                        : String(date.getFullYear())\n                }\n                aria-pressed={checked}\n                aria-current={sameDate(date, new Date()) ? 'date' : undefined}\n                disabled={\n                  !withinPeriod(date, cellMode, minDate, maxDate) ||\n                  Boolean(selecting && disabledDate?.(date))\n                }\n                className={classes(\n                  'leaf-date-picker__day',\n                  outside && 'leaf-date-picker__day--outside',\n                  (checked || hovered) && 'leaf-date-picker__day--selected',\n                )}\n                onMouseEnter={() => {\n                  if (\n                    withinPeriod(date, cellMode, minDate, maxDate) &&\n                    !(selecting && disabledDate?.(date))\n                  )\n                    onHover?.(date);\n                }}\n                onClick={() => choose(date)}\n                onKeyDown={(event) => move(date, event)}\n              >\n                <span className=\"leaf-calendar__cell-label\">\n                  {view === 'date'\n                    ? date.getDate()\n                    : view === 'month'\n                      ? new Intl.DateTimeFormat(locale, { month: 'short' }).format(date)\n                      : view === 'quarter'\n                        ? `Q${Math.floor(date.getMonth() / 3) + 1}`\n                        : date.getFullYear()}\n                </span>\n                {cellRender && selecting && (\n                  <span className=\"leaf-calendar__cell-content\">{cellRender(date)}</span>\n                )}\n              </button>\n            </span>\n          );\n        })}\n      </fieldset>\n    </div>\n  );\n}\n"],"names":["startOfPeriod","date","mode","next","Date","Math","dateTimeKey","showSeconds","dateKey","n","String","periodKey","monday","thursday","first","weeks","withinPeriod","min","max","time","Number","shiftCalendar","amount","shiftMonth","CalendarPanel","value","values","onChange","picker","minDate","maxDate","visibleDate","onVisibleChange","autoFocus","range","hoverDate","onHover","headerExtra","showOutsideDays","disabledDate","cellRender","showToday","locale","messages","weekStartsOn","direction","useLeafConfig","initial","view","setView","useState","useEffect","internalVisible","setInternalVisible","visible","active","setActive","root","useRef","grid","previousVisible","transitionDirection","period","useContentTransition","focusRequested","valueTime","controlledVisible","undefined","setVisible","decade","cells","Array","_","i","calendarDays","cellMode","selecting","focusableCells","activeCell","sameDate","samePeriod","candidate","Boolean","choose","move","event","delta","sign","month","step","attempts","navigate","nextActive","periodNames","times","start","end","classes","ChevronLeft","Intl","ChevronRight","today","index","day","formatMonthLabel","outside","checked","endpoint","hovered","isActive","between"],"mappings":"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"}

package/dist/esm/shared/classes.d.ts

@@ -0,0 +1,2 @@
+export declare function classes(...values: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=classes.d.ts.map

package/dist/esm/shared/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../../src/shared/classes.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,UAEvE"}

package/dist/esm/shared/classes.js

@@ -0,0 +1,7 @@
+"use client";
+function classes(...values) {
+    return values.filter(Boolean).join(' ');
+}
+export { classes };
+
+//# sourceMappingURL=classes.js.map

package/dist/esm/shared/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/classes.js","sources":["../../../src/shared/classes.ts"],"sourcesContent":["export function classes(...values: (string | false | null | undefined)[]) {\n  return values.filter(Boolean).join(' ');\n}\n"],"names":["classes","values","Boolean"],"mappings":";AAAO,SAASA,QAAQ,GAAGC,MAA6C;IACtE,OAAOA,OAAO,MAAM,CAACC,SAAS,IAAI,CAAC;AACrC"}

package/dist/esm/shared/clear-button.d.ts

@@ -0,0 +1,6 @@
+export declare function ClearButton({ label, onClear, beforeArrow, }: {
+    label: string;
+    onClear: () => void;
+    beforeArrow?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=clear-button.d.ts.map

package/dist/esm/shared/clear-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-button.d.ts","sourceRoot":"","sources":["../../../src/shared/clear-button.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,WAAmB,GACpB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,+BAWA"}

package/dist/esm/shared/clear-button.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { classes } from "./classes.js";
+function ClearButton({ label, onClear, beforeArrow = false }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        "aria-label": label,
+        className: classes('leaf-picker-clear', beforeArrow && 'leaf-picker-clear--before-arrow'),
+        onClick: onClear,
+        children: /*#__PURE__*/ jsx(X, {
+            size: 13,
+            "aria-hidden": "true"
+        })
+    });
+}
+export { ClearButton };
+
+//# sourceMappingURL=clear-button.js.map

package/dist/esm/shared/clear-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/clear-button.js","sources":["../../../src/shared/clear-button.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { classes } from './classes';\n\nexport function ClearButton({\n  label,\n  onClear,\n  beforeArrow = false,\n}: {\n  label: string;\n  onClear: () => void;\n  beforeArrow?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      className={classes('leaf-picker-clear', beforeArrow && 'leaf-picker-clear--before-arrow')}\n      onClick={onClear}\n    >\n      <X size={13} aria-hidden=\"true\" />\n    </button>\n  );\n}\n"],"names":["ClearButton","label","onClear","beforeArrow","classes","X"],"mappings":";;;;AAGO,SAASA,YAAY,EAC1BC,KAAK,EACLC,OAAO,EACPC,cAAc,KAAK,EAKpB;IACC,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,cAAYF;QACZ,WAAWG,QAAQ,qBAAqBD,eAAe;QACvD,SAASD;kBAET,kBAACG,GAACA;YAAC,MAAM;YAAI,eAAY;;;AAG/B"}

package/dist/esm/shared/date-format.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type DateFormat = string | ((date: Date) => string);
+export interface DatePreset<T = Date> {
+    key?: string;
+    label: ReactNode;
+    value: T | (() => T);
+}
+export declare function formatPickerDate(date: Date, format: DateFormat | undefined, fallback: (date: Date) => string): string;
+export declare function parsePickerDate(text: string, format: DateFormat | undefined, fallback: (text: string) => Date | null, parse?: (text: string) => Date | null): Date | null;
+//# sourceMappingURL=date-format.d.ts.map

package/dist/esm/shared/date-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.d.ts","sourceRoot":"","sources":["../../../src/shared/date-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;AAC3D,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,IAAI;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CACtB;AACD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,UAgBjC;AACD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,EACvC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,IAAI,eAoCtC"}