@od-oneapp/uni-ui 2026.1.1301

package/dist/date-range-picker-CdemRFs_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-CdemRFs_.mjs","names":["Calendar","Calendar"],"sources":["../src/components/forms/date-picker/calendar/calendar.tsx","../src/components/forms/date-picker/presets/presets.tsx","../src/components/forms/date-picker/shared.ts","../src/components/forms/date-picker/trigger/trigger.tsx","../src/components/forms/date-picker/date-range-picker/date-range-picker.tsx"],"sourcesContent":["'use client';\n\n/**\n * @fileoverview Calendar Component - Premium Harmony V2\n *\n * Accessible calendar component built on react-day-picker with comprehensive\n * touch support and Premium Harmony V2 motion standards. Features single and\n * range selection modes, localized calendars, and WCAG-compliant touch targets.\n *\n * Features:\n * - Premium Harmony V2 reduced motion support\n * - Touch detection with automatic sizing for mobile devices\n * - WCAG 2.5.5 compliant 44px minimum touch targets\n * - Semantic color tokens (no hardcoded colors)\n * - Enhanced focus styles with ring indicators\n * - Keyboard navigation (arrow keys, enter, escape)\n * - Screen reader announcements for date changes\n * - Range selection with visual highlighting\n * - Flexible month/year navigation controls\n * - Disabled date support with visual indicators\n * - Locale-aware formatting\n *\n * @module @od-oneapp/uni-ui/components/date-picker/calendar\n *\n * @component Calendar\n *\n * @useCases\n * - Date selection: Single date or date range selection with keyboard navigation\n * - Scheduling interfaces: Appointment booking, event creation, deadline setting\n * - Date filtering: Report date ranges, analytics time periods, data queries\n * - Touch devices: Mobile-optimized with 44px minimum touch targets (WCAG 2.5.5)\n * - Accessible navigation: Keyboard shortcuts, screen reader support, focus management\n * - Localized calendars: Support for multiple locales and calendar systems\n * - Restricted dates: Min/max dates, disabled days, custom validation rules\n * - Year navigation: Quick year jumping for birth dates or historical data\n *\n * @subcomponents NavigationButton, CaptionComponent\n *\n * @example <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n * @example <Calendar mode=\"range\" selected={range} onSelect={setRange} numberOfMonths={2} />\n * @example <Calendar showYearNavigation fromYear={1900} toYear={2100} />\n * @example <Calendar locale={fr} />\n */\n\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { format } from 'date-fns';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker, useNavigation } from 'react-day-picker';\n\nimport { cn } from '../../../../lib/utils';\n\nimport type { FormatOptions, Locale } from 'date-fns';\nimport type { DayPickerProps, Matcher, MonthCaptionProps } from 'react-day-picker';\n\n/* -----------------------------------------------------------------------------\n * Calendar Context (for passing props to nested components)\n * -------------------------------------------------------------------------- */\n\ninterface CalendarContextValue {\n  showYearNavigation: boolean;\n  disableNavigation?: boolean;\n  locale?: Partial<Locale>;\n}\n\nconst CalendarContext = createContext<CalendarContextValue>({\n  showYearNavigation: false,\n});\n\n/* -----------------------------------------------------------------------------\n * Navigation Button\n * -------------------------------------------------------------------------- */\n\ninterface NavigationButtonProps extends HTMLAttributes<HTMLButtonElement> {\n  onClick: () => void;\n  icon: ElementType;\n  disabled?: boolean;\n}\n\n// Static classNames - moved outside component to prevent recreation\nconst CALENDAR_NAV_BUTTON_BASE_CLASSNAME =\n  'flex shrink-0 items-center justify-center rounded border p-1 outline-none select-none';\nconst CALENDAR_NAV_BUTTON_SIZE_DEFAULT_CLASSNAME = 'size-7';\nconst CALENDAR_NAV_BUTTON_SIZE_TOUCH_CLASSNAME = 'size-11'; // 44px minimum for WCAG 2.5.5\nconst CALENDAR_NAV_BUTTON_TRANSITION_CLASSNAME = 'transition';\nconst CALENDAR_NAV_BUTTON_STYLE_CLASSNAME =\n  'border-border text-muted-foreground hover:text-foreground hover:bg-muted active:bg-accent';\nconst CALENDAR_NAV_BUTTON_DISABLED_CLASSNAME =\n  'disabled:text-muted-foreground/50 disabled:pointer-events-none';\nconst CALENDAR_NAV_BUTTON_FOCUS_CLASSNAME =\n  'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2';\nconst CALENDAR_NAV_ICON_CLASSNAME = 'size-full shrink-0';\n\nconst NavigationButton = forwardRef<HTMLButtonElement, NavigationButtonProps>(\n  ({ onClick, icon: Icon, disabled, ...props }, forwardedRef) => {\n    // Use Mantine's useReducedMotion to respect user accessibility preferences\n    const reducedMotion = useReducedMotion() ?? false;\n    // Detect touch devices for optimal touch target sizing (WCAG 2.5.5)\n    const isTouchDevice = useMediaQuery('(pointer: coarse)') ?? false;\n\n    // Memoize button className (conditionally include transition and touch sizing)\n    const buttonClassName = useMemo(\n      () =>\n        cn(\n          CALENDAR_NAV_BUTTON_BASE_CLASSNAME,\n          isTouchDevice\n            ? CALENDAR_NAV_BUTTON_SIZE_TOUCH_CLASSNAME\n            : CALENDAR_NAV_BUTTON_SIZE_DEFAULT_CLASSNAME,\n          // Only apply transition when user doesn't prefer reduced motion\n          !reducedMotion && CALENDAR_NAV_BUTTON_TRANSITION_CLASSNAME,\n          CALENDAR_NAV_BUTTON_STYLE_CLASSNAME,\n          CALENDAR_NAV_BUTTON_DISABLED_CLASSNAME,\n          CALENDAR_NAV_BUTTON_FOCUS_CLASSNAME,\n        ),\n      [reducedMotion, isTouchDevice],\n    );\n\n    return (\n      <button\n        ref={forwardedRef}\n        type=\"button\"\n        disabled={disabled}\n        className={buttonClassName}\n        onClick={onClick}\n        {...props}\n      >\n        <Icon className={CALENDAR_NAV_ICON_CLASSNAME} />\n      </button>\n    );\n  },\n);\n\nNavigationButton.displayName = 'NavigationButton';\n\n/* -----------------------------------------------------------------------------\n * Caption Component\n * -------------------------------------------------------------------------- */\n\nfunction CaptionComponent({ calendarMonth }: MonthCaptionProps) {\n  const { locale, disableNavigation } = useContext(CalendarContext);\n  const { goToMonth, nextMonth, previousMonth } = useNavigation();\n\n  // Extract the display month from calendarMonth (react-day-picker v9 API)\n  const displayMonth = calendarMonth.date;\n\n  const formatOptions = locale\n    ? ({ locale: locale as Locale } as FormatOptions | undefined)\n    : undefined;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex items-center gap-1\">\n        <NavigationButton\n          disabled={disableNavigation === true || previousMonth == null}\n          aria-label=\"Go to previous month\"\n          onClick={() => {\n            if (previousMonth != null) goToMonth(previousMonth);\n          }}\n          icon={ChevronLeft}\n        />\n      </div>\n\n      <div\n        role=\"presentation\"\n        aria-live=\"polite\"\n        className=\"text-foreground text-sm font-medium capitalize tabular-nums\"\n      >\n        {format(displayMonth, 'LLLL yyy', formatOptions)}\n      </div>\n\n      <div className=\"flex items-center gap-1\">\n        <NavigationButton\n          disabled={disableNavigation === true || nextMonth == null}\n          aria-label=\"Go to next month\"\n          onClick={() => {\n            if (nextMonth != null) goToMonth(nextMonth);\n          }}\n          icon={ChevronRight}\n        />\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Calendar Types\n * -------------------------------------------------------------------------- */\n\ntype CalendarProps = DayPickerProps & {\n  showYearNavigation?: boolean;\n};\n\n/* -----------------------------------------------------------------------------\n * Calendar Component\n * -------------------------------------------------------------------------- */\n\nfunction Calendar({\n  mode = 'single',\n  weekStartsOn = 0,\n  numberOfMonths = 1,\n  showYearNavigation = false,\n  disableNavigation,\n  locale,\n  className,\n  classNames,\n  ...props\n}: CalendarProps) {\n  // Detect touch devices for optimal touch target sizing (WCAG 2.5.5)\n  const isTouchDevice = useMediaQuery('(pointer: coarse)') ?? false;\n\n  const contextValue = useMemo(\n    () => ({ showYearNavigation, disableNavigation, locale }),\n    [showYearNavigation, disableNavigation, locale],\n  );\n\n  const dayPickerProps = {\n    mode,\n    weekStartsOn,\n    numberOfMonths,\n    locale,\n    showOutsideDays: numberOfMonths === 1,\n    className,\n    classNames: {\n      months: 'flex space-y-0',\n      month: 'space-y-4 p-3 w-full',\n      nav: 'gap-1 flex items-center rounded-full w-full h-full justify-between p-4',\n      table: 'w-full border-separate border-spacing-y-1',\n      head_cell: cn(\n        'font-medium text-xs text-center text-muted-foreground pb-2',\n        isTouchDevice ? 'w-11' : 'w-9', // Wider header cells on touch for alignment\n      ),\n      row: 'w-full',\n      cell: 'relative p-0 text-center focus-within:relative text-foreground',\n      day: cn(\n        'relative rounded-md text-sm text-foreground',\n        // 44px (size-11) minimum touch target for WCAG 2.5.5 compliance\n        isTouchDevice ? 'size-11' : 'size-10',\n        'hover:bg-muted active:bg-accent outline outline-offset-2 outline-0 focus-visible:outline-2 outline-primary',\n      ),\n      day_today: 'font-semibold',\n      day_selected: 'rounded aria-selected:bg-primary aria-selected:text-primary-foreground',\n      day_disabled: '!text-muted-foreground/50 line-through disabled:hover:bg-transparent',\n      day_outside: 'text-muted-foreground',\n      day_range_middle: '!rounded-none aria-selected:!bg-primary/10 aria-selected:!text-foreground',\n      day_range_start: 'rounded-r-none !rounded-l',\n      day_range_end: 'rounded-l-none !rounded-r',\n      day_hidden: 'invisible',\n      ...classNames,\n    },\n    components: {\n      MonthCaption: CaptionComponent,\n    },\n    ...props,\n  } as DayPickerProps;\n\n  return (\n    <CalendarContext.Provider value={contextValue}>\n      <DayPicker {...dayPickerProps} />\n    </CalendarContext.Provider>\n  );\n}\n\nexport { Calendar, type Matcher };\n","'use client';\n\n/**\n * @fileoverview Presets Component - Premium Harmony V2\n *\n * Accessible preset selection component for date pickers with keyboard shortcuts,\n * quick selection for common ranges, visual shortcut hints, and premium/locked\n * states with tooltips.\n *\n * Features:\n * - Premium Harmony V2 semantic color tokens\n * - Enhanced focus styles with ring indicators\n * - WCAG 2.5.5 touch-friendly interaction targets\n * - Keyboard navigation via cmdk (Command Menu)\n * - Visual keyboard shortcut display\n * - Active preset highlighting\n * - Disabled/locked preset states\n * - Tooltip integration for upgrade prompts\n * - Responsive layout (horizontal scroll on mobile, vertical on desktop)\n * - Smart current value matching\n * - Data attributes for state management\n * - Semantic HTML with proper ARIA labels\n *\n * @module @od-oneapp/uni-ui/components/date-picker/presets\n * @component Presets\n *\n * @useCases\n * - Quick date selection: Common date ranges like \"Today\", \"Last 7 days\", \"This month\"\n * - Analytics shortcuts: Preset reporting periods for dashboards and metrics\n * - Keyboard navigation: Arrow keys for preset selection, Enter to confirm\n * - Keyboard shortcuts: Custom shortcut keys displayed and functional\n * - Premium features: Locked presets requiring upgrade with tooltip explanations\n * - Touch interfaces: Mobile-optimized with adequate touch targets\n * - Current selection: Visual indication of active preset or matching date range\n * - Accessibility: Screen reader support, keyboard focus management\n *\n * @example <Presets presets={[{ id: 'today', label: 'Today', dateRange: { from: today, to: today } }]} onSelect={handleSelect} />\n * @example <Presets presets={[{ id: 'last7', label: 'Last 7 days', shortcut: 'L', dateRange: range }]} onSelect={handleSelect} />\n * @example <Presets presets={[{ id: 'custom', label: 'Custom', requiresUpgrade: true, tooltipContent: 'Upgrade to Pro' }]} onSelect={handleSelect} />\n * @example <Presets currentPresetId=\"last7\" currentValue={currentRange} presets={presets} onSelect={handleSelect} />\n */\n\nimport { useMediaQuery } from '@mantine/hooks';\nimport { Command } from 'cmdk';\nimport { Lock } from 'lucide-react';\n\nimport { cn } from '../../../../lib/utils';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '../../../elements/organisms/tooltip';\n\nimport type { DatePreset, DateRange, DateRangePreset, Preset } from '../types';\n\n/* -----------------------------------------------------------------------------\n * Helper Functions (defined outside component for stable references)\n * -------------------------------------------------------------------------- */\n\nfunction isDateRangePresets(preset: unknown): preset is DateRangePreset {\n  return typeof preset === 'object' && preset !== null && 'dateRange' in preset;\n}\n\nfunction isDatePresets(preset: unknown): preset is DatePreset {\n  return typeof preset === 'object' && preset !== null && 'date' in preset;\n}\n\nfunction compareDates(date1: Date, date2: Date): boolean {\n  return (\n    date1.getDate() === date2.getDate() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getFullYear() === date2.getFullYear()\n  );\n}\n\nfunction compareRanges(range1: DateRange, range2: DateRange): boolean {\n  const from1 = range1.from;\n  const from2 = range2.from;\n\n  let equalFrom = false;\n\n  if (from1 != null && from2 != null) {\n    const sameFrom = compareDates(from1, from2);\n    if (sameFrom) equalFrom = true;\n  }\n\n  const to1 = range1.to;\n  const to2 = range2.to;\n\n  let equalTo = false;\n\n  if (to1 != null && to2 != null) {\n    const sameTo = compareDates(to1, to2);\n    if (sameTo) equalTo = true;\n  }\n\n  return equalFrom && equalTo;\n}\n\n/* -----------------------------------------------------------------------------\n * Presets Component\n * -------------------------------------------------------------------------- */\n\ninterface PresetsProps<TPreset extends Preset, TValue> {\n  presets: TPreset[];\n  onSelect: (preset: TPreset) => void;\n  currentValue?: TValue;\n  currentPresetId?: string;\n}\n\nconst Presets = <TPreset extends Preset, TValue>({\n  presets,\n  onSelect,\n  currentValue,\n  currentPresetId,\n}: PresetsProps<TPreset, TValue>) => {\n  // Detect touch devices for optimal touch target sizing (WCAG 2.5.5)\n  const isTouchDevice = useMediaQuery('(pointer: coarse)') ?? false;\n\n  const matchesCurrent = (preset: TPreset) => {\n    if (currentPresetId != null) {\n      return currentPresetId === preset.id;\n    }\n\n    if (isDateRangePresets(preset)) {\n      const value = currentValue as DateRange | undefined;\n      return value != null && compareRanges(value, preset.dateRange);\n    } else if (isDatePresets(preset)) {\n      const value = currentValue as Date | undefined;\n      return value != null && compareDates(value, preset.date);\n    }\n\n    return false;\n  };\n\n  return (\n    <Command\n      className=\"ring-border w-full rounded ring-offset-2 focus:outline-none\"\n      tabIndex={0}\n      loop\n    >\n      <Command.List className=\"[&>*]:flex [&>*]:w-full [&>*]:items-start [&>*]:gap-x-2 [&>*]:gap-y-0.5 [&>*]:sm:flex-col\">\n        {presets.map(preset => {\n          return (\n            <Command.Item\n              key={preset.id}\n              disabled={preset.requiresUpgrade}\n              onSelect={() => onSelect(preset)}\n              title={preset.label}\n              value={preset.id}\n              className={cn(\n                'group border-border relative flex cursor-pointer items-center justify-between overflow-hidden rounded border text-ellipsis whitespace-nowrap',\n                'text-foreground px-2.5 text-left text-sm shadow-xs outline-none sm:w-full sm:border-none sm:shadow-none',\n                // WCAG 2.5.5: 44px minimum touch target height on touch devices\n                isTouchDevice ? 'min-h-11 py-2.5' : 'py-1.5 sm:py-2',\n                'disabled:pointer-events-none disabled:opacity-50',\n                'sm:data-[selected=true]:bg-muted',\n                matchesCurrent(preset) && 'font-semibold',\n              )}\n            >\n              <span>{preset.label}</span>\n              {(() => {\n                if (preset.requiresUpgrade === true) {\n                  return <Lock className=\"size-3.5\" aria-hidden=\"true\" />;\n                }\n                if (preset.shortcut != null) {\n                  return (\n                    <kbd className=\"bg-muted text-muted-foreground group-data-[selected=true]:bg-accent hidden rounded px-2 py-0.5 text-xs font-light md:block\">\n                      {preset.shortcut.toUpperCase()}\n                    </kbd>\n                  );\n                }\n                return null;\n              })()}\n              {preset.requiresUpgrade === true && preset.tooltipContent != null ? (\n                <TooltipProvider>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <div className=\"absolute inset-0 cursor-not-allowed\" />\n                    </TooltipTrigger>\n                    <TooltipContent side=\"bottom\">{preset.tooltipContent}</TooltipContent>\n                  </Tooltip>\n                </TooltipProvider>\n              ) : null}\n            </Command.Item>\n          );\n        })}\n      </Command.List>\n    </Command>\n  );\n};\n\nPresets.displayName = 'DatePicker.Presets';\n\nexport { Presets };\n","/**\n * @fileoverview Date Picker shared utilities\n *\n * Shared context and utility functions for date picker components.\n *\n * @module @od-oneapp/uni-ui/components/date-picker/shared\n */\n\n'use client';\n\nimport { createContext, type Dispatch, type SetStateAction } from 'react';\n\nimport { format, type Locale } from 'date-fns';\n\nimport type { DatePreset, DateRangePreset, PickerProps } from './types';\n\nexport const DatePickerContext = createContext<{\n  isOpen: boolean;\n  setIsOpen: Dispatch<SetStateAction<boolean>>;\n}>({\n  isOpen: false,\n  setIsOpen: () => {},\n});\n\nconst isBrowserLocaleClockType24h = () => {\n  const language = typeof window !== 'undefined' ? window.navigator.language : 'en-US';\n\n  const hr = new Intl.DateTimeFormat(language, {\n    hour: 'numeric',\n  }).format();\n\n  return Number.isInteger(Number(hr));\n};\n\nexport const formatDate = (date: Date, locale: Locale, includeTime = false): string => {\n  const usesAmPm = !isBrowserLocaleClockType24h();\n  let dateString: string;\n\n  if (includeTime) {\n    dateString = usesAmPm\n      ? format(date, `d MMM, yyyy h:mm a`, { locale })\n      : format(date, `d MMM, yyyy HH:mm`, { locale });\n  } else {\n    dateString = format(date, `d MMM, yyyy`, { locale });\n  }\n\n  return dateString;\n};\n\nexport const validatePresets = (presets: DateRangePreset[] | DatePreset[], rules: PickerProps) => {\n  const { toYear, fromYear, fromMonth, toMonth, fromDay, toDay } = rules;\n\n  if (presets.length > 0) {\n    presets.forEach(preset => {\n      if ('date' in preset) {\n        const presetYear = preset.date.getFullYear();\n\n        if (fromYear && presetYear < fromYear) {\n          throw new Error(`Preset ${preset.label} is before fromYear ${fromYear}.`);\n        }\n\n        if (toYear && presetYear > toYear) {\n          throw new Error(`Preset ${preset.label} is after toYear ${toYear}.`);\n        }\n\n        if (fromMonth) {\n          const presetMonth = preset.date.getMonth();\n          if (presetMonth < fromMonth.getMonth()) {\n            throw new Error(`Preset ${preset.label} is before fromMonth.`);\n          }\n        }\n\n        if (toMonth) {\n          const presetMonth = preset.date.getMonth();\n          if (presetMonth > toMonth.getMonth()) {\n            throw new Error(`Preset ${preset.label} is after toMonth.`);\n          }\n        }\n\n        if (fromDay) {\n          const presetDay = preset.date.getDate();\n          if (presetDay < fromDay.getDate()) {\n            throw new Error(`Preset ${preset.label} is before fromDay.`);\n          }\n        }\n\n        if (toDay) {\n          const presetDay = preset.date.getDate();\n          if (presetDay > toDay.getDate()) {\n            throw new Error(`Preset ${preset.label} is after toDay.`);\n          }\n        }\n      }\n\n      if ('dateRange' in preset) {\n        const presetFromYear = preset.dateRange.from?.getFullYear();\n        const presetToYear = preset.dateRange.to?.getFullYear();\n\n        if (presetFromYear && fromYear && presetFromYear < fromYear) {\n          throw new Error(`Preset ${preset.label}'s 'from' is before fromYear.`);\n        }\n\n        if (presetToYear && toYear && presetToYear > toYear) {\n          throw new Error(`Preset ${preset.label}'s 'to' is after toYear.`);\n        }\n      }\n    });\n  }\n};\n","'use client';\n\n/**\n * @fileoverview Date Picker Trigger - Premium Harmony V2\n *\n * Accessible trigger button for date picker popover with comprehensive touch support\n * and Premium Harmony V2 spring physics. Features tactile feedback, automatic touch\n * target sizing, and error state styling.\n *\n * Features:\n * - Premium Harmony V2 spring physics (tactile feedback on tap)\n * - Touch detection with automatic sizing for mobile devices\n * - Reduced motion support for accessibility\n * - WCAG 2.5.5 compliant 44px minimum touch targets on touch devices\n * - Semantic color tokens (no hardcoded colors)\n * - Enhanced focus styles with ring indicators\n * - Data attributes for state management (data-state)\n * - Multiple size variants (sm, default, lg, touch)\n * - Error state styling with visual feedback\n * - Icon + text + chevron layout with proper spacing\n * - Ellipsis overflow handling for long dates\n * - Motion/React spring animations\n *\n * @module @od-oneapp/uni-ui/components/date-picker/trigger\n * @component Trigger\n *\n * @useCases\n * - Date picker activation: Opens calendar popover for date/range selection\n * - Form inputs: Date fields in forms with visual calendar trigger\n * - Filter controls: Date range filters for reports, analytics, data views\n * - Touch interfaces: Mobile-optimized with automatic 44px touch targets (WCAG 2.5.5)\n * - Loading states: Visual feedback during async date validation or data loading\n * - Error states: Visual error indication for invalid date selections\n * - Keyboard navigation: Space/Enter to open, Escape to close with focus management\n * - Screen readers: Proper ARIA labels and state announcements\n *\n * @variants\n * - size: \"sm\" | \"default\" | \"lg\" | \"touch\" - Controls height and padding\n * - hasError: boolean - Applies destructive ring and border styling\n *\n * @example <Trigger placeholder=\"Select date\" />\n * @example <Trigger>Jan 15, 2024</Trigger>\n * @example <Trigger hasError>Invalid date</Trigger>\n * @example <Trigger size=\"touch\">Select date range</Trigger>\n * @example <Trigger size=\"sm\" placeholder=\"Pick date\" />\n */\n\nimport { forwardRef, memo, useMemo, type ComponentProps } from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Calendar, ChevronDown } from 'lucide-react';\nimport { motion } from 'motion/react';\n\nimport { cn } from '../../../../lib/utils';\nimport { SPRING_TACTILE } from '../../../ai-elements/ai-elements.constants';\n\n// Default values - moved outside component to prevent recreation\nconst DEFAULT_TRIGGER_BUTTON_TYPE = 'button';\n\n// Static classNames - moved outside component to prevent recreation\nconst TRIGGER_FOCUS_CLASSNAME =\n  'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none';\nconst TRIGGER_CALENDAR_ICON_BASE_CLASSNAME = 'text-muted-foreground size-4 shrink-0';\nconst TRIGGER_CALENDAR_ICON_WITH_CHILDREN_CLASSNAME = 'text-foreground';\nconst TRIGGER_CONTENT_SPAN_CLASSNAME =\n  'flex-1 overflow-hidden text-left text-ellipsis whitespace-nowrap';\nconst TRIGGER_PLACEHOLDER_CLASSNAME = 'text-muted-foreground';\nconst TRIGGER_CHEVRON_BASE_CLASSNAME = 'text-muted-foreground size-4 shrink-0';\nconst TRIGGER_CHEVRON_TRANSITION_CLASSNAME = 'transition-transform duration-75';\nconst TRIGGER_CHEVRON_OPEN_CLASSNAME = 'group-data-[state=open]:rotate-180';\n\n// Static classNames for trigger base styles - moved outside component to prevent recreation\nconst TRIGGER_BASE_CLASSNAME =\n  'group peer flex cursor-pointer appearance-none items-center gap-x-2 truncate rounded-md border px-3 outline-none text-sm';\nconst TRIGGER_TRANSITION_CLASSNAME = 'transition-all';\nconst TRIGGER_BACKGROUND_CLASSNAME =\n  'bg-background border-input text-foreground placeholder:text-muted-foreground';\nconst TRIGGER_DISABLED_CLASSNAME =\n  'disabled:pointer-events-none disabled:bg-muted disabled:text-muted-foreground';\nconst TRIGGER_FOCUS_BORDER_CLASSNAME =\n  'focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20';\nconst TRIGGER_OPEN_STATE_CLASSNAME =\n  'data-[state=open]:border-ring data-[state=open]:ring-2 data-[state=open]:ring-ring/20';\nconst TRIGGER_ERROR_CLASSNAME = 'ring-2 ring-destructive/20 border-destructive';\n\nconst triggerStyles = cva(\n  [\n    TRIGGER_BASE_CLASSNAME,\n    TRIGGER_TRANSITION_CLASSNAME,\n    TRIGGER_BACKGROUND_CLASSNAME,\n    TRIGGER_DISABLED_CLASSNAME,\n    TRIGGER_FOCUS_BORDER_CLASSNAME,\n    TRIGGER_OPEN_STATE_CLASSNAME,\n  ],\n  {\n    variants: {\n      hasError: {\n        true: TRIGGER_ERROR_CLASSNAME,\n      },\n      size: {\n        default: 'h-10',\n        sm: 'h-9 px-2.5 text-xs',\n        lg: 'h-11 px-4 text-base',\n        touch: 'h-11 px-3 text-base md:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\ninterface TriggerProps extends ComponentProps<'button'>, VariantProps<typeof triggerStyles> {\n  placeholder?: string;\n}\n\n// Suppress unused prop type warnings - placeholder is used internally\n\nconst _unusedTriggerProps: Array<keyof TriggerProps> = ['placeholder'];\n\nconst Trigger = memo(\n  forwardRef<HTMLButtonElement, TriggerProps>(\n    ({ className, children, placeholder, hasError, size, ...props }, forwardedRef) => {\n      // Use Mantine's useReducedMotion to respect user accessibility preferences\n      const reducedMotion = useReducedMotion() ?? false;\n      // Detect touch devices for optimal touch target sizing (WCAG 2.5.5)\n      const isTouchDevice = useMediaQuery('(pointer: coarse)') ?? false;\n\n      const hasChildren = children != null;\n\n      // Auto-select touch size for touch devices if no size specified\n      const effectiveSize = size ?? (isTouchDevice ? 'touch' : 'default');\n\n      // Memoize button className computation (conditionally include transition)\n      const buttonClassName = useMemo(\n        () =>\n          cn(triggerStyles({ hasError, size: effectiveSize }), TRIGGER_FOCUS_CLASSNAME, className),\n        [hasError, effectiveSize, className],\n      );\n\n      // Memoize calendar icon className\n      const calendarIconClassName = useMemo(\n        () =>\n          cn(\n            TRIGGER_CALENDAR_ICON_BASE_CLASSNAME,\n            hasChildren && TRIGGER_CALENDAR_ICON_WITH_CHILDREN_CLASSNAME,\n          ),\n        [hasChildren],\n      );\n\n      // Memoize chevron className (conditionally include transition)\n      const chevronClassName = useMemo(\n        () =>\n          cn(\n            TRIGGER_CHEVRON_BASE_CLASSNAME,\n            !reducedMotion && TRIGGER_CHEVRON_TRANSITION_CLASSNAME,\n            TRIGGER_CHEVRON_OPEN_CLASSNAME,\n          ),\n        [reducedMotion],\n      );\n\n      // Memoize content\n      const content = useMemo(() => {\n        if (hasChildren) {\n          return children;\n        }\n        if (placeholder != null) {\n          return <span className={TRIGGER_PLACEHOLDER_CLASSNAME}>{placeholder}</span>;\n        }\n        return null;\n      }, [hasChildren, children, placeholder]);\n\n      return (\n        <motion.button\n          type=\"button\"\n          ref={forwardedRef}\n          className={buttonClassName}\n          whileTap={reducedMotion ? undefined : { scale: 0.98 }}\n          transition={SPRING_TACTILE}\n          {...(props as any)}\n        >\n          <Calendar className={calendarIconClassName} />\n          <span className={TRIGGER_CONTENT_SPAN_CLASSNAME}>{content}</span>\n          <ChevronDown className={chevronClassName} />\n        </motion.button>\n      );\n    },\n  ),\n);\n\nTrigger.displayName = 'DatePicker.Trigger';\n\nexport { Trigger };\nexport type { TriggerProps };\n","'use client';\n\n/**\n * @fileoverview DateRangePicker Component - Premium Harmony V2\n *\n * Accessible date range picker with optional presets, keyboard shortcuts,\n * and comprehensive touch support. Features dual-month desktop view,\n * single-month mobile view, and WCAG-compliant touch targets.\n *\n * Features:\n * - Premium Harmony V2 spring physics via Popover component\n * - Touch detection with automatic sizing for mobile devices\n * - Reduced motion support for accessibility (via Popover)\n * - WCAG 2.5.5 compliant 44px minimum touch targets on touch devices\n * - Semantic color tokens (no hardcoded colors)\n * - Enhanced focus styles with ring indicators\n * - Data attributes for state management (data-state)\n * - Responsive: Single month on mobile, dual months on desktop\n * - Preset shortcuts with keyboard support\n * - Smart date handling: Same-day ranges use full day (00:00 - 23:59)\n * - Scroll progress indicators for preset lists\n * - Cancel/reset functionality preserving initial selection\n * - Controlled and uncontrolled modes\n * - Locale-aware date formatting\n * - Validation and constraint support\n *\n * @module @od-oneapp/uni-ui/components/date-picker/date-range-picker\n * @component DateRangePicker\n *\n * @useCases\n * - Analytics dashboards: Date range selection for reports, charts, metrics\n * - Booking systems: Travel dates, hotel reservations, event scheduling\n * - Filtering data: Historical data queries, log analysis, time-based filtering\n * - Appointment scheduling: Multi-day event planning, shift scheduling\n * - Billing periods: Invoice date ranges, subscription periods, payment cycles\n * - Touch interfaces: Mobile-optimized with automatic 44px touch targets (WCAG 2.5.5)\n * - Quick selection: Preset ranges like \"Last 7 days\", \"This month\", \"Last quarter\"\n * - Same-day ranges: Full day selection from midnight to 11:59:59 PM\n *\n * @example\n * // Basic date range picker\n * <DateRangePicker value={range} onChange={setRange} placeholder=\"Select date range\" />\n *\n * @example\n * // With presets\n * <DateRangePicker value={range} onChange={setRange} presets={presetConfig} />\n *\n * @example\n * // With validation constraints\n * <DateRangePicker fromDate={new Date(2020, 0, 1)} toDate={new Date()} hasError={isInvalid} />\n *\n * @example\n * // Localized\n * <DateRangePicker locale={fr} />\n */\n\nimport {\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useDisclosure } from '@mantine/hooks';\nimport { endOfDay, isSameDay, startOfDay } from 'date-fns';\nimport { enUS } from 'date-fns/locale';\n\nimport { useResponsive } from '../../../../hooks/use-responsive';\nimport { useScrollProgress } from '../../../../hooks/use-scroll-progress';\nimport { cn } from '../../../../lib/utils';\nimport { Popover } from '../../../elements/organisms/popover';\nimport { Calendar } from '../calendar';\nimport { Presets } from '../presets';\nimport { DatePickerContext, formatDate, validatePresets } from '../shared';\nimport { Trigger } from '../trigger';\n\nimport type { DateRange, DateRangePreset, PickerProps } from '../types';\nimport type { SelectRangeEventHandler } from 'react-day-picker';\n\ninterface RangeDatePickerProps extends PickerProps {\n  presets?: DateRangePreset[];\n  presetId?: DateRangePreset['id'];\n  defaultValue?: DateRange;\n  value?: DateRange;\n  onChange?: (dateRange?: DateRange, preset?: DateRangePreset) => void;\n}\n\nconst DateRangePickerInner = ({\n  value,\n  defaultValue,\n  presetId,\n  onChange,\n  presets,\n  disabled,\n  disableNavigation,\n  disabledDays,\n  showYearNavigation = false,\n  locale = enUS,\n  placeholder = 'Select date range',\n  hasError,\n  align = 'center',\n  className,\n  ...props\n}: RangeDatePickerProps) => {\n  const { isDesktop } = useResponsive();\n\n  // Use Mantine's useDisclosure for boolean open/close state\n  const [open, { open: openPopover, close: closePopover }] = useDisclosure(false);\n  // Memoize setOpen handler for stable reference\n  const setOpen = useCallback(\n    (newOpen: boolean) => {\n      if (newOpen) openPopover();\n      else closePopover();\n    },\n    [openPopover, closePopover],\n  );\n  const [preset, setPreset] = useState<DateRangePreset | undefined>(\n    presets != null && presetId != null ? presets.find(({ id }) => id === presetId) : undefined,\n  );\n  const [range, setRange] = useState<DateRange | undefined>(\n    preset?.dateRange ?? value ?? defaultValue,\n  );\n  const [month, setMonth] = useState<Date | undefined>(range?.to);\n\n  // Store initial range when popover opens for cancel functionality\n  const [initialRange, setInitialRange] = useState<DateRange | undefined>(range);\n\n  // Update internal state when value prop changes\n  useEffect(() => {\n    setRange(value);\n  }, [value]);\n\n  // Update internal state when preset props change\n  useEffect(() => {\n    const p = presets?.find(({ id }) => id === presetId);\n    setPreset(p);\n    setRange(p?.dateRange ?? value ?? defaultValue);\n  }, [presets, presetId, value, defaultValue]);\n\n  // Update month and initial range when popover opens/closes\n  useEffect(() => {\n    if (open) {\n      setInitialRange(range);\n      if (range?.to) setMonth(range.to);\n    } else {\n      if (range?.to) setMonth(range.to);\n    }\n  }, [open, range]);\n\n  // Memoize calendar select handler\n  const onCalendarSelect: SelectRangeEventHandler = useCallback(\n    (selectedRange: DateRange | undefined, selectedDay: Date | undefined) => {\n      // We can hopefully simplify this in the future\n      const newRange =\n        range?.from != null && range?.to != null ? { from: selectedDay } : selectedRange;\n\n      // Handle same-day selection: set start of day and end of day with local timezone\n      if (newRange?.from != null && newRange?.to != null && isSameDay(newRange.from, newRange.to)) {\n        newRange.from = startOfDay(newRange.from);\n        newRange.to = endOfDay(newRange.to);\n      }\n\n      setRange(newRange);\n      setPreset(undefined);\n      if (newRange?.from != null && newRange?.to != null) {\n        onChange?.(newRange);\n        setOpen(false);\n      }\n    },\n    [range, onChange, setOpen],\n  );\n\n  // Memoize preset selected handler\n  const onPresetSelected = useCallback(\n    (selectedPreset: DateRangePreset) => {\n      let adjustedDateRange = selectedPreset.dateRange;\n\n      // Handle same-day selection for presets\n      if (\n        adjustedDateRange?.from != null &&\n        adjustedDateRange?.to != null &&\n        isSameDay(adjustedDateRange.from, adjustedDateRange.to)\n      ) {\n        adjustedDateRange = {\n          from: startOfDay(adjustedDateRange.from),\n          to: endOfDay(adjustedDateRange.to),\n        };\n      }\n\n      setRange(adjustedDateRange);\n      setPreset(selectedPreset);\n      onChange?.(adjustedDateRange, selectedPreset);\n      setOpen(false);\n    },\n    [onChange, setOpen],\n  );\n\n  // Memoize cancel handler\n  const onCancel = useCallback(() => {\n    setRange(initialRange);\n    setOpen(false);\n  }, [initialRange, setOpen]);\n\n  // Memoize open change handler\n  const onOpenChange = useCallback(\n    (isOpen: boolean) => {\n      if (!isOpen) onCancel();\n      setOpen(isOpen);\n    },\n    [onCancel, setOpen],\n  );\n\n  const displayRange = useMemo(() => {\n    if (!range) return null;\n\n    return `${range.from != null ? formatDate(range.from, locale) : ''} - ${range.to != null ? formatDate(range.to, locale) : ''}`;\n  }, [range, locale]);\n\n  const setIsOpenDispatch = useCallback<Dispatch<SetStateAction<boolean>>>(\n    value => {\n      if (typeof value === 'function') {\n        setOpen(value(open));\n      } else {\n        setOpen(value);\n      }\n    },\n    [open, setOpen],\n  );\n\n  const contextValue = useMemo(\n    () => ({ isOpen: open, setIsOpen: setIsOpenDispatch }),\n    [open, setIsOpenDispatch],\n  );\n\n  return (\n    <DatePickerContext.Provider value={contextValue}>\n      <Popover\n        align={align}\n        openPopover={open}\n        setOpenPopover={onOpenChange}\n        popoverContentClassName=\"rounded-xl\"\n        content={\n          <div className=\"flex w-full\">\n            <div className=\"scrollbar-hide relative flex w-full flex-col overflow-x-scroll sm:flex-row-reverse sm:items-start\">\n              {presets != null && presets.length > 0 ? (\n                <PresetScrollContainer>\n                  <div className=\"absolute px-3 sm:inset-0 sm:left-0\">\n                    <div className=\"sm:py-3\">\n                      <Presets\n                        currentPresetId={presetId}\n                        currentValue={range}\n                        presets={presets}\n                        onSelect={onPresetSelected}\n                      />\n                    </div>\n                  </div>\n                </PresetScrollContainer>\n              ) : null}\n              <div className=\"scrollbar-hide overflow-x-scroll\">\n                <Calendar\n                  mode=\"range\"\n                  selected={range}\n                  onSelect={onCalendarSelect}\n                  month={month}\n                  onMonthChange={setMonth}\n                  numberOfMonths={isDesktop ? 2 : 1}\n                  disabled={disabledDays}\n                  disableNavigation={disableNavigation}\n                  showYearNavigation={showYearNavigation}\n                  locale={locale}\n                  className=\"scrollbar-hide overflow-x-scroll\"\n                  classNames={{\n                    months: 'flex flex-row divide-x divide-border overflow-x-scroll scrollbar-hide',\n                  }}\n                  {...props}\n                />\n              </div>\n            </div>\n          </div>\n        }\n      >\n        <Trigger\n          placeholder={placeholder}\n          disabled={disabled}\n          className={className}\n          hasError={hasError}\n          aria-required={props.required ?? props['aria-required']}\n          aria-invalid={props['aria-invalid']}\n          aria-label={props['aria-label']}\n          aria-labelledby={props['aria-labelledby']}\n        >\n          {preset?.label ?? displayRange}\n        </Trigger>\n      </Popover>\n    </DatePickerContext.Provider>\n  );\n};\n\nexport function DateRangePicker({ presets, ...props }: RangeDatePickerProps) {\n  if (presets != null) validatePresets(presets, props);\n\n  return <DateRangePickerInner presets={presets} {...props} />;\n}\n\nfunction PresetScrollContainer({ children }: PropsWithChildren) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { scrollProgress, updateScrollProgress } = useScrollProgress(ref);\n  return (\n    <div className=\"relative sm:h-full\">\n      <div\n        ref={ref}\n        onScroll={updateScrollProgress}\n        className={cn(\n          'relative flex h-16 w-full items-center sm:h-full sm:w-48',\n          'border-border border-b sm:border-b-0 sm:border-l',\n          'scrollbar-hide overflow-auto',\n        )}\n      >\n        {children}\n      </div>\n      {/* Bottom scroll fade */}\n      <div\n        className=\"from-background pointer-events-none absolute bottom-0 left-0 hidden h-16 w-full rounded-b-lg bg-gradient-to-t sm:block\"\n        style={{ opacity: 1 - Math.pow(scrollProgress, 2) }}\n      />\n    </div>\n  );\n}\n\nexport type { RangeDatePickerProps };\n"],"mappings":"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"}

package/dist/dialog-Di5QhIga.d.mts

@@ -0,0 +1,31 @@
+
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/elements/organisms/dialog/dialog.d.ts
+declare function Dialog({
+  children,
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime0.JSX.Element;
+declare const DialogTrigger: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: (props: React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>) => react_jsx_runtime0.JSX.Element;
+declare const DialogClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const dialogContentVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
+  showCloseButton?: boolean;
+  bounce?: boolean;
+}
+declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { DialogFooter as a, DialogPortal as c, dialogContentVariants as d, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };
+//# sourceMappingURL=dialog-Di5QhIga.d.mts.map

package/dist/dialog-DuluSpxA.mjs

@@ -0,0 +1,293 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { i as SPRING_GENTLE } from "./motion-zelaDelJ.mjs";
+import { n as ErrorBoundary } from "./error-boundary-Ggc5btkU.mjs";
+import * as React$1 from "react";
+import { forwardRef, useMemo } from "react";
+import { useReducedMotion } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { XIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/elements/organisms/dialog/dialog.tsx
+/**
+* @fileoverview Dialog Component - Premium Harmony V2
+*
+* A modal dialog component with customizable sizes for overlaying content.
+* Built on Radix UI Dialog primitives with full accessibility support.
+* Features Premium Harmony V2 spring physics for smooth, focused user interactions.
+*
+* Features:
+* - Premium Harmony V2 spring physics animations (SPRING_GENTLE)
+* - Motion/React for smooth, performant animations
+* - Reduced motion support with useReducedMotion
+* - ES2023 syntax with modern patterns
+* - Tailwind v4 CSS-first theming with CSS variables
+* - Super light/dark mode with seamless switching
+* - CVA size variants (sm, default, lg, xl, full)
+* - Optional bounce animation on open
+* - Radix UI primitives for accessibility
+* - Focus trap and scroll lock
+* - ErrorBoundary wrapper for resilience
+* - Data attributes for state management (data-state)
+* - Semantic color tokens (no hardcoded colors)
+* - Focus-visible ring styles for interactive elements
+* - AnimatePresence for conditional rendering
+*
+* @module @od-oneapp/uni-ui/components/elements/dialog
+* @component Dialog
+*
+* @useCases
+* - Modal dialogs: Confirmations, data entry forms, or critical user decisions
+* - Detail views: Showing expanded information without losing page context
+* - Settings: Contextual configuration panels that overlay the main interface
+* - Notifications: Alerts, warnings, or important messages requiring acknowledgment
+* - Multi-step flows: Wizards or guided processes with sequential dialog states
+* - Media display: Viewing images or videos in a focused modal overlay
+* - Authentication: Login, sign-up, or password reset modal interfaces
+*
+* @subcomponents
+* - Dialog - Root container with ErrorBoundary
+* - DialogTrigger - Button/element that opens the dialog
+* - DialogPortal - Portal container
+* - DialogClose - Close button element
+* - DialogOverlay - Background overlay with backdrop blur
+* - DialogContent - Main content container
+* - DialogHeader - Header section
+* - DialogFooter - Footer section
+* - DialogTitle - Dialog title
+* - DialogDescription - Dialog description
+*
+* @variants
+* - size: sm | default | lg | xl | full (DialogContent)
+* - bounce: boolean (adds entry spring effect)
+*
+* @example
+* // Standard confirmation dialog
+* <Dialog>
+*   <DialogTrigger asChild><Button>Delete Account</Button></DialogTrigger>
+*   <DialogContent size="sm">
+*     <DialogHeader>
+*       <DialogTitle>Are you sure?</DialogTitle>
+*       <DialogDescription>This action cannot be undone.</DialogDescription>
+*     </DialogHeader>
+*     <DialogFooter>
+*       <DialogClose asChild><Button variant="ghost">Cancel</Button></DialogClose>
+*       <Button variant="destructive">Confirm</Button>
+*     </DialogFooter>
+*   </DialogContent>
+* </Dialog>
+*
+* @example
+* // Wide form dialog with bounce
+* <Dialog>
+*   <DialogTrigger asChild><Button>Edit Profile</Button></DialogTrigger>
+*   <DialogContent size="lg" bounce>
+*     <DialogHeader>
+*       <DialogTitle>Edit Profile</DialogTitle>
+*     </DialogHeader>
+*     <form>Profile fields go here</form>
+*   </DialogContent>
+* </Dialog>
+*/
+const DialogContext = React$1.createContext({ open: false });
+const useDialogContext = () => React$1.useContext(DialogContext);
+/**
+* Dialog root component that provides an error boundary around the underlying dialog root and forwards all received props.
+*
+* @param props - Props to pass through to the underlying DialogPrimitive.Root
+* @returns The rendered dialog root element wrapped with an error boundary
+*/
+function Dialog({ children, ...props }) {
+	const contextValue = useMemo(() => ({ open: props.open ?? false }), [props.open]);
+	return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props,
+		children: /* @__PURE__ */ jsx(DialogContext.Provider, {
+			value: contextValue,
+			children
+		})
+	}) });
+}
+const DIALOG_TRIGGER_BASE_CLASSNAME = "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none";
+const DIALOG_OVERLAY_BASE_CLASSNAME = "bg-backdrop fixed inset-0 z-50 backdrop-blur-xs";
+const DIALOG_CLOSE_BUTTON_BASE_CLASSNAME = "ring-offset-background focus:ring-ring absolute top-4 right-4 inline-flex min-h-11 min-w-11 items-center justify-center rounded-xs opacity-70 transition-[opacity,transform] hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4";
+const DIALOG_CLOSE_SR_ONLY_CLASSNAME = "sr-only";
+const DIALOG_HEADER_BASE_CLASSNAME = "flex flex-col gap-2 text-center sm:text-left";
+const DIALOG_FOOTER_BASE_CLASSNAME = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
+const DIALOG_TITLE_BASE_CLASSNAME = "text-lg leading-none font-semibold";
+const DIALOG_DESCRIPTION_BASE_CLASSNAME = "text-muted-foreground text-sm";
+const DIALOG_CLOSE_ICON = /* @__PURE__ */ jsx(XIcon, {});
+const DIALOG_CLOSE_SR_TEXT = /* @__PURE__ */ jsx("span", {
+	className: DIALOG_CLOSE_SR_ONLY_CLASSNAME,
+	children: "Close"
+});
+/**
+* Renders a dialog trigger that wraps Radix's Trigger with preset focus-visible styles and a data-slot attribute.
+*
+* @param className - Additional CSS classes to merge with the component's focus-visible utilities.
+* @returns A DialogTrigger element that forwards all other props to Radix's Trigger.
+*/
+const DialogTrigger = forwardRef(function DialogTrigger({ className, ...props }, ref) {
+	const triggerClassName = useMemo(() => cn(DIALOG_TRIGGER_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		ref,
+		"data-slot": "dialog-trigger",
+		className: triggerClassName,
+		...props
+	});
+});
+/**
+* Renders a dialog portal element and forwards all props to the underlying Portal.
+*
+* @param props - Props forwarded to the underlying Portal element.
+* @returns A Portal element with `data-slot="dialog-portal"` and the forwarded props.
+*/
+const DialogPortal = function DialogPortal(props) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+};
+const DialogClose = forwardRef(function DialogClose(props, ref) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		ref,
+		"data-slot": "dialog-close",
+		...props
+	});
+});
+const DialogOverlay = forwardRef(function DialogOverlay({ className, ...props }, ref) {
+	const reducedMotion = useReducedMotion() ?? false;
+	const { open } = useDialogContext();
+	const overlayClassName = useMemo(() => cn(DIALOG_OVERLAY_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		ref,
+		asChild: true,
+		forceMount: true,
+		children: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "dialog-overlay",
+			"data-state": open ? "open" : "closed",
+			className: overlayClassName,
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: reducedMotion ? { duration: 0 } : { duration: .2 },
+			...props
+		})
+	});
+});
+const dialogContentVariants = cva("bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border shadow-lg", {
+	variants: { size: {
+		sm: "gap-4 p-5 sm:max-w-sm",
+		default: "gap-5 p-6 sm:max-w-lg",
+		lg: "gap-6 p-8 sm:max-w-2xl",
+		xl: "gap-7 p-10 sm:max-w-4xl",
+		full: "gap-5 p-6 sm:max-w-[calc(100%-4rem)]"
+	} },
+	defaultVariants: { size: "default" }
+});
+const DialogContent = forwardRef(function DialogContent({ className, children, showCloseButton = true, size, bounce = false, ...props }, ref) {
+	const { open } = useDialogContext();
+	const reducedMotion = useReducedMotion() ?? false;
+	const contentClassName = useMemo(() => cn(dialogContentVariants({ size }), className), [size, className]);
+	const closeButtonElement = useMemo(() => showCloseButton ? /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(motion.button, {
+			"data-slot": "dialog-close",
+			className: DIALOG_CLOSE_BUTTON_BASE_CLASSNAME,
+			whileTap: reducedMotion ? void 0 : { scale: .95 },
+			transition: reducedMotion ? { duration: 0 } : SPRING_GENTLE,
+			children: [DIALOG_CLOSE_ICON, DIALOG_CLOSE_SR_TEXT]
+		})
+	}) : null, [showCloseButton, reducedMotion]);
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsxs(DialogPortal, {
+		forceMount: true,
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+			ref,
+			asChild: true,
+			forceMount: true,
+			...props,
+			children: /* @__PURE__ */ jsxs(motion.div, {
+				"data-slot": "dialog-content",
+				"data-state": open ? "open" : "closed",
+				className: contentClassName,
+				initial: reducedMotion ? { opacity: 0 } : bounce ? {
+					opacity: 0,
+					scale: .9,
+					y: "-40%",
+					x: "-50%"
+				} : {
+					opacity: 0,
+					scale: .95,
+					y: "-50%",
+					x: "-50%"
+				},
+				animate: {
+					opacity: 1,
+					scale: 1,
+					y: "-50%",
+					x: "-50%"
+				},
+				exit: reducedMotion ? { opacity: 0 } : bounce ? {
+					opacity: 0,
+					scale: .9,
+					y: "-40%",
+					x: "-50%"
+				} : {
+					opacity: 0,
+					scale: .95,
+					y: "-50%",
+					x: "-50%"
+				},
+				transition: reducedMotion ? { duration: 0 } : bounce ? {
+					type: "spring",
+					stiffness: 300,
+					damping: 20
+				} : SPRING_GENTLE,
+				children: [children, closeButtonElement]
+			})
+		})]
+	}) : null });
+});
+const DialogHeader = forwardRef(function DialogHeader({ className, ...props }, ref) {
+	const headerClassName = useMemo(() => cn(DIALOG_HEADER_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "dialog-header",
+		className: headerClassName,
+		...props
+	});
+});
+const DialogFooter = forwardRef(function DialogFooter({ className, ...props }, ref) {
+	const footerClassName = useMemo(() => cn(DIALOG_FOOTER_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "dialog-footer",
+		className: footerClassName,
+		...props
+	});
+});
+const DialogTitle = forwardRef(function DialogTitle({ className, ...props }, ref) {
+	const titleClassName = useMemo(() => cn(DIALOG_TITLE_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		ref,
+		"data-slot": "dialog-title",
+		className: titleClassName,
+		...props
+	});
+});
+const DialogDescription = forwardRef(function DialogDescription({ className, ...props }, ref) {
+	const descriptionClassName = useMemo(() => cn(DIALOG_DESCRIPTION_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		ref,
+		"data-slot": "dialog-description",
+		className: descriptionClassName,
+		...props
+	});
+});
+
+//#endregion
+export { DialogFooter as a, DialogPortal as c, dialogContentVariants as d, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };
+//# sourceMappingURL=dialog-DuluSpxA.mjs.map

package/dist/dialog-DuluSpxA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DuluSpxA.mjs","names":["React"],"sources":["../src/components/elements/organisms/dialog/dialog.tsx"],"sourcesContent":["/**\n * @fileoverview Dialog Component - Premium Harmony V2\n *\n * A modal dialog component with customizable sizes for overlaying content.\n * Built on Radix UI Dialog primitives with full accessibility support.\n * Features Premium Harmony V2 spring physics for smooth, focused user interactions.\n *\n * Features:\n * - Premium Harmony V2 spring physics animations (SPRING_GENTLE)\n * - Motion/React for smooth, performant animations\n * - Reduced motion support with useReducedMotion\n * - ES2023 syntax with modern patterns\n * - Tailwind v4 CSS-first theming with CSS variables\n * - Super light/dark mode with seamless switching\n * - CVA size variants (sm, default, lg, xl, full)\n * - Optional bounce animation on open\n * - Radix UI primitives for accessibility\n * - Focus trap and scroll lock\n * - ErrorBoundary wrapper for resilience\n * - Data attributes for state management (data-state)\n * - Semantic color tokens (no hardcoded colors)\n * - Focus-visible ring styles for interactive elements\n * - AnimatePresence for conditional rendering\n *\n * @module @od-oneapp/uni-ui/components/elements/dialog\n * @component Dialog\n *\n * @useCases\n * - Modal dialogs: Confirmations, data entry forms, or critical user decisions\n * - Detail views: Showing expanded information without losing page context\n * - Settings: Contextual configuration panels that overlay the main interface\n * - Notifications: Alerts, warnings, or important messages requiring acknowledgment\n * - Multi-step flows: Wizards or guided processes with sequential dialog states\n * - Media display: Viewing images or videos in a focused modal overlay\n * - Authentication: Login, sign-up, or password reset modal interfaces\n *\n * @subcomponents\n * - Dialog - Root container with ErrorBoundary\n * - DialogTrigger - Button/element that opens the dialog\n * - DialogPortal - Portal container\n * - DialogClose - Close button element\n * - DialogOverlay - Background overlay with backdrop blur\n * - DialogContent - Main content container\n * - DialogHeader - Header section\n * - DialogFooter - Footer section\n * - DialogTitle - Dialog title\n * - DialogDescription - Dialog description\n *\n * @variants\n * - size: sm | default | lg | xl | full (DialogContent)\n * - bounce: boolean (adds entry spring effect)\n *\n * @example\n * // Standard confirmation dialog\n * <Dialog>\n *   <DialogTrigger asChild><Button>Delete Account</Button></DialogTrigger>\n *   <DialogContent size=\"sm\">\n *     <DialogHeader>\n *       <DialogTitle>Are you sure?</DialogTitle>\n *       <DialogDescription>This action cannot be undone.</DialogDescription>\n *     </DialogHeader>\n *     <DialogFooter>\n *       <DialogClose asChild><Button variant=\"ghost\">Cancel</Button></DialogClose>\n *       <Button variant=\"destructive\">Confirm</Button>\n *     </DialogFooter>\n *   </DialogContent>\n * </Dialog>\n *\n * @example\n * // Wide form dialog with bounce\n * <Dialog>\n *   <DialogTrigger asChild><Button>Edit Profile</Button></DialogTrigger>\n *   <DialogContent size=\"lg\" bounce>\n *     <DialogHeader>\n *       <DialogTitle>Edit Profile</DialogTitle>\n *     </DialogHeader>\n *     <form>Profile fields go here</form>\n *   </DialogContent>\n * </Dialog>\n */\n\n'use client';\n\nimport * as React from 'react';\nimport { forwardRef, useMemo } from 'react';\n\nimport { useReducedMotion } from '@mantine/hooks';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { SPRING_GENTLE } from '../../../../constants/motion';\nimport { cn } from '../../../../lib/utils';\nimport { ErrorBoundary } from '../error-boundary';\n\nconst DialogContext = React.createContext<{ open: boolean }>({ open: false });\n\nconst useDialogContext = () => React.useContext(DialogContext);\n\n/**\n * Dialog root component that provides an error boundary around the underlying dialog root and forwards all received props.\n *\n * @param props - Props to pass through to the underlying DialogPrimitive.Root\n * @returns The rendered dialog root element wrapped with an error boundary\n */\nfunction Dialog({ children, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  const contextValue = useMemo(() => ({ open: props.open ?? false }), [props.open]);\n  return (\n    <ErrorBoundary>\n      <DialogPrimitive.Root data-slot=\"dialog\" {...props}>\n        <DialogContext.Provider value={contextValue}>{children}</DialogContext.Provider>\n      </DialogPrimitive.Root>\n    </ErrorBoundary>\n  );\n}\n\n// Static classNames - moved outside components to prevent recreation\nconst DIALOG_TRIGGER_BASE_CLASSNAME =\n  'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none';\nconst DIALOG_OVERLAY_BASE_CLASSNAME = 'bg-backdrop fixed inset-0 z-50 backdrop-blur-xs';\nconst DIALOG_CLOSE_BUTTON_BASE_CLASSNAME =\n  'ring-offset-background focus:ring-ring absolute top-4 right-4 inline-flex min-h-11 min-w-11 items-center justify-center rounded-xs opacity-70 transition-[opacity,transform] hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-4';\nconst DIALOG_CLOSE_SR_ONLY_CLASSNAME = 'sr-only';\nconst DIALOG_HEADER_BASE_CLASSNAME = 'flex flex-col gap-2 text-center sm:text-left';\nconst DIALOG_FOOTER_BASE_CLASSNAME = 'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end';\nconst DIALOG_TITLE_BASE_CLASSNAME = 'text-lg leading-none font-semibold';\nconst DIALOG_DESCRIPTION_BASE_CLASSNAME = 'text-muted-foreground text-sm';\n\n// Default React elements - moved outside components to prevent recreation\nconst DIALOG_CLOSE_ICON = <XIcon />;\nconst DIALOG_CLOSE_SR_TEXT = <span className={DIALOG_CLOSE_SR_ONLY_CLASSNAME}>Close</span>;\n\n/**\n * Renders a dialog trigger that wraps Radix's Trigger with preset focus-visible styles and a data-slot attribute.\n *\n * @param className - Additional CSS classes to merge with the component's focus-visible utilities.\n * @returns A DialogTrigger element that forwards all other props to Radix's Trigger.\n */\nconst DialogTrigger = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>\n>(function DialogTrigger({ className, ...props }, ref) {\n  const triggerClassName = useMemo(() => cn(DIALOG_TRIGGER_BASE_CLASSNAME, className), [className]);\n\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dialog-trigger\"\n      className={triggerClassName}\n      {...props}\n    />\n  );\n});\n\n/**\n * Renders a dialog portal element and forwards all props to the underlying Portal.\n *\n * @param props - Props forwarded to the underlying Portal element.\n * @returns A Portal element with `data-slot=\"dialog-portal\"` and the forwarded props.\n */\nconst DialogPortal = function DialogPortal(\n  props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>,\n) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n};\n\nconst DialogClose = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n>(function DialogClose(props, ref) {\n  return <DialogPrimitive.Close ref={ref} data-slot=\"dialog-close\" {...props} />;\n});\n\nconst DialogOverlay = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function DialogOverlay({ className, ...props }, ref) {\n  const reducedMotion = useReducedMotion() ?? false;\n  const { open } = useDialogContext();\n\n  const overlayClassName = useMemo(() => cn(DIALOG_OVERLAY_BASE_CLASSNAME, className), [className]);\n\n  return (\n    <DialogPrimitive.Overlay ref={ref} asChild forceMount>\n      <motion.div\n        data-slot=\"dialog-overlay\"\n        data-state={open ? 'open' : 'closed'}\n        className={overlayClassName}\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n        transition={reducedMotion ? { duration: 0 } : { duration: 0.2 }}\n        {...(props as any)}\n      />\n    </DialogPrimitive.Overlay>\n  );\n});\n\nconst dialogContentVariants = cva(\n  'bg-background fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border shadow-lg',\n  {\n    variants: {\n      size: {\n        sm: 'gap-4 p-5 sm:max-w-sm',\n        default: 'gap-5 p-6 sm:max-w-lg',\n        lg: 'gap-6 p-8 sm:max-w-2xl',\n        xl: 'gap-7 p-10 sm:max-w-4xl',\n        full: 'gap-5 p-6 sm:max-w-[calc(100%-4rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n);\n\ninterface DialogContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n    VariantProps<typeof dialogContentVariants> {\n  showCloseButton?: boolean;\n  /** Enable bounce animation on open */\n  bounce?: boolean;\n}\n\nconst DialogContent = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(function DialogContent(\n  { className, children, showCloseButton = true, size, bounce = false, ...props },\n  ref,\n) {\n  const { open } = useDialogContext();\n  const reducedMotion = useReducedMotion() ?? false;\n\n  const contentClassName = useMemo(\n    () => cn(dialogContentVariants({ size }), className),\n    [size, className],\n  );\n\n  const closeButtonElement = useMemo(\n    () =>\n      showCloseButton ? (\n        <DialogPrimitive.Close asChild>\n          <motion.button\n            data-slot=\"dialog-close\"\n            className={DIALOG_CLOSE_BUTTON_BASE_CLASSNAME}\n            whileTap={reducedMotion ? undefined : { scale: 0.95 }}\n            transition={reducedMotion ? { duration: 0 } : SPRING_GENTLE}\n          >\n            {DIALOG_CLOSE_ICON}\n            {DIALOG_CLOSE_SR_TEXT}\n          </motion.button>\n        </DialogPrimitive.Close>\n      ) : null,\n    [showCloseButton, reducedMotion],\n  );\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <DialogPortal forceMount>\n          <DialogOverlay />\n          <DialogPrimitive.Content ref={ref} asChild forceMount {...props}>\n            <motion.div\n              data-slot=\"dialog-content\"\n              data-state={open ? 'open' : 'closed'}\n              className={contentClassName}\n              initial={\n                reducedMotion\n                  ? { opacity: 0 }\n                  : (bounce\n                    ? { opacity: 0, scale: 0.9, y: '-40%', x: '-50%' }\n                    : { opacity: 0, scale: 0.95, y: '-50%', x: '-50%' })\n              }\n              animate={{ opacity: 1, scale: 1, y: '-50%', x: '-50%' }}\n              exit={\n                reducedMotion\n                  ? { opacity: 0 }\n                  : (bounce\n                    ? { opacity: 0, scale: 0.9, y: '-40%', x: '-50%' }\n                    : { opacity: 0, scale: 0.95, y: '-50%', x: '-50%' })\n              }\n              transition={\n                reducedMotion\n                  ? { duration: 0 }\n                  : (bounce\n                    ? { type: 'spring', stiffness: 300, damping: 20 }\n                    : SPRING_GENTLE)\n              }\n            >\n              {children}\n              {closeButtonElement}\n            </motion.div>\n          </DialogPrimitive.Content>\n        </DialogPortal>\n      ) : null}\n    </AnimatePresence>\n  );\n});\n\nconst DialogHeader = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function DialogHeader({ className, ...props }, ref) {\n    const headerClassName = useMemo(() => cn(DIALOG_HEADER_BASE_CLASSNAME, className), [className]);\n\n    return <div ref={ref} data-slot=\"dialog-header\" className={headerClassName} {...props} />;\n  },\n);\n\nconst DialogFooter = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function DialogFooter({ className, ...props }, ref) {\n    const footerClassName = useMemo(() => cn(DIALOG_FOOTER_BASE_CLASSNAME, className), [className]);\n\n    return <div ref={ref} data-slot=\"dialog-footer\" className={footerClassName} {...props} />;\n  },\n);\n\nconst DialogTitle = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function DialogTitle({ className, ...props }, ref) {\n  const titleClassName = useMemo(() => cn(DIALOG_TITLE_BASE_CLASSNAME, className), [className]);\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"dialog-title\"\n      className={titleClassName}\n      {...props}\n    />\n  );\n});\n\nconst DialogDescription = forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function DialogDescription({ className, ...props }, ref) {\n  const descriptionClassName = useMemo(\n    () => cn(DIALOG_DESCRIPTION_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"dialog-description\"\n      className={descriptionClassName}\n      {...props}\n    />\n  );\n});\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  dialogContentVariants,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":"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"}