@bigbinary/neeto-atoms 1.0.55 → 1.0.57

package/dist/TimePickerPanel--KDX5QwS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPanel--KDX5QwS.js","sources":["../src/hooks/useControlledOpen.ts","../src/hooks/useCursorRestore.ts","../src/hooks/useOutsideClickClose.ts","../src/utils/inputMask.ts","../src/components/TimePicker/constants.ts","../src/components/TimePicker/utils.ts","../src/components/TimePicker/TimeColumn.tsx","../src/components/TimePicker/TimePickerPanel.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\n/** Manages popover open state, supporting both controlled and uncontrolled modes. */\nexport function useControlledOpen(\n  controlledOpen: boolean | undefined,\n  onOpenChange?: (open: boolean) => void\n): { open: boolean; setOpen: (next: boolean) => void } {\n  const [internalOpen, setInternalOpen] = useState(false);\n\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  return { open, setOpen };\n}\n","import { MutableRefObject, RefObject, useLayoutEffect } from \"react\";\n\ntype CursorTarget = {\n  inputRef: RefObject<HTMLInputElement | null>;\n  cursorRef: MutableRefObject<number | null>;\n};\n\n/** Restores cursor selection range on the active input after each render, then clears the stored position. */\nexport function useCursorRestore(targets: CursorTarget[]): void {\n  useLayoutEffect(() => {\n    for (const { inputRef, cursorRef } of targets) {\n      const inputEl = inputRef.current;\n      const cursor = cursorRef.current;\n\n      if (cursor !== null && inputEl && document.activeElement === inputEl) {\n        inputEl.setSelectionRange(cursor, cursor);\n        cursorRef.current = null;\n      }\n    }\n  });\n}\n","import { RefObject, useEffect } from \"react\";\n\n/** Calls onClose when a pointerdown occurs outside both the container ref and a popover element. */\nexport function useOutsideClickClose({\n  enabled,\n  containerRef,\n  popoverElementId,\n  onClose,\n}: {\n  enabled: boolean;\n  containerRef: RefObject<HTMLElement | null>;\n  popoverElementId: string;\n  onClose: () => void;\n}): void {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handlePointerDown = (e: PointerEvent) => {\n      const target = e.target as HTMLElement;\n      if (containerRef.current?.contains(target)) return;\n\n      const popoverEl = document.getElementById(popoverElementId);\n      if (popoverEl?.contains(target)) return;\n\n      onClose();\n    };\n\n    document.addEventListener(\"pointerdown\", handlePointerDown);\n\n    return () => document.removeEventListener(\"pointerdown\", handlePointerDown);\n  }, [enabled, containerRef, popoverElementId, onClose]);\n}\n","export interface MaskTemplate {\n  pattern: string;\n  hasAmPm: boolean;\n}\n\nconst FORMAT_CHARS = new Set([\"d\", \"M\", \"y\", \"H\", \"h\", \"m\", \"s\"]);\n\nconst DIGIT = /\\d/;\nconst AMPM_CHAR = /[APM]/;\nconst VALID_CHAR = /[\\dAPM]/i;\n\nconst isSlot = (ch: string) => ch === \"#\" || ch === \"@\";\n\nconst isValidChar = (ch: string, hasAmPm: boolean) =>\n  DIGIT.test(ch) || (hasAmPm && AMPM_CHAR.test(ch));\n\n/**\n * Convert a display format string into a mask template.\n *\n * Format chars (d, M, y, H, h, m, s) → digit slots (#).\n * A (from AA) → ampm letter slots (@).\n * Everything else → literal separators.\n *\n * Examples:\n *   \"dd/MM/yyyy\" → \"##/##/####\"\n *   \"hh:mm AA\"   → \"##:## @@\"\n */\nexport const buildMaskTemplate = (format: string): MaskTemplate => {\n  let pattern = \"\";\n  let hasAmPm = false;\n\n  for (const char of format) {\n    if (FORMAT_CHARS.has(char)) {\n      pattern += \"#\";\n    } else if (char === \"A\") {\n      pattern += \"@\";\n      hasAmPm = true;\n    } else {\n      pattern += char;\n    }\n  }\n\n  return { pattern, hasAmPm };\n};\n\n/**\n * Build a range mask template: two single-date templates joined by \" - \".\n */\nexport const buildRangeMaskTemplate = (format: string): MaskTemplate => {\n  const single = buildMaskTemplate(format);\n\n  return {\n    pattern: `${single.pattern} - ${single.pattern}`,\n    hasAmPm: single.hasAmPm,\n  };\n};\n\n// Tokens like MMM/MMMM produce textual output (month names), not digits.\nconst TEXTUAL_WHEN_LONG = new Set([\"M\", \"d\"]);\n\n/**\n * Check if a format string uses only fixed-width numeric tokens (dd, MM, yyyy, etc).\n * Returns false for single-char tokens (d, M) and textual tokens (MMM, MMMM).\n */\nexport const isFixedWidthFormat = (format: string): boolean => {\n  let i = 0;\n  while (i < format.length) {\n    const char = format[i];\n    if (!FORMAT_CHARS.has(char)) {\n      i++;\n      continue;\n    }\n\n    let count = 0;\n    while (i + count < format.length && format[i + count] === char) count++;\n\n    if (count === 1) return false;\n    if (count >= 3 && TEXTUAL_WHEN_LONG.has(char)) return false;\n\n    i += count;\n  }\n\n  return true;\n};\n\nconst findDeletionPoint = (prev: string, input: string): number => {\n  for (let i = 0; i < prev.length; i++) {\n    if (i >= input.length || input[i] !== prev[i]) return i;\n  }\n\n  return prev.length - 1;\n};\n\nconst hasDigitsAfter = (\n  text: string,\n  pos: number,\n  pattern: string\n): boolean => {\n  for (let i = pos + 1; i < text.length && i < pattern.length; i++) {\n    if (isSlot(pattern[i]) && text[i] !== \"_\") return true;\n  }\n\n  return false;\n};\n\nconst countValidBefore = (\n  text: string,\n  pos: number,\n  hasAmPm: boolean\n): number => {\n  let count = 0;\n  for (let i = 0; i < pos && i < text.length; i++) {\n    if (isValidChar(text[i].toUpperCase(), hasAmPm)) count++;\n  }\n\n  return count;\n};\n\nconst extractWithPattern = (text: string, pattern: string): string[] => {\n  const chars: string[] = [];\n  const upper = text.toUpperCase();\n  let pIdx = 0;\n\n  for (let i = 0; i < upper.length; i++) {\n    const ch = upper[i];\n    while (pIdx < pattern.length && !isSlot(pattern[pIdx])) pIdx++;\n    if (pIdx >= pattern.length) break;\n\n    if (pattern[pIdx] === \"#\" && DIGIT.test(ch)) {\n      chars.push(ch);\n      pIdx++;\n    } else if (pattern[pIdx] === \"@\" && AMPM_CHAR.test(ch)) {\n      chars.push(ch);\n      pIdx++;\n    }\n  }\n\n  return chars;\n};\n\nconst rebuildFromChars = (validChars: string[], pattern: string): string => {\n  let result = \"\";\n  let charIdx = 0;\n\n  for (let i = 0; i < pattern.length && charIdx < validChars.length; i++) {\n    if (!isSlot(pattern[i])) continue;\n\n    result += validChars[charIdx];\n    charIdx++;\n\n    let nextSlot = i + 1;\n    while (nextSlot < pattern.length && !isSlot(pattern[nextSlot])) nextSlot++;\n\n    const hasMoreChars = charIdx < validChars.length;\n    const hasMoreSlots = nextSlot < pattern.length;\n\n    if (hasMoreChars || hasMoreSlots) {\n      for (let s = i + 1; s < nextSlot; s++) result += pattern[s];\n    }\n\n    if (hasMoreChars) i = nextSlot - 1;\n  }\n\n  return result;\n};\n\nconst stripTrailingSeparators = (text: string): string => {\n  let end = text.length;\n  while (end > 0 && !VALID_CHAR.test(text[end - 1])) end--;\n\n  return text.slice(0, end);\n};\n\nconst cursorSlotToDisplayPos = (\n  result: string,\n  cursorSlot: number,\n  pattern: string,\n  skipSeparators: boolean\n): number => {\n  if (cursorSlot <= 0) return 0;\n\n  let slotsFound = 0;\n  for (let i = 0; i < result.length; i++) {\n    if (!VALID_CHAR.test(result[i])) continue;\n\n    slotsFound++;\n    if (slotsFound !== cursorSlot) continue;\n\n    let pos = i + 1;\n    if (skipSeparators) {\n      while (\n        pos < result.length &&\n        pos < pattern.length &&\n        !isSlot(pattern[pos])\n      ) {\n        pos++;\n      }\n    }\n\n    return pos;\n  }\n\n  return result.length;\n};\n\nconst isValidForSlot = (ch: string, slotChar: string): boolean =>\n  slotChar === \"#\"\n    ? DIGIT.test(ch)\n    : slotChar === \"@\"\n      ? AMPM_CHAR.test(ch)\n      : false;\n\n/**\n * Apply the mask template to raw input text.\n *\n * - Auto-inserts separators as the user types.\n * - When the mask is full, typing in the middle replaces the digit at cursor.\n * - Backspacing in the middle replaces the digit with '_' placeholder\n *   instead of shifting subsequent digits.\n * - AM/PM auto-completes: typing \"A\" or \"P\" expands to \"AM\" or \"PM\".\n */\nexport const applyMask = (\n  inputText: string,\n  template: MaskTemplate,\n  previousText = \"\",\n  nativeCursorPos?: number | null\n): { text: string; cursorPosition: number } => {\n  const { pattern, hasAmPm } = template;\n\n  if (!inputText) return { text: \"\", cursorPosition: 0 };\n\n  const isDeleting = inputText.length < previousText.length;\n\n  // When backspacing from a full mask, replace the deleted digit with '_'\n  // instead of shifting. This keeps other fields (day/month/year) intact.\n  if (isDeleting && previousText.length >= pattern.length) {\n    const delPos = findDeletionPoint(previousText, inputText);\n\n    if (\n      !hasDigitsAfter(previousText, delPos, pattern) ||\n      delPos >= pattern.length\n    ) {\n      // Deletion at or near the end — fall through to normal rebuild\n    } else if (isSlot(pattern[delPos])) {\n      return {\n        text:\n          previousText.substring(0, delPos) +\n          \"_\" +\n          previousText.substring(delPos + 1),\n        cursorPosition: delPos,\n      };\n    } else {\n      // Separator deleted — restore it\n      return { text: previousText, cursorPosition: delPos };\n    }\n  }\n\n  const totalSlots = [...pattern].filter(isSlot).length;\n  const slotPatternPositions = [...pattern].reduce<number[]>(\n    (acc, ch, i) => (isSlot(ch) ? [...acc, i] : acc),\n    []\n  );\n\n  const cursorInInput = nativeCursorPos ?? inputText.length;\n  const cursorSlot = countValidBefore(inputText, cursorInInput, hasAmPm);\n  const prevChars = extractWithPattern(previousText, pattern);\n  let validChars: string[];\n\n  // Replace mode: single char typed on a full mask replaces the digit at cursor.\n  const isSingleCharInsert =\n    !isDeleting &&\n    prevChars.length >= totalSlots &&\n    inputText.length - previousText.length === 1;\n\n  if (isSingleCharInsert) {\n    const insertSlot = cursorSlot - 1;\n    const typedChar = inputText[cursorInInput - 1]?.toUpperCase() ?? \"\";\n    const slotChar =\n      slotPatternPositions[insertSlot] != null\n        ? pattern[slotPatternPositions[insertSlot]]\n        : null;\n\n    if (!slotChar || !isValidForSlot(typedChar, slotChar)) {\n      return {\n        text: previousText,\n        cursorPosition: Math.min(cursorInInput, previousText.length),\n      };\n    }\n\n    validChars = [...prevChars];\n    validChars[insertSlot] = typedChar;\n  } else {\n    validChars = extractWithPattern(inputText, pattern).slice(0, totalSlots);\n  }\n\n  let result = rebuildFromChars(validChars, pattern);\n\n  if (isDeleting) {\n    result = stripTrailingSeparators(result);\n  }\n\n  if (hasAmPm && !isDeleting) {\n    const ampmStart = pattern.indexOf(\"@\");\n    if (ampmStart >= 0 && result.length > ampmStart) {\n      const ampmPortion = result.slice(ampmStart);\n      if (ampmPortion === \"A\") result = result.slice(0, ampmStart) + \"AM\";\n      else if (ampmPortion === \"P\") result = result.slice(0, ampmStart) + \"PM\";\n    }\n  }\n\n  return {\n    text: result,\n    cursorPosition: cursorSlotToDisplayPos(\n      result,\n      cursorSlot,\n      pattern,\n      !isDeleting\n    ),\n  };\n};\n","export const COLUMN_HEIGHT = 224;\nexport const ITEM_HEIGHT = 32;\nexport const PERIODS = [\"AM\", \"PM\"] as const;\n\nexport const SIZE_CONFIG = {\n  small: {\n    trigger: \"h-8 md:h-7\",\n    input: \"text-base md:text-xs\",\n    icon: \"size-3.5\",\n  },\n  medium: {\n    trigger: \"h-8\",\n    input: \"text-base md:text-sm\",\n    icon: \"size-4\",\n  },\n  large: {\n    trigger: \"h-10\",\n    input: \"text-base md:text-sm\",\n    icon: \"size-5\",\n  },\n} as const;\n","import pureDayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport type { Dayjs } from \"dayjs\";\nimport { dayjs } from \"@bigbinary/neeto-commons-frontend/utils\";\n\nimport type { TimeValue } from \"./types\";\n\npureDayjs.extend(customParseFormat);\n\nexport const generateRange = (\n  start: number,\n  end: number,\n  step = 1\n): number[] => {\n  const result: number[] = [];\n  for (let i = start; i <= end; i += step) {\n    result.push(i);\n  }\n\n  return result;\n};\n\nexport const to12Hour = (\n  hour24: number\n): { hour12: number; period: \"AM\" | \"PM\" } => {\n  const period = hour24 >= 12 ? \"PM\" : \"AM\";\n  const hour12 = hour24 % 12 || 12;\n\n  return { hour12, period };\n};\n\nexport const to24Hour = (hour12: number, period: \"AM\" | \"PM\"): number => {\n  if (period === \"AM\") {\n    return hour12 === 12 ? 0 : hour12;\n  }\n\n  return hour12 === 12 ? 12 : hour12 + 12;\n};\n\nexport const dateToTimeValue = (date: Date): TimeValue => ({\n  hours: date.getHours(),\n  minutes: date.getMinutes(),\n  seconds: date.getSeconds(),\n});\n\nexport const coerceToTimeValue = (\n  value: TimeValue | Date | null | undefined\n): TimeValue | null => {\n  if (!value) return null;\n  if (value instanceof Date) return dateToTimeValue(value);\n\n  const dayjsLike = value as {\n    toDate?: () => Date;\n    hour?: () => number;\n    minute?: () => number;\n    second?: () => number;\n  };\n\n  if (typeof dayjsLike.hour === \"function\") {\n    return {\n      hours: dayjsLike.hour!(),\n      minutes: dayjsLike.minute!(),\n      seconds: dayjsLike.second?.() ?? 0,\n    };\n  }\n\n  if (typeof dayjsLike.toDate === \"function\") {\n    return dateToTimeValue(dayjsLike.toDate());\n  }\n\n  const timeValue = value as TimeValue;\n\n  return {\n    hours: timeValue.hours,\n    minutes: timeValue.minutes,\n    seconds: timeValue.seconds ?? 0,\n  };\n};\n\nexport const timeValueEquals = (\n  a: TimeValue | null,\n  b: TimeValue | null\n): boolean => {\n  if (a === null && b === null) return true;\n  if (!a || !b) return false;\n\n  return (\n    a.hours === b.hours &&\n    a.minutes === b.minutes &&\n    (a.seconds ?? 0) === (b.seconds ?? 0)\n  );\n};\n\nexport const getDefaultTimeMaskFormat = (\n  format: \"12\" | \"24\",\n  showSeconds: boolean\n): string => {\n  if (format === \"12\") return showSeconds ? \"hh:mm:ss AA\" : \"hh:mm AA\";\n\n  return showSeconds ? \"HH:mm:ss\" : \"HH:mm\";\n};\n\nexport const getTimePlaceholder = (\n  format: \"12\" | \"24\",\n  showSeconds: boolean,\n  displayFormat?: string\n): string => displayFormat ?? getDefaultTimeMaskFormat(format, showSeconds);\n\nexport const padNumber = (num: number, length = 2): string =>\n  String(num).padStart(length, \"0\");\n\nexport const formatTimeDisplay = (\n  time: TimeValue | null,\n  format: \"12\" | \"24\",\n  showSeconds: boolean\n): string => {\n  if (!time) return \"\";\n\n  if (format === \"12\") {\n    const { hour12, period } = to12Hour(time.hours);\n    const parts = [padNumber(hour12), padNumber(time.minutes)];\n    if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n    return `${parts.join(\":\")} ${period}`;\n  }\n\n  const parts = [padNumber(time.hours), padNumber(time.minutes)];\n  if (showSeconds) parts.push(padNumber(time.seconds ?? 0));\n\n  return parts.join(\":\");\n};\n\nexport const parseTimeString = (\n  input: string,\n  format: \"12\" | \"24\"\n): TimeValue | null => {\n  const trimmed = input.trim();\n  if (!trimmed) return null;\n\n  if (format === \"12\") {\n    const match = trimmed.match(\n      /^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?\\s*(AM|PM)$/i\n    );\n    if (!match) return null;\n\n    const hour12 = parseInt(match[1], 10);\n    const minutes = parseInt(match[2], 10);\n    const seconds = match[3] ? parseInt(match[3], 10) : 0;\n    const period = match[4].toUpperCase() as \"AM\" | \"PM\";\n\n    if (hour12 < 1 || hour12 > 12 || minutes > 59 || seconds > 59) return null;\n\n    return { hours: to24Hour(hour12, period), minutes, seconds };\n  }\n\n  const match = trimmed.match(/^(\\d{1,2}):(\\d{1,2})(?::(\\d{1,2}))?$/);\n  if (!match) return null;\n\n  const hours = parseInt(match[1], 10);\n  const minutes = parseInt(match[2], 10);\n  const seconds = match[3] ? parseInt(match[3], 10) : 0;\n\n  if (hours > 23 || minutes > 59 || seconds > 59) return null;\n\n  return { hours, minutes, seconds };\n};\n\n/**\n * Format a TimeValue using a dayjs-style format string (e.g. \"h:mm A\").\n */\nexport const formatTimeWithPattern = (\n  time: TimeValue | null,\n  pattern: string\n): string => {\n  if (!time) return \"\";\n\n  return pureDayjs(\"2000-01-01T00:00:00\")\n    .hour(time.hours)\n    .minute(time.minutes)\n    .second(time.seconds ?? 0)\n    .format(pattern);\n};\n\n/**\n * Parse a time string against a dayjs-style format pattern.\n * Returns null if the string does not match the pattern.\n */\nexport const parseTimeWithPattern = (\n  input: string,\n  pattern: string\n): TimeValue | null => {\n  const trimmed = input.trim();\n  if (!trimmed) return null;\n\n  const parsed = pureDayjs(trimmed, pattern, true);\n  if (!parsed.isValid()) return null;\n\n  return {\n    hours: parsed.hour(),\n    minutes: parsed.minute(),\n    seconds: parsed.second(),\n  };\n};\n\n/**\n * Convert TimeValue to a timezone-aware Dayjs.\n * Formats in browser-local time, then reparses through timezone-aware dayjs.\n */\nexport const timeValueToDayjs = (time: TimeValue): Dayjs => {\n  const h = padNumber(time.hours);\n  const m = padNumber(time.minutes);\n  const s = padNumber(time.seconds ?? 0);\n  const today = dayjs(new Date()).format(\"YYYY-MM-DD\");\n\n  return dayjs(`${today} ${h}:${m}:${s}`);\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { Button } from \"src/primitives/Button\";\nimport { ScrollArea } from \"src/primitives/ScrollArea\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { COLUMN_HEIGHT, ITEM_HEIGHT } from \"./constants\";\nimport { padNumber } from \"./utils\";\n\ninterface TimeColumnProps {\n  items: (number | string)[];\n  selected: number | string;\n  onSelect: (value: number | string) => void;\n  disabled?: boolean;\n  className?: string;\n  padStart?: number;\n}\n\nconst TimeColumn: React.FC<TimeColumnProps> = ({\n  items,\n  selected,\n  onSelect,\n  disabled = false,\n  className,\n  padStart = 2,\n}) => {\n  const selectedRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (selectedRef.current) {\n      selectedRef.current.scrollIntoView({\n        block: \"center\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [selected]);\n\n  return (\n    <ScrollArea\n      className={cn(\"w-16\", className)}\n      style={{ height: COLUMN_HEIGHT }}\n    >\n      <div\n        className=\"flex flex-col items-center py-2\"\n        role=\"listbox\"\n        aria-label=\"Time selection\"\n      >\n        {items.map(item => {\n          const isSelected = item === selected;\n          const displayValue =\n            typeof item === \"number\" ? padNumber(item, padStart) : item;\n\n          return (\n            <Button\n              key={item}\n              ref={isSelected ? selectedRef : undefined}\n              variant={isSelected ? \"default\" : \"ghost\"}\n              size=\"sm\"\n              role=\"option\"\n              aria-selected={isSelected}\n              disabled={disabled}\n              className={cn(\n                \"w-12 justify-center font-mono text-sm\",\n                !isSelected && \"text-muted-foreground\"\n              )}\n              style={{ height: ITEM_HEIGHT }}\n              onClick={() => onSelect(item)}\n            >\n              {displayValue}\n            </Button>\n          );\n        })}\n      </div>\n    </ScrollArea>\n  );\n};\n\nTimeColumn.displayName = \"TimeColumn\";\n\nexport { TimeColumn };\n","import { forwardRef, useCallback, useEffect, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { PERIODS } from \"./constants\";\nimport { TimeColumn } from \"./TimeColumn\";\nimport type { TimePickerPanelProps, TimeValue } from \"./types\";\nimport { generateRange, to12Hour, to24Hour } from \"./utils\";\n\nconst TimePickerPanel = forwardRef<HTMLDivElement, TimePickerPanelProps>(\n  (\n    {\n      value,\n      onChange,\n      format = \"24\",\n      showSeconds = false,\n      minuteStep = 1,\n      secondStep = 1,\n      disabled = false,\n      className,\n    },\n    ref\n  ) => {\n    const getInitialTime = useCallback(\n      (): TimeValue => ({\n        hours: value?.hours ?? 0,\n        minutes: value?.minutes ?? 0,\n        seconds: value?.seconds ?? 0,\n      }),\n      [value]\n    );\n\n    const [internalTime, setInternalTime] = useState<TimeValue>(getInitialTime);\n\n    useEffect(() => {\n      setInternalTime(getInitialTime());\n    }, [getInitialTime]);\n\n    const hours = format === \"12\" ? generateRange(1, 12) : generateRange(0, 23);\n    const minutes = generateRange(0, 59, minuteStep);\n    const seconds = generateRange(0, 59, secondStep);\n\n    const { hour12, period } =\n      format === \"12\"\n        ? to12Hour(internalTime.hours)\n        : { hour12: internalTime.hours, period: \"AM\" as const };\n\n    const handleHourSelect = (hourValue: number | string) => {\n      const hour = Number(hourValue);\n      const newHours = format === \"12\" ? to24Hour(hour, period) : hour;\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleMinuteSelect = (minuteValue: number | string) => {\n      const newTime = { ...internalTime, minutes: Number(minuteValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handleSecondSelect = (secondValue: number | string) => {\n      const newTime = { ...internalTime, seconds: Number(secondValue) };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    const handlePeriodSelect = (newPeriod: number | string) => {\n      const newHours = to24Hour(hour12, newPeriod as \"AM\" | \"PM\");\n      const newTime = { ...internalTime, hours: newHours };\n      setInternalTime(newTime);\n      onChange?.(newTime);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex\", className)}\n        role=\"group\"\n        aria-label=\"Time picker\"\n      >\n        <TimeColumn\n          items={hours}\n          selected={format === \"12\" ? hour12 : internalTime.hours}\n          onSelect={handleHourSelect}\n          disabled={disabled}\n        />\n        <div className=\"border-inline-end border-border\" />\n        <TimeColumn\n          items={minutes}\n          selected={internalTime.minutes}\n          onSelect={handleMinuteSelect}\n          disabled={disabled}\n        />\n        {showSeconds && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={seconds}\n              selected={internalTime.seconds ?? 0}\n              onSelect={handleSecondSelect}\n              disabled={disabled}\n            />\n          </>\n        )}\n        {format === \"12\" && (\n          <>\n            <div className=\"border-inline-end border-border\" />\n            <TimeColumn\n              items={[...PERIODS]}\n              selected={period}\n              onSelect={handlePeriodSelect}\n              disabled={disabled}\n              padStart={0}\n            />\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nTimePickerPanel.displayName = \"TimePickerPanel\";\n\nexport { TimePickerPanel };\n"],"names":["parts","match","minutes","seconds"],"mappings":";;;;;;;;;AAGO,SAAS,iBAAA,CACd,gBACA,YAAA,EACqD;AACrD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,IAAA,GAAO,eAAe,cAAA,GAAiB,YAAA;AAE7C,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACd,CAAC,IAAA,KAAkB;AACjB,MAAA,IAAI,CAAC,YAAA,EAAc,eAAA,CAAgB,IAAI,CAAA;AACvC,MAAA,YAAA,GAAe,IAAI,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,OAAO,EAAE,MAAM,OAAA,EAAQ;AACzB;;ACbO,SAAS,iBAAiB,OAAA,EAA+B;AAC9D,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,KAAA,MAAW,EAAE,QAAA,EAAU,SAAA,EAAU,IAAK,OAAA,EAAS;AAC7C,MAAA,MAAM,UAAU,QAAA,CAAS,OAAA;AACzB,MAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AAEzB,MAAA,IAAI,MAAA,KAAW,IAAA,IAAQ,OAAA,IAAW,QAAA,CAAS,kBAAkB,OAAA,EAAS;AACpE,QAAA,OAAA,CAAQ,iBAAA,CAAkB,QAAQ,MAAM,CAAA;AACxC,QAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AAAA,MACtB;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AACH;;ACjBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,EAKS;AACP,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,iBAAA,GAAoB,CAAC,CAAA,KAAoB;AAC7C,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,YAAA,CAAa,OAAA,EAAS,QAAA,CAAS,MAAM,CAAA,EAAG;AAE5C,MAAA,MAAM,SAAA,GAAY,QAAA,CAAS,cAAA,CAAe,gBAAgB,CAAA;AAC1D,MAAA,IAAI,SAAA,EAAW,QAAA,CAAS,MAAM,CAAA,EAAG;AAEjC,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAEA,IAAA,QAAA,CAAS,gBAAA,CAAiB,eAAe,iBAAiB,CAAA;AAE1D,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,aAAA,EAAe,iBAAiB,CAAA;AAAA,EAC5E,GAAG,CAAC,OAAA,EAAS,YAAA,EAAc,gBAAA,EAAkB,OAAO,CAAC,CAAA;AACvD;;AC1BA,MAAM,YAAA,mBAAe,IAAI,GAAA,CAAI,CAAC,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAG,CAAC,CAAA;AAEhE,MAAM,KAAA,GAAQ,IAAA;AACd,MAAM,SAAA,GAAY,OAAA;AAClB,MAAM,UAAA,GAAa,UAAA;AAEnB,MAAM,MAAA,GAAS,CAAC,EAAA,KAAe,EAAA,KAAO,OAAO,EAAA,KAAO,GAAA;AAEpD,MAAM,WAAA,GAAc,CAAC,EAAA,EAAY,OAAA,KAC/B,KAAA,CAAM,IAAA,CAAK,EAAE,CAAA,IAAM,OAAA,IAAW,SAAA,CAAU,IAAA,CAAK,EAAE,CAAA;AAa1C,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAAiC;AACjE,EAAA,IAAI,OAAA,GAAU,EAAA;AACd,EAAA,IAAI,OAAA,GAAU,KAAA;AAEd,EAAA,KAAA,MAAW,QAAQ,MAAA,EAAQ;AACzB,IAAA,IAAI,YAAA,CAAa,GAAA,CAAI,IAAI,CAAA,EAAG;AAC1B,MAAA,OAAA,IAAW,GAAA;AAAA,IACb,CAAA,MAAA,IAAW,SAAS,GAAA,EAAK;AACvB,MAAA,OAAA,IAAW,GAAA;AACX,MAAA,OAAA,GAAU,IAAA;AAAA,IACZ,CAAA,MAAO;AACL,MAAA,OAAA,IAAW,IAAA;AAAA,IACb;AAAA,EACF;AAEA,EAAA,OAAO,EAAE,SAAS,OAAA,EAAQ;AAC5B;AAKO,MAAM,sBAAA,GAAyB,CAAC,MAAA,KAAiC;AACtE,EAAA,MAAM,MAAA,GAAS,kBAAkB,MAAM,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,SAAS,CAAA,EAAG,MAAA,CAAO,OAAO,CAAA,GAAA,EAAM,OAAO,OAAO,CAAA,CAAA;AAAA,IAC9C,SAAS,MAAA,CAAO;AAAA,GAClB;AACF;AAGA,MAAM,oCAAoB,IAAI,GAAA,CAAI,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAMrC,MAAM,kBAAA,GAAqB,CAAC,MAAA,KAA4B;AAC7D,EAAA,IAAI,CAAA,GAAI,CAAA;AACR,EAAA,OAAO,CAAA,GAAI,OAAO,MAAA,EAAQ;AACxB,IAAA,MAAM,IAAA,GAAO,OAAO,CAAC,CAAA;AACrB,IAAA,IAAI,CAAC,YAAA,CAAa,GAAA,CAAI,IAAI,CAAA,EAAG;AAC3B,MAAA,CAAA,EAAA;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,OAAO,CAAA,GAAI,QAAQ,MAAA,CAAO,MAAA,IAAU,OAAO,CAAA,GAAI,KAAK,MAAM,IAAA,EAAM,KAAA,EAAA;AAEhE,IAAA,IAAI,KAAA,KAAU,GAAG,OAAO,KAAA;AACxB,IAAA,IAAI,SAAS,CAAA,IAAK,iBAAA,CAAkB,GAAA,CAAI,IAAI,GAAG,OAAO,KAAA;AAEtD,IAAA,CAAA,IAAK,KAAA;AAAA,EACP;AAEA,EAAA,OAAO,IAAA;AACT;AAEA,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAc,KAAA,KAA0B;AACjE,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,IAAA,CAAK,QAAQ,CAAA,EAAA,EAAK;AACpC,IAAA,IAAI,CAAA,IAAK,MAAM,MAAA,IAAU,KAAA,CAAM,CAAC,CAAA,KAAM,IAAA,CAAK,CAAC,CAAA,EAAG,OAAO,CAAA;AAAA,EACxD;AAEA,EAAA,OAAO,KAAK,MAAA,GAAS,CAAA;AACvB,CAAA;AAEA,MAAM,cAAA,GAAiB,CACrB,IAAA,EACA,GAAA,EACA,OAAA,KACY;AACZ,EAAA,KAAA,IAAS,CAAA,GAAI,MAAM,CAAA,EAAG,CAAA,GAAI,KAAK,MAAA,IAAU,CAAA,GAAI,OAAA,CAAQ,MAAA,EAAQ,CAAA,EAAA,EAAK;AAChE,IAAA,IAAI,MAAA,CAAO,QAAQ,CAAC,CAAC,KAAK,IAAA,CAAK,CAAC,CAAA,KAAM,GAAA,EAAK,OAAO,IAAA;AAAA,EACpD;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAEA,MAAM,gBAAA,GAAmB,CACvB,IAAA,EACA,GAAA,EACA,OAAA,KACW;AACX,EAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,EAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,OAAO,CAAA,GAAI,IAAA,CAAK,QAAQ,CAAA,EAAA,EAAK;AAC/C,IAAA,IAAI,YAAY,IAAA,CAAK,CAAC,EAAE,WAAA,EAAY,EAAG,OAAO,CAAA,EAAG,KAAA,EAAA;AAAA,EACnD;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAEA,MAAM,kBAAA,GAAqB,CAAC,IAAA,EAAc,OAAA,KAA8B;AACtE,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,MAAM,KAAA,GAAQ,KAAK,WAAA,EAAY;AAC/B,EAAA,IAAI,IAAA,GAAO,CAAA;AAEX,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,KAAA,CAAM,QAAQ,CAAA,EAAA,EAAK;AACrC,IAAA,MAAM,EAAA,GAAK,MAAM,CAAC,CAAA;AAClB,IAAA,OAAO,IAAA,GAAO,QAAQ,MAAA,IAAU,CAAC,OAAO,OAAA,CAAQ,IAAI,CAAC,CAAA,EAAG,IAAA,EAAA;AACxD,IAAA,IAAI,IAAA,IAAQ,QAAQ,MAAA,EAAQ;AAE5B,IAAA,IAAI,QAAQ,IAAI,CAAA,KAAM,OAAO,KAAA,CAAM,IAAA,CAAK,EAAE,CAAA,EAAG;AAC3C,MAAA,KAAA,CAAM,KAAK,EAAE,CAAA;AACb,MAAA,IAAA,EAAA;AAAA,IACF,CAAA,MAAA,IAAW,QAAQ,IAAI,CAAA,KAAM,OAAO,SAAA,CAAU,IAAA,CAAK,EAAE,CAAA,EAAG;AACtD,MAAA,KAAA,CAAM,KAAK,EAAE,CAAA;AACb,MAAA,IAAA,EAAA;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,UAAA,EAAsB,OAAA,KAA4B;AAC1E,EAAA,IAAI,MAAA,GAAS,EAAA;AACb,EAAA,IAAI,OAAA,GAAU,CAAA;AAEd,EAAA,KAAA,IAAS,CAAA,GAAI,GAAG,CAAA,GAAI,OAAA,CAAQ,UAAU,OAAA,GAAU,UAAA,CAAW,QAAQ,CAAA,EAAA,EAAK;AACtE,IAAA,IAAI,CAAC,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAG;AAEzB,IAAA,MAAA,IAAU,WAAW,OAAO,CAAA;AAC5B,IAAA,OAAA,EAAA;AAEA,IAAA,IAAI,WAAW,CAAA,GAAI,CAAA;AACnB,IAAA,OAAO,QAAA,GAAW,QAAQ,MAAA,IAAU,CAAC,OAAO,OAAA,CAAQ,QAAQ,CAAC,CAAA,EAAG,QAAA,EAAA;AAEhE,IAAA,MAAM,YAAA,GAAe,UAAU,UAAA,CAAW,MAAA;AAC1C,IAAA,MAAM,YAAA,GAAe,WAAW,OAAA,CAAQ,MAAA;AAExC,IAAA,IAAI,gBAAgB,YAAA,EAAc;AAChC,MAAA,KAAA,IAAS,CAAA,GAAI,IAAI,CAAA,EAAG,CAAA,GAAI,UAAU,CAAA,EAAA,EAAK,MAAA,IAAU,QAAQ,CAAC,CAAA;AAAA,IAC5D;AAEA,IAAA,IAAI,YAAA,MAAkB,QAAA,GAAW,CAAA;AAAA,EACnC;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAEA,MAAM,uBAAA,GAA0B,CAAC,IAAA,KAAyB;AACxD,EAAA,IAAI,MAAM,IAAA,CAAK,MAAA;AACf,EAAA,OAAO,GAAA,GAAM,KAAK,CAAC,UAAA,CAAW,KAAK,IAAA,CAAK,GAAA,GAAM,CAAC,CAAC,CAAA,EAAG,GAAA,EAAA;AAEnD,EAAA,OAAO,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,GAAG,CAAA;AAC1B,CAAA;AAEA,MAAM,sBAAA,GAAyB,CAC7B,MAAA,EACA,UAAA,EACA,SACA,cAAA,KACW;AACX,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,CAAA;AAE5B,EAAA,IAAI,UAAA,GAAa,CAAA;AACjB,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,MAAA,CAAO,QAAQ,CAAA,EAAA,EAAK;AACtC,IAAA,IAAI,CAAC,UAAA,CAAW,IAAA,CAAK,MAAA,CAAO,CAAC,CAAC,CAAA,EAAG;AAEjC,IAAA,UAAA,EAAA;AACA,IAAA,IAAI,eAAe,UAAA,EAAY;AAE/B,IAAA,IAAI,MAAM,CAAA,GAAI,CAAA;AACd,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,OACE,GAAA,GAAM,MAAA,CAAO,MAAA,IACb,GAAA,GAAM,OAAA,CAAQ,MAAA,IACd,CAAC,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAC,CAAA,EACpB;AACA,QAAA,GAAA,EAAA;AAAA,MACF;AAAA,IACF;AAEA,IAAA,OAAO,GAAA;AAAA,EACT;AAEA,EAAA,OAAO,MAAA,CAAO,MAAA;AAChB,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,EAAA,EAAY,QAAA,KAClC,aAAa,GAAA,GACT,KAAA,CAAM,IAAA,CAAK,EAAE,IACb,QAAA,KAAa,GAAA,GACX,SAAA,CAAU,IAAA,CAAK,EAAE,CAAA,GACjB,KAAA;AAWD,MAAM,YAAY,CACvB,SAAA,EACA,QAAA,EACA,YAAA,GAAe,IACf,eAAA,KAC6C;AAC7C,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAQ,GAAI,QAAA;AAE7B,EAAA,IAAI,CAAC,SAAA,EAAW,OAAO,EAAE,IAAA,EAAM,EAAA,EAAI,gBAAgB,CAAA,EAAE;AAErD,EAAA,MAAM,UAAA,GAAa,SAAA,CAAU,MAAA,GAAS,YAAA,CAAa,MAAA;AAInD,EAAA,IAAI,UAAA,IAAc,YAAA,CAAa,MAAA,IAAU,OAAA,CAAQ,MAAA,EAAQ;AACvD,IAAA,MAAM,MAAA,GAAS,iBAAA,CAAkB,YAAA,EAAc,SAAS,CAAA;AAExD,IAAA,IACE,CAAC,eAAe,YAAA,EAAc,MAAA,EAAQ,OAAO,CAAA,IAC7C,MAAA,IAAU,QAAQ,MAAA,EAClB,CAEF,MAAA,IAAW,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAC,CAAA,EAAG;AAClC,MAAA,OAAO;AAAA,QACL,IAAA,EACE,YAAA,CAAa,SAAA,CAAU,CAAA,EAAG,MAAM,IAChC,GAAA,GACA,YAAA,CAAa,SAAA,CAAU,MAAA,GAAS,CAAC,CAAA;AAAA,QACnC,cAAA,EAAgB;AAAA,OAClB;AAAA,IACF,CAAA,MAAO;AAEL,MAAA,OAAO,EAAE,IAAA,EAAM,YAAA,EAAc,cAAA,EAAgB,MAAA,EAAO;AAAA,IACtD;AAAA,EACF;AAEA,EAAA,MAAM,aAAa,CAAC,GAAG,OAAO,CAAA,CAAE,MAAA,CAAO,MAAM,CAAA,CAAE,MAAA;AAC/C,EAAA,MAAM,oBAAA,GAAuB,CAAC,GAAG,OAAO,CAAA,CAAE,MAAA;AAAA,IACxC,CAAC,GAAA,EAAK,EAAA,EAAI,CAAA,KAAO,MAAA,CAAO,EAAE,CAAA,GAAI,CAAC,GAAG,GAAA,EAAK,CAAC,CAAA,GAAI,GAAA;AAAA,IAC5C;AAAC,GACH;AAEA,EAAA,MAAM,aAAA,GAAgB,mBAAmB,SAAA,CAAU,MAAA;AACnD,EAAA,MAAM,UAAA,GAAa,gBAAA,CAAiB,SAAA,EAAW,aAAA,EAAe,OAAO,CAAA;AACrE,EAAA,MAAM,SAAA,GAAY,kBAAA,CAAmB,YAAA,EAAc,OAAO,CAAA;AAC1D,EAAA,IAAI,UAAA;AAGJ,EAAA,MAAM,kBAAA,GACJ,CAAC,UAAA,IACD,SAAA,CAAU,UAAU,UAAA,IACpB,SAAA,CAAU,MAAA,GAAS,YAAA,CAAa,MAAA,KAAW,CAAA;AAE7C,EAAA,IAAI,kBAAA,EAAoB;AACtB,IAAA,MAAM,aAAa,UAAA,GAAa,CAAA;AAChC,IAAA,MAAM,YAAY,SAAA,CAAU,aAAA,GAAgB,CAAC,CAAA,EAAG,aAAY,IAAK,EAAA;AACjE,IAAA,MAAM,QAAA,GACJ,qBAAqB,UAAU,CAAA,IAAK,OAChC,OAAA,CAAQ,oBAAA,CAAqB,UAAU,CAAC,CAAA,GACxC,IAAA;AAEN,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,cAAA,CAAe,SAAA,EAAW,QAAQ,CAAA,EAAG;AACrD,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,YAAA;AAAA,QACN,cAAA,EAAgB,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,aAAa,MAAM;AAAA,OAC7D;AAAA,IACF;AAEA,IAAA,UAAA,GAAa,CAAC,GAAG,SAAS,CAAA;AAC1B,IAAA,UAAA,CAAW,UAAU,CAAA,GAAI,SAAA;AAAA,EAC3B,CAAA,MAAO;AACL,IAAA,UAAA,GAAa,mBAAmB,SAAA,EAAW,OAAO,CAAA,CAAE,KAAA,CAAM,GAAG,UAAU,CAAA;AAAA,EACzE;AAEA,EAAA,IAAI,MAAA,GAAS,gBAAA,CAAiB,UAAA,EAAY,OAAO,CAAA;AAEjD,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,MAAA,GAAS,wBAAwB,MAAM,CAAA;AAAA,EACzC;AAEA,EAAA,IAAI,OAAA,IAAW,CAAC,UAAA,EAAY;AAC1B,IAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,OAAA,CAAQ,GAAG,CAAA;AACrC,IAAA,IAAI,SAAA,IAAa,CAAA,IAAK,MAAA,CAAO,MAAA,GAAS,SAAA,EAAW;AAC/C,MAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,CAAM,SAAS,CAAA;AAC1C,MAAA,IAAI,gBAAgB,GAAA,EAAK,MAAA,GAAS,OAAO,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,GAAI,IAAA;AAAA,WAAA,IACtD,gBAAgB,GAAA,EAAK,MAAA,GAAS,OAAO,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,GAAI,IAAA;AAAA,IACtE;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,cAAA,EAAgB,sBAAA;AAAA,MACd,MAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,CAAC;AAAA;AACH,GACF;AACF;;AC/TO,MAAM,aAAA,GAAgB,GAAA;AACtB,MAAM,WAAA,GAAc,EAAA;AACpB,MAAM,OAAA,GAAU,CAAC,IAAA,EAAM,IAAI,CAAA;AAE3B,MAAM,WAAA,GAAc;AAAA,EACzB,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,YAAA;AAAA,IACT,KAAA,EAAO,sBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,KAAA;AAAA,IACT,KAAA,EAAO,sBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,MAAA;AAAA,IACT,KAAA,EAAO,sBAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV;;ACbA,SAAA,CAAU,OAAO,iBAAiB,CAAA;AAE3B,MAAM,aAAA,GAAgB,CAC3B,KAAA,EACA,GAAA,EACA,OAAO,CAAA,KACM;AACb,EAAA,MAAM,SAAmB,EAAC;AAC1B,EAAA,KAAA,IAAS,CAAA,GAAI,KAAA,EAAO,CAAA,IAAK,GAAA,EAAK,KAAK,IAAA,EAAM;AACvC,IAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,EACf;AAEA,EAAA,OAAO,MAAA;AACT,CAAA;AAEO,MAAM,QAAA,GAAW,CACtB,MAAA,KAC4C;AAC5C,EAAA,MAAM,MAAA,GAAS,MAAA,IAAU,EAAA,GAAK,IAAA,GAAO,IAAA;AACrC,EAAA,MAAM,MAAA,GAAS,SAAS,EAAA,IAAM,EAAA;AAE9B,EAAA,OAAO,EAAE,QAAQ,MAAA,EAAO;AAC1B,CAAA;AAEO,MAAM,QAAA,GAAW,CAAC,MAAA,EAAgB,MAAA,KAAgC;AACvE,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,OAAO,MAAA,KAAW,KAAK,CAAA,GAAI,MAAA;AAAA,EAC7B;AAEA,EAAA,OAAO,MAAA,KAAW,EAAA,GAAK,EAAA,GAAK,MAAA,GAAS,EAAA;AACvC,CAAA;AAEO,MAAM,eAAA,GAAkB,CAAC,IAAA,MAA2B;AAAA,EACzD,KAAA,EAAO,KAAK,QAAA,EAAS;AAAA,EACrB,OAAA,EAAS,KAAK,UAAA,EAAW;AAAA,EACzB,OAAA,EAAS,KAAK,UAAA;AAChB,CAAA;AAEO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,KACqB;AACrB,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,IAAI,KAAA,YAAiB,IAAA,EAAM,OAAO,eAAA,CAAgB,KAAK,CAAA;AAEvD,EAAA,MAAM,SAAA,GAAY,KAAA;AAOlB,EAAA,IAAI,OAAO,SAAA,CAAU,IAAA,KAAS,UAAA,EAAY;AACxC,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,UAAU,IAAA,EAAM;AAAA,MACvB,OAAA,EAAS,UAAU,MAAA,EAAQ;AAAA,MAC3B,OAAA,EAAS,SAAA,CAAU,MAAA,IAAS,IAAK;AAAA,KACnC;AAAA,EACF;AAEA,EAAA,IAAI,OAAO,SAAA,CAAU,MAAA,KAAW,UAAA,EAAY;AAC1C,IAAA,OAAO,eAAA,CAAgB,SAAA,CAAU,MAAA,EAAQ,CAAA;AAAA,EAC3C;AAEA,EAAA,MAAM,SAAA,GAAY,KAAA;AAElB,EAAA,OAAO;AAAA,IACL,OAAO,SAAA,CAAU,KAAA;AAAA,IACjB,SAAS,SAAA,CAAU,OAAA;AAAA,IACnB,OAAA,EAAS,UAAU,OAAA,IAAW;AAAA,GAChC;AACF;AAEO,MAAM,eAAA,GAAkB,CAC7B,CAAA,EACA,CAAA,KACY;AACZ,EAAA,IAAI,CAAA,KAAM,IAAA,IAAQ,CAAA,KAAM,IAAA,EAAM,OAAO,IAAA;AACrC,EAAA,IAAI,CAAC,CAAA,IAAK,CAAC,CAAA,EAAG,OAAO,KAAA;AAErB,EAAA,OACE,CAAA,CAAE,KAAA,KAAU,CAAA,CAAE,KAAA,IACd,CAAA,CAAE,OAAA,KAAY,CAAA,CAAE,OAAA,IAAA,CACf,CAAA,CAAE,OAAA,IAAW,CAAA,OAAQ,CAAA,CAAE,OAAA,IAAW,CAAA,CAAA;AAEvC;AAEO,MAAM,wBAAA,GAA2B,CACtC,MAAA,EACA,WAAA,KACW;AACX,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,OAAO,WAAA,GAAc,aAAA,GAAgB,UAAA;AAE1D,EAAA,OAAO,cAAc,UAAA,GAAa,OAAA;AACpC;AAEO,MAAM,kBAAA,GAAqB,CAChC,MAAA,EACA,WAAA,EACA,kBACW,aAAA,IAAiB,wBAAA,CAAyB,QAAQ,WAAW;AAEnE,MAAM,SAAA,GAAY,CAAC,GAAA,EAAa,MAAA,GAAS,CAAA,KAC9C,OAAO,GAAG,CAAA,CAAE,QAAA,CAAS,MAAA,EAAQ,GAAG,CAAA;AAE3B,MAAM,iBAAA,GAAoB,CAC/B,IAAA,EACA,MAAA,EACA,WAAA,KACW;AACX,EAAA,IAAI,CAAC,MAAM,OAAO,EAAA;AAElB,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAO,GAAI,QAAA,CAAS,KAAK,KAAK,CAAA;AAC9C,IAAA,MAAMA,MAAAA,GAAQ,CAAC,SAAA,CAAU,MAAM,GAAG,SAAA,CAAU,IAAA,CAAK,OAAO,CAAC,CAAA;AACzD,IAAA,IAAI,WAAA,EAAaA,MAAAA,CAAM,IAAA,CAAK,UAAU,IAAA,CAAK,OAAA,IAAW,CAAC,CAAC,CAAA;AAExD,IAAA,OAAO,GAAGA,MAAAA,CAAM,IAAA,CAAK,GAAG,CAAC,IAAI,MAAM,CAAA,CAAA;AAAA,EACrC;AAEA,EAAA,MAAM,KAAA,GAAQ,CAAC,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA,EAAG,SAAA,CAAU,IAAA,CAAK,OAAO,CAAC,CAAA;AAC7D,EAAA,IAAI,aAAa,KAAA,CAAM,IAAA,CAAK,UAAU,IAAA,CAAK,OAAA,IAAW,CAAC,CAAC,CAAA;AAExD,EAAA,OAAO,KAAA,CAAM,KAAK,GAAG,CAAA;AACvB;AAEO,MAAM,eAAA,GAAkB,CAC7B,KAAA,EACA,MAAA,KACqB;AACrB,EAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAMC,SAAQ,OAAA,CAAQ,KAAA;AAAA,MACpB;AAAA,KACF;AACA,IAAA,IAAI,CAACA,QAAO,OAAO,IAAA;AAEnB,IAAA,MAAM,MAAA,GAAS,QAAA,CAASA,MAAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACpC,IAAA,MAAMC,QAAAA,GAAU,QAAA,CAASD,MAAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACrC,IAAA,MAAME,QAAAA,GAAUF,OAAM,CAAC,CAAA,GAAI,SAASA,MAAAA,CAAM,CAAC,CAAA,EAAG,EAAE,CAAA,GAAI,CAAA;AACpD,IAAA,MAAM,MAAA,GAASA,MAAAA,CAAM,CAAC,CAAA,CAAE,WAAA,EAAY;AAEpC,IAAA,IAAI,MAAA,GAAS,KAAK,MAAA,GAAS,EAAA,IAAMC,WAAU,EAAA,IAAMC,QAAAA,GAAU,IAAI,OAAO,IAAA;AAEtE,IAAA,OAAO,EAAE,OAAO,QAAA,CAAS,MAAA,EAAQ,MAAM,CAAA,EAAG,OAAA,EAAAD,QAAAA,EAAS,OAAA,EAAAC,QAAAA,EAAQ;AAAA,EAC7D;AAEA,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,sCAAsC,CAAA;AAClE,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AAEnB,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACnC,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACrC,EAAA,MAAM,OAAA,GAAU,MAAM,CAAC,CAAA,GAAI,SAAS,KAAA,CAAM,CAAC,CAAA,EAAG,EAAE,CAAA,GAAI,CAAA;AAEpD,EAAA,IAAI,QAAQ,EAAA,IAAM,OAAA,GAAU,EAAA,IAAM,OAAA,GAAU,IAAI,OAAO,IAAA;AAEvD,EAAA,OAAO,EAAE,KAAA,EAAO,OAAA,EAAS,OAAA,EAAQ;AACnC;AAKO,MAAM,qBAAA,GAAwB,CACnC,IAAA,EACA,OAAA,KACW;AACX,EAAA,IAAI,CAAC,MAAM,OAAO,EAAA;AAElB,EAAA,OAAO,UAAU,qBAAqB,CAAA,CACnC,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA,CACf,MAAA,CAAO,IAAA,CAAK,OAAO,EACnB,MAAA,CAAO,IAAA,CAAK,WAAW,CAAC,CAAA,CACxB,OAAO,OAAO,CAAA;AACnB;AAMO,MAAM,oBAAA,GAAuB,CAClC,KAAA,EACA,OAAA,KACqB;AACrB,EAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,OAAA,EAAS,OAAA,EAAS,IAAI,CAAA;AAC/C,EAAA,IAAI,CAAC,MAAA,CAAO,OAAA,EAAQ,EAAG,OAAO,IAAA;AAE9B,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,OAAO,IAAA,EAAK;AAAA,IACnB,OAAA,EAAS,OAAO,MAAA,EAAO;AAAA,IACvB,OAAA,EAAS,OAAO,MAAA;AAAO,GACzB;AACF;AAMO,MAAM,gBAAA,GAAmB,CAAC,IAAA,KAA2B;AAC1D,EAAA,MAAM,CAAA,GAAI,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAC9B,EAAA,MAAM,CAAA,GAAI,SAAA,CAAU,IAAA,CAAK,OAAO,CAAA;AAChC,EAAA,MAAM,CAAA,GAAI,SAAA,CAAU,IAAA,CAAK,OAAA,IAAW,CAAC,CAAA;AACrC,EAAA,MAAM,QAAQ,KAAA,iBAAM,IAAI,MAAM,CAAA,CAAE,OAAO,YAAY,CAAA;AAEnD,EAAA,OAAO,KAAA,CAAM,GAAG,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAAA;AACxC;;ACrMA,MAAM,aAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,KAAM;AACJ,EAAA,MAAM,WAAA,GAAc,OAA0B,IAAI,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAY,OAAA,EAAS;AACvB,MAAA,WAAA,CAAY,QAAQ,cAAA,CAAe;AAAA,QACjC,KAAA,EAAO,QAAA;AAAA,QACP,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,MAAA,EAAQ,aAAA,EAAc;AAAA,MAE/B,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,iCAAA;AAAA,UACV,IAAA,EAAK,SAAA;AAAA,UACL,YAAA,EAAW,gBAAA;AAAA,UAEV,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,IAAA,KAAQ;AACjB,YAAA,MAAM,aAAa,IAAA,KAAS,QAAA;AAC5B,YAAA,MAAM,eACJ,OAAO,IAAA,KAAS,WAAW,SAAA,CAAU,IAAA,EAAM,QAAQ,CAAA,GAAI,IAAA;AAEzD,YAAA,uBACE,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAEC,GAAA,EAAK,aAAa,WAAA,GAAc,MAAA;AAAA,gBAChC,OAAA,EAAS,aAAa,SAAA,GAAY,OAAA;AAAA,gBAClC,IAAA,EAAK,IAAA;AAAA,gBACL,IAAA,EAAK,QAAA;AAAA,gBACL,eAAA,EAAe,UAAA;AAAA,gBACf,QAAA;AAAA,gBACA,SAAA,EAAW,EAAA;AAAA,kBACT,uCAAA;AAAA,kBACA,CAAC,UAAA,IAAc;AAAA,iBACjB;AAAA,gBACA,KAAA,EAAO,EAAE,MAAA,EAAQ,WAAA,EAAY;AAAA,gBAC7B,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,gBAE3B,QAAA,EAAA;AAAA,eAAA;AAAA,cAdI;AAAA,aAeP;AAAA,UAEJ,CAAC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;ACpEzB,MAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA,GAAS,IAAA;AAAA,IACT,WAAA,GAAc,KAAA;AAAA,IACd,UAAA,GAAa,CAAA;AAAA,IACb,UAAA,GAAa,CAAA;AAAA,IACb,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,cAAA,GAAiB,WAAA;AAAA,MACrB,OAAkB;AAAA,QAChB,KAAA,EAAO,OAAO,KAAA,IAAS,CAAA;AAAA,QACvB,OAAA,EAAS,OAAO,OAAA,IAAW,CAAA;AAAA,QAC3B,OAAA,EAAS,OAAO,OAAA,IAAW;AAAA,OAC7B,CAAA;AAAA,MACA,CAAC,KAAK;AAAA,KACR;AAEA,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAoB,cAAc,CAAA;AAE1E,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,eAAA,CAAgB,gBAAgB,CAAA;AAAA,IAClC,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,IAAA,MAAM,KAAA,GAAQ,WAAW,IAAA,GAAO,aAAA,CAAc,GAAG,EAAE,CAAA,GAAI,aAAA,CAAc,CAAA,EAAG,EAAE,CAAA;AAC1E,IAAA,MAAM,OAAA,GAAU,aAAA,CAAc,CAAA,EAAG,EAAA,EAAI,UAAU,CAAA;AAC/C,IAAA,MAAM,OAAA,GAAU,aAAA,CAAc,CAAA,EAAG,EAAA,EAAI,UAAU,CAAA;AAE/C,IAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAO,GACrB,WAAW,IAAA,GACP,QAAA,CAAS,YAAA,CAAa,KAAK,IAC3B,EAAE,MAAA,EAAQ,YAAA,CAAa,KAAA,EAAO,QAAQ,IAAA,EAAc;AAE1D,IAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,KAA+B;AACvD,MAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,MAAA,MAAM,WAAW,MAAA,KAAW,IAAA,GAAO,QAAA,CAAS,IAAA,EAAM,MAAM,CAAA,GAAI,IAAA;AAC5D,MAAA,MAAM,OAAA,GAAU,EAAE,GAAG,YAAA,EAAc,OAAO,QAAA,EAAS;AACnD,MAAA,eAAA,CAAgB,OAAO,CAAA;AACvB,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,WAAA,KAAiC;AAC3D,MAAA,MAAM,UAAU,EAAE,GAAG,cAAc,OAAA,EAAS,MAAA,CAAO,WAAW,CAAA,EAAE;AAChE,MAAA,eAAA,CAAgB,OAAO,CAAA;AACvB,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,WAAA,KAAiC;AAC3D,MAAA,MAAM,UAAU,EAAE,GAAG,cAAc,OAAA,EAAS,MAAA,CAAO,WAAW,CAAA,EAAE;AAChE,MAAA,eAAA,CAAgB,OAAO,CAAA;AACvB,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,SAAA,KAA+B;AACzD,MAAA,MAAM,QAAA,GAAW,QAAA,CAAS,MAAA,EAAQ,SAAwB,CAAA;AAC1D,MAAA,MAAM,OAAA,GAAU,EAAE,GAAG,YAAA,EAAc,OAAO,QAAA,EAAS;AACnD,MAAA,eAAA,CAAgB,OAAO,CAAA;AACvB,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,QAC/B,IAAA,EAAK,OAAA;AAAA,QACL,YAAA,EAAW,aAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,KAAA;AAAA,cACP,QAAA,EAAU,MAAA,KAAW,IAAA,GAAO,MAAA,GAAS,YAAA,CAAa,KAAA;AAAA,cAClD,QAAA,EAAU,gBAAA;AAAA,cACV;AAAA;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EAAkC,CAAA;AAAA,0BACjD,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,KAAA,EAAO,OAAA;AAAA,cACP,UAAU,YAAA,CAAa,OAAA;AAAA,cACvB,QAAA,EAAU,kBAAA;AAAA,cACV;AAAA;AAAA,WACF;AAAA,UACC,+BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EAAkC,CAAA;AAAA,4BACjD,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,OAAA;AAAA,gBACP,QAAA,EAAU,aAAa,OAAA,IAAW,CAAA;AAAA,gBAClC,QAAA,EAAU,kBAAA;AAAA,gBACV;AAAA;AAAA;AACF,WAAA,EACF,CAAA;AAAA,UAED,MAAA,KAAW,wBACV,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iCAAA,EAAkC,CAAA;AAAA,4BACjD,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,KAAA,EAAO,CAAC,GAAG,OAAO,CAAA;AAAA,gBAClB,QAAA,EAAU,MAAA;AAAA,gBACV,QAAA,EAAU,kBAAA;AAAA,gBACV,QAAA;AAAA,gBACA,QAAA,EAAU;AAAA;AAAA;AACZ,WAAA,EACF;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;;;"}

package/dist/cjs/{Avatar-nG7vhAUS.js → Avatar-CHTb5RZ0.js}

@@ -24,6 +24,26 @@ function getInitials(name) {
   if (!name) return "";
   return name.split(/\s+/).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
 }
+function cyrb53(str, seed = 0) {
+  let h1 = 3735928559 ^ seed;
+  let h2 = 1103547991 ^ seed;
+  for (let i = 0; i < str.length; i++) {
+    const ch = str.charCodeAt(i);
+    h1 = Math.imul(h1 ^ ch, 2654435761);
+    h2 = Math.imul(h2 ^ ch, 1597334677);
+  }
+  h1 = Math.imul(h1 ^ h1 >>> 16, 2246822507) ^ Math.imul(h2 ^ h2 >>> 13, 3266489909);
+  h2 = Math.imul(h2 ^ h2 >>> 16, 2246822507) ^ Math.imul(h1 ^ h1 >>> 13, 3266489909);
+  return 4294967296 * (2097151 & h2) + (h1 >>> 0);
+}
+function getAvatarColorStyle(seed) {
+  if (!seed) return void 0;
+  const hue = cyrb53(seed) % 360;
+  return {
+    backgroundColor: `oklch(var(--avatar-l) var(--avatar-c) ${hue})`,
+    color: "var(--avatar-fg)"
+  };
+}
 
 const Avatar = React.forwardRef(
   ({
@@ -38,6 +58,8 @@ const Avatar = React.forwardRef(
     const initials = getInitials(user?.name);
     const isXl = size === "xl";
     const primitiveSize = isXl ? "lg" : size;
+    const seed = user?.id != null ? String(user.id) : user?.email?.trim().toLowerCase() || user?.name;
+    const fallbackStyle = user?.imageUrl ? void 0 : getAvatarColorStyle(seed);
     const avatarElement = /* @__PURE__ */ jsxRuntime.jsxs(
       primitives_Avatar.Avatar,
       {
@@ -47,7 +69,7 @@ const Avatar = React.forwardRef(
         ...otherProps,
         children: [
           user?.imageUrl && /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" }),
-          /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarFallback, { children: initials }),
+          /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarFallback, { style: fallbackStyle, children: initials }),
           status && /* @__PURE__ */ jsxRuntime.jsx(primitives_Avatar.AvatarBadge, { className: utils.cn(STATUS_COLOR_MAP[status]) })
         ]
       }
@@ -70,4 +92,4 @@ const AvatarNamespace = Object.assign(Avatar, {
 });
 
 exports.AvatarNamespace = AvatarNamespace;
-//# sourceMappingURL=Avatar-nG7vhAUS.js.map
+//# sourceMappingURL=Avatar-CHTb5RZ0.js.map

package/dist/cjs/Avatar-CHTb5RZ0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-CHTb5RZ0.js","sources":["../../src/components/Avatar/constants.ts","../../src/components/Avatar/utils.ts","../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["export const STATUS_COLOR_MAP: Record<string, string> = {\n  online: \"bg-emerald-500 dark:bg-emerald-400\",\n  idle: \"bg-amber-500 dark:bg-amber-400\",\n  offline: \"bg-gray-400 dark:bg-gray-500\",\n};\n\nexport const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"bottom\",\n};\n\nexport const XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n","import type { CSSProperties } from \"react\";\n\nexport function getInitials(name?: string): string {\n  if (!name) return \"\";\n\n  return name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => word.charAt(0).toUpperCase())\n    .join(\"\");\n}\n\nfunction cyrb53(str: string, seed = 0): number {\n  let h1 = 0xdeadbeef ^ seed;\n  let h2 = 0x41c6ce57 ^ seed;\n  for (let i = 0; i < str.length; i++) {\n    const ch = str.charCodeAt(i);\n    h1 = Math.imul(h1 ^ ch, 2654435761);\n    h2 = Math.imul(h2 ^ ch, 1597334677);\n  }\n  h1 =\n    Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^\n    Math.imul(h2 ^ (h2 >>> 13), 3266489909);\n  h2 =\n    Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^\n    Math.imul(h1 ^ (h1 >>> 13), 3266489909);\n  return 4294967296 * (2097151 & h2) + (h1 >>> 0);\n}\n\nexport function getAvatarColorStyle(seed?: string): CSSProperties | undefined {\n  if (!seed) return undefined;\n\n  const hue = cyrb53(seed) % 360;\n\n  return {\n    backgroundColor: `oklch(var(--avatar-l) var(--avatar-c) ${hue})`,\n    color: \"var(--avatar-fg)\",\n  };\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Avatar as PrimitiveAvatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  AvatarGroup,\n  AvatarGroupCount,\n} from \"src/primitives/Avatar\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { STATUS_COLOR_MAP, SIDE_MAP, XL_CLASSES } from \"./constants\";\nimport { getAvatarColorStyle, getInitials } from \"./utils\";\n\ntype AvatarSize = \"sm\" | \"default\" | \"lg\" | \"xl\";\n\ninterface AvatarTooltipProps {\n  /** Tooltip content. Defaults to user.name if showTooltip is true. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface AvatarProps extends Omit<\n  React.ComponentProps<typeof PrimitiveAvatar>,\n  \"size\"\n> {\n  /** User data for the avatar. */\n  user?: {\n    id?: string | number;\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n  };\n  /** Status indicator displayed as a colored badge. */\n  status?: \"online\" | \"idle\" | \"offline\" | null;\n  /** Show the user's name in a tooltip on hover. */\n  showTooltip?: boolean;\n  /** Tooltip configuration. Overrides showTooltip content. */\n  tooltipProps?: AvatarTooltipProps;\n  /** Size of the avatar. */\n  size?: AvatarSize;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    {\n      user,\n      status,\n      showTooltip = false,\n      tooltipProps,\n      size = \"default\",\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const initials = getInitials(user?.name);\n    const isXl = size === \"xl\";\n    const primitiveSize = isXl ? \"lg\" : size;\n    const seed =\n      user?.id != null\n        ? String(user.id)\n        : user?.email?.trim().toLowerCase() || user?.name;\n    const fallbackStyle = user?.imageUrl\n      ? undefined\n      : getAvatarColorStyle(seed);\n\n    const avatarElement = (\n      <PrimitiveAvatar\n        ref={ref}\n        size={primitiveSize}\n        className={cn(isXl && XL_CLASSES, className)}\n        {...otherProps}\n      >\n        {user?.imageUrl && (\n          <AvatarImage src={user.imageUrl} alt={user?.name ?? \"\"} />\n        )}\n        <AvatarFallback style={fallbackStyle}>{initials}</AvatarFallback>\n        {status && <AvatarBadge className={cn(STATUS_COLOR_MAP[status])} />}\n      </PrimitiveAvatar>\n    );\n\n    const tooltipContent =\n      tooltipProps?.content ?? (showTooltip ? user?.name : null);\n\n    if (tooltipContent) {\n      const side = SIDE_MAP[tooltipProps?.position ?? \"auto\"] ?? \"bottom\";\n\n      return (\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex\">{avatarElement}</span>\n            </TooltipTrigger>\n            <TooltipContent side={side}>{tooltipContent}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return avatarElement;\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarNamespace = Object.assign(Avatar, {\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n\nexport { AvatarNamespace as Avatar };\n"],"names":["forwardRef","jsxs","PrimitiveAvatar","cn","AvatarImage","jsx","AvatarFallback","AvatarBadge","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","AvatarGroup","AvatarGroupCount"],"mappings":"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"}

package/dist/cjs/{DatePicker-JhQ7D2bu.js → DatePicker-Bg2LywGY.js}

@@ -6,10 +6,10 @@ var primitives_Calendar = require('./primitives/Calendar.js');
 var primitives_Popover = require('./primitives/Popover.js');
 var primitives_Field = require('./primitives/Field.js');
 var utils$1 = require('./utils-BhM0B89p.js');
+var TimePickerPanel = require('./TimePickerPanel-DX6cjrSN.js');
 var pureDayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var TimePickerPanel = require('./TimePickerPanel-B5h5khbs.js');
 var primitives_Button = require('./primitives/Button.js');
 var createLucideIcon = require('./createLucideIcon-D0tRgV6l.js');
 var x = require('./x-Brw3FJst.js');
@@ -37,6 +37,11 @@ const Calendar = createLucideIcon.createLucideIcon("calendar", __iconNode);
 
 const DEFAULT_DATE_FORMAT = "dd/MM/yyyy";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+const INITIAL_TIME_VALUE = {
+  hours: 0,
+  minutes: 0,
+  seconds: 0
+};
 const SIZE_CONFIG = {
   small: {
     trigger: "h-8 md:h-7",
@@ -130,6 +135,10 @@ const getDisplayFormat = (dateFormat, timeFormat, showTime) => {
   const fmt = showTime ? `${dateFormat} ${timeFormat}` : dateFormat;
   return normalizeToDateFnsFormat(fmt);
 };
+const getDatePlaceholder = (dateFormat, timeFormat, showTime, type) => {
+  const single = showTime ? `${dateFormat.toUpperCase()} ${timeFormat}` : dateFormat.toUpperCase();
+  return type === "range" ? `${single} - ${single}` : single;
+};
 const isDatePartComplete = (part, maskEnabled, singleDateLen) => maskEnabled ? part.length >= singleDateLen : part.length > 0;
 const parseRangeText = (text, displayFormat, maskEnabled, singleDateLen) => {
   const parts = text.split(" - ");
@@ -207,6 +216,7 @@ const DatePicker = React.forwardRef(
     value,
     defaultValue,
     onChange,
+    onBlur,
     type = "date",
     dateFormat = DEFAULT_DATE_FORMAT,
     timeFormat = DEFAULT_TIME_FORMAT,
@@ -227,6 +237,7 @@ const DatePicker = React.forwardRef(
     onTimezoneChange,
     onOk,
     needConfirm = false,
+    open: openProp,
     onOpenChange,
     className,
     labelProps
@@ -240,9 +251,10 @@ const DatePicker = React.forwardRef(
     const popoverContentId = React.useRef(
       `datepicker-popover-${generatedId}`
     ).current;
-    const [open, setOpen] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState(coerceDateValue(defaultValue, type) ?? null);
-    const currentValue = value !== void 0 ? coerceDateValue(value, type) : internalValue;
+    const { open, setOpen } = TimePickerPanel.useControlledOpen(openProp, onOpenChange);
+    const [internalValue, setInternalValue] = React.useState(
+      coerceDateValue(defaultValue, type) ?? null
+    );
     const [calendarMonth, setCalendarMonth] = React.useState(
       (type === "date" ? value ?? defaultValue : null) ?? /* @__PURE__ */ new Date()
     );
@@ -250,65 +262,46 @@ const DatePicker = React.forwardRef(
       "from"
     );
     const [pendingDate, setPendingDate] = React.useState(null);
-    const [pendingTime, setPendingTime] = React.useState({
-      hours: 0,
-      minutes: 0,
-      seconds: 0
-    });
+    const [pendingTime, setPendingTime] = React.useState(INITIAL_TIME_VALUE);
+    const currentValue = value !== void 0 ? coerceDateValue(value, type) : internalValue;
     const displayFormat = getDisplayFormat(dateFormat, timeFormat, showTime);
     const sizeConfig = SIZE_CONFIG[size];
     const maskEnabled = TimePickerPanel.isFixedWidthFormat(displayFormat);
+    const defaultPlaceholder = getDatePlaceholder(
+      dateFormat,
+      timeFormat,
+      showTime,
+      type
+    );
     const maskTemplate = React.useMemo(
       () => maskEnabled ? type === "range" ? TimePickerPanel.buildRangeMaskTemplate(displayFormat) : TimePickerPanel.buildMaskTemplate(displayFormat) : null,
       [displayFormat, type, maskEnabled]
     );
-    const singlePlaceholder = showTime ? `${dateFormat.toUpperCase()} ${timeFormat}` : dateFormat.toUpperCase();
-    const defaultPlaceholder = type === "range" ? `${singlePlaceholder} - ${singlePlaceholder}` : singlePlaceholder;
+    const singleDateLen = React.useMemo(
+      () => TimePickerPanel.buildMaskTemplate(displayFormat).pattern.length,
+      [displayFormat]
+    );
+    const calendarDisabled = React.useCallback(
+      (date) => {
+        if (minDate && date < new Date(minDate.setHours(0, 0, 0, 0)))
+          return true;
+        if (maxDate && date > new Date(maxDate.setHours(23, 59, 59, 999)))
+          return true;
+        return false;
+      },
+      [minDate, maxDate]
+    );
     const getDisplayText = React.useCallback(() => {
-      if (type === "range") {
-        const rangeValue = currentValue;
-        if (!rangeValue || !rangeValue[0] && !rangeValue[1]) return "";
-        const from = rangeValue[0] ? formatDate(rangeValue[0], displayFormat) : "";
-        const to = rangeValue[1] ? formatDate(rangeValue[1], displayFormat) : "";
-        return `${from} - ${to}`;
+      if (type !== "range") {
+        return formatDate(currentValue, displayFormat);
       }
-      return formatDate(currentValue, displayFormat);
+      const rangeValue = currentValue;
+      if (!rangeValue || !rangeValue[0] && !rangeValue[1]) return "";
+      const from = rangeValue[0] ? formatDate(rangeValue[0], displayFormat) : "";
+      const to = rangeValue[1] ? formatDate(rangeValue[1], displayFormat) : "";
+      return `${from} - ${to}`;
     }, [currentValue, displayFormat, type]);
     const [inputText, setInputText] = React.useState(() => getDisplayText());
-    React.useEffect(() => {
-      if (!open) setInputText(getDisplayText());
-    }, [getDisplayText, open]);
-    const closePopover = React.useCallback(() => {
-      setOpen(false);
-      onOpenChange?.(false);
-      setInputText(getDisplayText());
-    }, [onOpenChange, getDisplayText]);
-    const openPopover = React.useCallback(() => {
-      setOpen(true);
-      onOpenChange?.(true);
-      setRangeSelectionStep("from");
-      const dateVal = type === "date" ? currentValue : null;
-      if (dateVal) {
-        setCalendarMonth(dateVal);
-        setPendingDate(dateVal);
-        setPendingTime(TimePickerPanel.dateToTimeValue(dateVal));
-      } else {
-        setPendingDate(null);
-        setPendingTime({ hours: 0, minutes: 0, seconds: 0 });
-      }
-    }, [type, currentValue, onOpenChange]);
-    React.useEffect(() => {
-      if (!open) return;
-      const handlePointerDown = (e) => {
-        const target = e.target;
-        if (containerRef.current?.contains(target)) return;
-        const popoverEl = document.getElementById(popoverContentId);
-        if (popoverEl?.contains(target)) return;
-        closePopover();
-      };
-      document.addEventListener("pointerdown", handlePointerDown);
-      return () => document.removeEventListener("pointerdown", handlePointerDown);
-    }, [open, closePopover]);
     const commitValue = (date) => {
       if (date === null) {
         setInternalValue(null);
@@ -336,16 +329,76 @@ const DatePicker = React.forwardRef(
       onChange?.(toDayjs(converted), formatted);
       setInputText(formatted);
     };
+    const parseAndApplyRange = (text) => {
+      const parts = text.split(" - ");
+      if (!isDatePartComplete(parts[0] ?? "", maskEnabled, singleDateLen))
+        return;
+      const from = parseDate(parts[0], displayFormat);
+      if (from) setCalendarMonth(from);
+      const range = parseRangeText(
+        text,
+        displayFormat,
+        maskEnabled,
+        singleDateLen
+      );
+      if (range) commitValue(range);
+    };
+    const commitPendingOnClose = React.useCallback(() => {
+      const hasOkButton = showTime || needConfirm;
+      if (!hasOkButton || !pendingDate) {
+        setInputText(getDisplayText());
+        return;
+      }
+      const finalDate = showTime ? applyTimeToDate(pendingDate, pendingTime) : pendingDate;
+      const currentSingle = type === "date" ? currentValue : null;
+      const isSame = currentSingle && finalDate.getTime() === currentSingle.getTime();
+      if (isSame) {
+        setInputText(getDisplayText());
+        return;
+      }
+      commitValue(finalDate);
+    }, [
+      showTime,
+      needConfirm,
+      pendingDate,
+      pendingTime,
+      type,
+      currentValue,
+      getDisplayText,
+      onChange
+    ]);
+    const closePopover = React.useCallback(() => {
+      commitPendingOnClose();
+      setOpen(false);
+    }, [commitPendingOnClose, setOpen]);
+    TimePickerPanel.useOutsideClickClose({
+      enabled: open,
+      containerRef,
+      popoverElementId: popoverContentId,
+      onClose: closePopover
+    });
+    const openPopover = () => {
+      setOpen(true);
+      setRangeSelectionStep("from");
+      const dateVal = type === "date" ? currentValue : null;
+      if (!dateVal) {
+        setPendingDate(null);
+        setPendingTime(INITIAL_TIME_VALUE);
+        return;
+      }
+      setCalendarMonth(dateVal);
+      setPendingDate(dateVal);
+      setPendingTime(TimePickerPanel.dateToTimeValue(dateVal));
+    };
     const handleDateSelect = (selected) => {
       if (!selected) return;
       setCalendarMonth(selected);
       if (showTime || needConfirm) {
         setPendingDate(selected);
-      } else {
-        commitValue(selected);
-        setOpen(false);
-        onOpenChange?.(false);
+        return;
       }
+      commitValue(selected);
+      setOpen(false);
     };
     const handleRangeSelect = (range) => {
       if (!range) return;
@@ -354,34 +407,29 @@ const DatePicker = React.forwardRef(
       if (rangeSelectionStep === "from") {
         setInternalValue([from, null]);
         setRangeSelectionStep("to");
-      } else {
-        if (from && to) {
-          if (showTime || needConfirm) {
-            setPendingDate(from);
-          } else {
-            commitValue([from, to]);
-            setOpen(false);
-            onOpenChange?.(false);
-          }
-        } else if (from) {
-          setInternalValue([from, null]);
+        return;
+      }
+      setRangeSelectionStep("from");
+      if (from && to) {
+        if (showTime || needConfirm) {
+          setPendingDate(from);
+          return;
         }
-        setRangeSelectionStep("from");
+        commitValue([from, to]);
+        setOpen(false);
+        return;
       }
-    };
-    const handleTimeChange = (time) => {
-      setPendingTime(time);
+      if (from) setInternalValue([from, null]);
     };
     const handleNow = () => {
       const now = toBrowserLocalDate(/* @__PURE__ */ new Date());
       if (showTime || needConfirm) {
         setPendingDate(now);
         setPendingTime(TimePickerPanel.dateToTimeValue(now));
-      } else {
-        commitValue(now);
-        setOpen(false);
-        onOpenChange?.(false);
+        return;
       }
+      commitValue(now);
+      setOpen(false);
     };
     const handleOk = () => {
       if (pendingDate) {
@@ -390,40 +438,12 @@ const DatePicker = React.forwardRef(
         onOk?.(finalDate);
       }
       setOpen(false);
-      onOpenChange?.(false);
     };
     const handleClear = (e) => {
       e.stopPropagation();
       e.preventDefault();
       commitValue(null);
     };
-    React.useLayoutEffect(() => {
-      if (cursorPosRef.current !== null && inputRef.current && document.activeElement === inputRef.current) {
-        inputRef.current.setSelectionRange(
-          cursorPosRef.current,
-          cursorPosRef.current
-        );
-        cursorPosRef.current = null;
-      }
-    });
-    const singleDateLen = React.useMemo(
-      () => TimePickerPanel.buildMaskTemplate(displayFormat).pattern.length,
-      [displayFormat]
-    );
-    const parseAndApplyRange = (text) => {
-      const parts = text.split(" - ");
-      if (!isDatePartComplete(parts[0] ?? "", maskEnabled, singleDateLen))
-        return;
-      const from = parseDate(parts[0], displayFormat);
-      if (from) setCalendarMonth(from);
-      const range = parseRangeText(
-        text,
-        displayFormat,
-        maskEnabled,
-        singleDateLen
-      );
-      if (range) commitValue(range);
-    };
     const handleInputChange = (e) => {
       let text = e.target.value;
       if (maskTemplate) {
@@ -449,12 +469,18 @@ const DatePicker = React.forwardRef(
       if (showTime || needConfirm) {
         setPendingDate(parsed);
         setPendingTime(TimePickerPanel.dateToTimeValue(parsed));
-      } else {
-        commitValue(parsed);
+        return;
       }
+      commitValue(parsed);
     };
     const handleInputKeyDown = (e) => {
-      if (e.key === "Escape") return closePopover();
+      if (e.key === "Escape") {
+        setPendingDate(null);
+        setPendingTime(INITIAL_TIME_VALUE);
+        setInputText(getDisplayText());
+        setOpen(false);
+        return;
+      }
       if (e.key !== "Enter") return;
       if (type === "range") {
         const range = parseRangeText(
@@ -469,29 +495,26 @@ const DatePicker = React.forwardRef(
         if (parsed) commitValue(parsed);
       }
       setOpen(false);
-      onOpenChange?.(false);
     };
-    const handleInputFocus = () => {
-      if (!open) openPopover();
+    const handleInputBlur = (e) => {
+      const next = e.relatedTarget;
+      if (next && containerRef.current?.contains(next)) return;
+      const popoverEl = document.getElementById(popoverContentId);
+      if (next && popoverEl?.contains(next)) return;
+      onBlur?.(e);
     };
+    React.useEffect(() => {
+      if (!open) setInputText(getDisplayText());
+    }, [getDisplayText, open]);
+    TimePickerPanel.useCursorRestore([{ inputRef, cursorRef: cursorPosRef }]);
     const hasField = !!(label || error || helpText);
     const showFooter = showTime || needConfirm || !!onTimezoneChange;
     const todayDate = toBrowserLocalDate(/* @__PURE__ */ new Date());
     const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
-    const calendarDisabled = React.useCallback(
-      (date) => {
-        if (minDate && date < new Date(minDate.setHours(0, 0, 0, 0)))
-          return true;
-        if (maxDate && date > new Date(maxDate.setHours(23, 59, 59, 999)))
-          return true;
-        return false;
-      },
-      [minDate, maxDate]
-    );
-    const calendarSelected = React.useCallback(() => {
+    const calendarSelected = () => {
       if (showTime || needConfirm) return pendingDate ?? void 0;
       return currentValue ?? void 0;
-    }, [showTime, needConfirm, pendingDate, currentValue]);
+    };
     const triggerContent = /* @__PURE__ */ jsxRuntime.jsxs(primitives_Popover.Popover, { open, children: [
       /* @__PURE__ */ jsxRuntime.jsx(primitives_Popover.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -525,7 +548,10 @@ const DatePicker = React.forwardRef(
                 value: inputText,
                 onChange: handleInputChange,
                 onKeyDown: handleInputKeyDown,
-                onFocus: handleInputFocus,
+                onFocus: () => {
+                  if (!open) openPopover();
+                },
+                onBlur: handleInputBlur,
                 className: utils$1.cn(
                   "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground",
                   "disabled:cursor-not-allowed",
@@ -602,7 +628,7 @@ const DatePicker = React.forwardRef(
                 TimePickerPanel.TimePickerPanel,
                 {
                   value: pendingTime,
-                  onChange: handleTimeChange,
+                  onChange: setPendingTime,
                   format: timePickerFormat,
                   showSeconds,
                   disabled
@@ -658,4 +684,4 @@ const DatePicker = React.forwardRef(
 DatePicker.displayName = "DatePicker";
 
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker-JhQ7D2bu.js.map
+//# sourceMappingURL=DatePicker-Bg2LywGY.js.map