@alfadocs/ui-kit 0.1.8 → 0.1.10

package/dist/_chunks/date-time-picker-Bzt0S8yO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker-Bzt0S8yO.js","sources":["../../node_modules/date-fns/setHours.js","../../node_modules/date-fns/setMinutes.js","../../src/components/date-time-picker/date-time-picker.agent.ts","../../src/components/date-time-picker/date-time-picker.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link setHours} function options.\n */\n\n/**\n * @name setHours\n * @category Hour Helpers\n * @summary Set the hours to the given date.\n *\n * @description\n * Set the hours to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param hours - The hours of the new date\n * @param options - An object with options\n *\n * @returns The new date with the hours set\n *\n * @example\n * // Set 4 hours to 1 September 2014 11:30:00:\n * const result = setHours(new Date(2014, 8, 1, 11, 30), 4)\n * //=> Mon Sep 01 2014 04:30:00\n */\nexport function setHours(date, hours, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(hours);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default setHours;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link setMinutes} function options.\n */\n\n/**\n * @name setMinutes\n * @category Minute Helpers\n * @summary Set the minutes to the given date.\n *\n * @description\n * Set the minutes to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows using extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, returned from the context function, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param minutes - The minutes of the new date\n * @param options - An object with options\n *\n * @returns The new date with the minutes set\n *\n * @example\n * // Set 45 minutes to 1 September 2014 11:30:40:\n * const result = setMinutes(new Date(2014, 8, 1, 11, 30, 40), 45)\n * //=> Mon Sep 01 2014 11:45:40\n */\nexport function setMinutes(date, minutes, options) {\n  const date_ = toDate(date, options?.in);\n  date_.setMinutes(minutes);\n  return date_;\n}\n\n// Fallback for modularized imports:\nexport default setMinutes;\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — DateTimePicker.                                        */\n/*                                                                        */\n/* DateTimePicker composes a react-day-picker calendar grid with the     */\n/* TimePicker segments inside a single Radix Popover. The agent surface  */\n/* exposes a combined datetime — set / clear / open / close. The handle  */\n/* is the curated surface; consumers don't address the inner sub-widgets.*/\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DateTimePickerHandle } from './date-time-picker';\n\nexport const dateTimePickerAgent: AgentAdapter<DateTimePickerHandle> = {\n  id: 'date-time-picker',\n  capabilities: ['pick', 'open', 'close'],\n  state: {\n    value: {\n      type: 'iso-datetime',\n      descriptionKey: 'ui.agent.dateTimePicker.state.value',\n      description: 'Currently-selected ISO datetime, or null.',\n      read: (handle) => handle.getValue()?.toISOString() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.dateTimePicker.state.isOpen',\n      description: 'Whether the datetime popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_datetime: {\n      safety: 'write',\n      argsType: '{ datetime: string }',\n      descriptionKey: 'ui.agent.dateTimePicker.actions.setDatetime',\n      description: 'Select a specific datetime (ISO string).',\n      invoke: (handle, args: { datetime: string }) => {\n        handle.setValue(new Date(args.datetime));\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.dateTimePicker.actions.clear',\n      description: 'Clear the selected datetime.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.dateTimePicker.actions.open',\n      description: 'Open the datetime popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.dateTimePicker.actions.close',\n      description: 'Close the datetime popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-time-picker',\n      description: 'Marks the DateTimePicker wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport { DayPicker } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  isBefore,\n  isAfter,\n  setHours,\n  setMinutes,\n} from 'date-fns';\nimport { Calendar } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  getDateFnsLocale,\n  buildDisabledMatcher,\n  CalendarChevron,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n} from '../_shared';\nimport { TimePicker } from '../time-picker/time-picker';\nimport type { TimeValue } from '../_shared/time';\nimport { useAgentRegistration } from '../../agent';\nimport { dateTimePickerAgent } from './date-time-picker.agent';\nimport '../../tokens/themes/bridges/react-day-picker.css';\n\n/* -------------------------------------------------------------------------- */\n/*  Imperative handle                                                          */\n/* -------------------------------------------------------------------------- */\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DateTimePickerHandle {\n  /** Get the current selected datetime, or undefined. */\n  getValue: () => Date | undefined;\n  /** Set the selected datetime. */\n  setValue: (date: Date | undefined) => void;\n  /** Clear the selected datetime. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the popover. */\n  open: () => void;\n  /** Close the popover. */\n  close: () => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Helpers                                                                    */\n/* -------------------------------------------------------------------------- */\n\n/** Get timezone short name. */\nfunction getTimezoneLabel(locale: string, timezone?: string): string {\n  try {\n    const opts: Intl.DateTimeFormatOptions = { timeZoneName: 'short' };\n    if (timezone && timezone !== 'local') {\n      opts.timeZone = timezone === 'utc' ? 'UTC' : timezone;\n    }\n    const parts = new Intl.DateTimeFormat(locale, opts).formatToParts(new Date());\n    return parts.find((p) => p.type === 'timeZoneName')?.value ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/** Check if a timezone differs from the browser's. */\nfunction tzDiffersFromBrowser(timezone?: string): boolean {\n  if (!timezone || timezone === 'local') return false;\n  try {\n    const browserTz = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    if (timezone === 'utc') return browserTz !== 'UTC';\n    return browserTz !== timezone;\n  } catch {\n    return false;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*  CVA variants                                                               */\n/* -------------------------------------------------------------------------- */\n\nconst applyButtonVariants = cva(\n  [\n    'ds:w-full ds:rounded-[var(--radius-sm)]',\n    'ds:bg-primary ds:text-primary-foreground',\n    'ds:hover:bg-primary-hover ds:cursor-pointer',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DateTimePickerProps\n  extends Pick<VariantProps<typeof triggerVariants>, 'size'> {\n  /** Current datetime — controlled. */\n  value?: Date;\n  /** Default datetime — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the datetime changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Timezone — IANA string, 'local', or 'utc'. */\n  timezone?: string;\n  /** Show timezone annotation. Defaults to true when tz differs from browser. */\n  showTimezone?: boolean;\n  /** Minimum datetime. */\n  minDate?: Date;\n  /** Maximum datetime. */\n  maxDate?: Date;\n  /** Force 12h/24h mode. */\n  hour12?: boolean;\n  /** Minute step for TimePicker. */\n  minuteStep?: 1 | 5 | 10 | 15 | 30;\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DateTimePicker = forwardRef<DateTimePickerHandle, DateTimePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      timezone,\n      showTimezone: showTimezoneProp,\n      minDate,\n      maxDate,\n      hour12,\n      minuteStep = 1,\n      size = 'md',\n      disabled,\n      placeholder,\n      className,\n      id,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = getDateFnsLocale(i18n.language);\n    const placeholderText =\n      placeholder ?? t('ui.inputs.dateTimePicker.placeholder', 'Select date and time');\n    const applyLabel = t('ui.inputs.dateTimePicker.apply', 'Apply');\n    const outOfRangeLabel = t(\n      'ui.inputs.dateTimePicker.outOfRange',\n      'Date/time is out of allowed range',\n    );\n\n    const showTimezone =\n      showTimezoneProp !== undefined ? showTimezoneProp : tzDiffersFromBrowser(timezone);\n    const timezoneLabel = showTimezone\n      ? getTimezoneLabel(i18n.language, timezone)\n      : '';\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<Date | undefined>(\n      value ?? defaultValue,\n    );\n    const currentValue = isControlled ? value : internalValue;\n\n    // Draft state while popover is open\n    const [draftDate, setDraftDate] = useState<Date | undefined>(currentValue);\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n    const [rangeError, setRangeError] = useState(false);\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        if (!isControlled) setInternalValue(date);\n        onChange?.(date);\n      },\n      [isControlled, onChange],\n    );\n\n    const disabledMatcher = buildDisabledMatcher(minDate, maxDate);\n\n    /** Check if a full datetime is within range. */\n    const isInRange = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return false;\n        if (maxDate && isAfter(date, maxDate)) return false;\n        return true;\n      },\n      [minDate, maxDate],\n    );\n\n    // Sync draft when popover opens\n    const handleOpenChange = (nextOpen: boolean) => {\n      if (nextOpen) {\n        setDraftDate(currentValue ?? new Date());\n        setMonth(currentValue ?? new Date());\n        setRangeError(false);\n      }\n      setOpen(nextOpen);\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (!date) return;\n      const prev = draftDate ?? new Date();\n      const merged = setMinutes(setHours(date, prev.getHours()), prev.getMinutes());\n      setDraftDate(merged);\n      setRangeError(!isInRange(merged));\n    };\n\n    const handleTimeChange = (time: TimeValue) => {\n      const prev = draftDate ?? new Date();\n      const merged = setMinutes(setHours(prev, time.hours), time.minutes);\n      setDraftDate(merged);\n      setRangeError(!isInRange(merged));\n    };\n\n    const handleApply = () => {\n      if (!draftDate) return;\n      if (!isInRange(draftDate)) {\n        setRangeError(true);\n        return;\n      }\n      emit(draftDate);\n      setOpen(false);\n      triggerRef.current?.focus();\n    };\n\n    // Format display text\n    const displayText = currentValue\n      ? fnsFormat(currentValue, 'MMM d, yyyy HH:mm', { locale })\n      : '';\n\n    const calendarLabel = t('ui.inputs.datePicker.gridLabel', 'Calendar');\n    const timeLabel = t('ui.inputs.timePicker.groupLabel', 'Time');\n\n    const handle = useMemo<DateTimePickerHandle>(\n      () => ({\n        getValue: () => currentValue,\n        setValue: (date) => emit(date),\n        clear: () => emit(undefined),\n        isOpen: () => open,\n        // Mirror the trigger's open behaviour so draft state seeds correctly.\n        open: () => {\n          setDraftDate(currentValue ?? new Date());\n          setMonth(currentValue ?? new Date());\n          setRangeError(false);\n          setOpen(true);\n        },\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(dateTimePickerAgent, handle, effectiveId);\n\n    return (\n      <Popover.Root open={open} onOpenChange={handleOpenChange}>\n        <div\n          className={className}\n          data-component=\"date-time-picker\"\n          data-component-id={effectiveId}\n        >\n          <Popover.Trigger asChild disabled={effectiveDisabled}>\n            <button\n              ref={triggerRef}\n              id={effectiveId}\n              type=\"button\"\n              disabled={effectiveDisabled}\n              aria-describedby={ctx.describedBy || undefined}\n              aria-invalid={ctx.invalid || undefined}\n              // `aria-required` is not valid on `<button>` per ARIA 1.2 — the\n              // FormField label's visible asterisk + `aria-describedby` link\n              // communicate the required state instead.\n              aria-haspopup=\"dialog\"\n              aria-expanded={open}\n              className={triggerVariants({ size, tone: effectiveTone })}\n            >\n              <span className={displayText ? 'ds:text-foreground' : 'ds:text-muted-foreground'}>\n                {displayText || placeholderText}\n              </span>\n              <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n                <Calendar />\n              </span>\n            </button>\n          </Popover.Trigger>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              className={popoverContentVariants()}\n            >\n              <div className=\"ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]\">\n                {/* Calendar region */}\n                <div role=\"region\" aria-label={calendarLabel}>\n                  <DayPicker\n                    mode=\"single\"\n                    selected={draftDate}\n                    onSelect={handleDaySelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    disabled={disabledMatcher}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    components={{ Chevron: CalendarChevron }}\n                  />\n                </div>\n\n                {/* Time + Apply region */}\n                <div\n                  role=\"region\"\n                  aria-label={timeLabel}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]\"\n                >\n                  <TimePicker\n                    value={\n                      draftDate\n                        ? { hours: draftDate.getHours(), minutes: draftDate.getMinutes() }\n                        : { hours: 0, minutes: 0 }\n                    }\n                    onChange={handleTimeChange}\n                    hour12={hour12}\n                    minuteStep={minuteStep}\n                    size={size}\n                  />\n\n                  {/* Timezone annotation */}\n                  {timezoneLabel ? (\n                    <span\n                      className=\"type-meta ds:text-muted-foreground\"\n                    >\n                      {timezoneLabel}\n                    </span>\n                  ) : null}\n\n                  {/* Range error */}\n                  {rangeError ? (\n                    <span\n                      role=\"alert\"\n                      className=\"type-meta ds:text-destructive\"\n                    >\n                      {outOfRangeLabel}\n                    </span>\n                  ) : null}\n\n                  {/* Apply button */}\n                  <button\n                    type=\"button\"\n                    onClick={handleApply}\n                    disabled={!draftDate || rangeError}\n                    className={applyButtonVariants({ size })}\n                  >\n                    {applyLabel}\n                  </button>\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDateTimePicker.displayName = 'DateTimePicker';\n"],"names":["setHours","date","hours","options","_date","toDate","setMinutes","minutes","date_","dateTimePickerAgent","handle","_a","args","getTimezoneLabel","locale","timezone","opts","p","tzDiffersFromBrowser","browserTz","applyButtonVariants","cva","DateTimePicker","forwardRef","value","defaultValue","onChange","showTimezoneProp","minDate","maxDate","hour12","minuteStep","size","disabled","placeholder","className","id","ref","t","i18n","useTranslation","ctx","useFormField","effectiveId","effectiveDisabled","effectiveTone","getDateFnsLocale","placeholderText","applyLabel","outOfRangeLabel","timezoneLabel","isControlled","internalValue","setInternalValue","useState","currentValue","draftDate","setDraftDate","open","setOpen","month","setMonth","rangeError","setRangeError","triggerRef","useRef","emit","useCallback","disabledMatcher","buildDisabledMatcher","isInRange","isBefore","isAfter","handleOpenChange","nextOpen","handleDaySelect","prev","merged","handleTimeChange","time","handleApply","displayText","fnsFormat","calendarLabel","timeLabel","useMemo","useImperativeHandle","useAgentRegistration","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","Calendar","popoverContentVariants","DayPicker","CalendarChevron","TimePicker"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/description-list-DvJbp6Yg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-DvJbp6Yg.js","sources":["../../src/components/description-list/description-list.tsx"],"sourcesContent":["import { createContext, forwardRef, useCallback, useContext, useState } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* Context                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface DescriptionListContextShape {\n  layout: 'inline' | 'stacked' | 'responsive';\n  density: 'default' | 'compact';\n  divider: 'none' | 'between' | 'bordered';\n}\n\nconst DescriptionListContext = createContext<DescriptionListContextShape>({\n  layout: 'inline',\n  density: 'default',\n  divider: 'none',\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root <dl>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    density: {\n      default: 'ds:gap-[var(--spacing-md)]',\n      compact: 'ds:gap-[var(--spacing-sm)]',\n    },\n    divider: {\n      none: '',\n      between: '',\n      bordered: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'inline',\n    density: 'default',\n    divider: 'none',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — row <div>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListRowVariants = cva('', {\n  variants: {\n    layout: {\n      inline: 'ds:grid ds:gap-[var(--spacing-md)]',\n      stacked: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n      responsive:\n        'ds:grid ds:gap-[var(--spacing-md)] ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    divider: {\n      none: '',\n      between:\n        'ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]',\n    },\n    copyable: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    {\n      layout: 'inline',\n      copyable: false,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]',\n    },\n    {\n      layout: 'inline',\n      copyable: true,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]',\n    },\n    {\n      layout: 'responsive',\n      copyable: false,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]',\n    },\n    {\n      layout: 'responsive',\n      copyable: true,\n      className: 'ds:grid-cols-[minmax(0,1fr)_minmax(0,2fr)_auto]',\n    },\n  ],\n  defaultVariants: {\n    layout: 'inline',\n    divider: 'none',\n    copyable: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {\n  layout?: 'inline' | 'stacked' | 'responsive';\n  density?: 'default' | 'compact';\n  divider?: 'none' | 'between' | 'bordered';\n}\n\nexport interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */\n  copyable?: boolean;\n  /** Text written to the clipboard when copyable=true */\n  copyText?: string;\n  /** Label used in the copy button's aria-label: \"Copy {copyLabel}\". Falls back to copyText. */\n  copyLabel?: string;\n}\n\nexport interface DescriptionListTermProps extends React.HTMLAttributes<HTMLElement> {}\n\nexport interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {\n  /** Right-aligns numeric values via text-end */\n  numeric?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root — <dl>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRoot = forwardRef<HTMLDListElement, DescriptionListProps>(\n  (\n    {\n      layout = 'inline',\n      density = 'default',\n      divider = 'none',\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => (\n    <DescriptionListContext.Provider value={{ layout, density, divider }}>\n      <dl\n        ref={ref}\n        className={descriptionListVariants({ layout, density, divider, className })}\n        data-component=\"description-list\"\n        {...props}\n      >\n        {children}\n      </dl>\n    </DescriptionListContext.Provider>\n  ),\n);\nDescriptionListRoot.displayName = 'DescriptionList';\n\n/* ------------------------------------------------------------------ */\n/* Row — <div> that groups a <dt> with its <dd>(s)                     */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRow = forwardRef<HTMLDivElement, DescriptionListRowProps>(\n  (\n    {\n      copyable = false,\n      copyText,\n      copyLabel,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { layout, divider } = useContext(DescriptionListContext);\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const handleCopy = useCallback(async () => {\n      if (!copyText) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'DescriptionList.Row: copyable=true but no copyText provided. Copy is a no-op.',\n          );\n        }\n        return;\n      }\n      try {\n        await navigator.clipboard.writeText(copyText);\n        setCopied(true);\n        setAnnouncement(t('ui.keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('ui.keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [copyText, t]);\n\n    const ariaLabel = t('ui.keyValuePair.copy', { label: copyLabel ?? copyText ?? '' });\n\n    return (\n      <div\n        ref={ref}\n        className={descriptionListRowVariants({ layout, divider, copyable, className })}\n        {...props}\n      >\n        {children}\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={ariaLabel}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className=\"ds:self-start\"\n          />\n        )}\n        {copyable && (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {announcement}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nDescriptionListRow.displayName = 'DescriptionList.Row';\n\n/* ------------------------------------------------------------------ */\n/* CVA — term <dt>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListTermVariants = cva(\n  'type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:anywhere] ds:[word-break:normal]',\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — detail <dd>                                                    */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListDetailVariants = cva(\n  'type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:anywhere] ds:[word-break:normal]',\n  {\n    variants: {\n      numeric: {\n        true: 'ds:text-end',\n        false: 'ds:text-start',\n      },\n    },\n    defaultVariants: {\n      numeric: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Term — <dt>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListTerm = forwardRef<HTMLElement, DescriptionListTermProps>(\n  ({ className, ...props }, ref) => (\n    <dt\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListTermVariants({ className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListTerm.displayName = 'DescriptionList.Term';\n\n/* ------------------------------------------------------------------ */\n/* Detail — <dd>                                                        */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListDetail = forwardRef<HTMLElement, DescriptionListDetailProps>(\n  ({ numeric = false, className, ...props }, ref) => (\n    <dd\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListDetailVariants({ numeric, className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListDetail.displayName = 'DescriptionList.Detail';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n  Row: DescriptionListRow,\n  Term: DescriptionListTerm,\n  Detail: DescriptionListDetail,\n});\n"],"names":["DescriptionListContext","createContext","descriptionListVariants","cva","descriptionListRowVariants","DescriptionListRoot","forwardRef","layout","density","divider","className","children","props","ref","jsx","DescriptionListRow","copyable","copyText","copyLabel","useContext","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","handleCopy","useCallback","ariaLabel","jsxs","IconButton","Check","Copy","descriptionListTermVariants","descriptionListDetailVariants","DescriptionListTerm","DescriptionListDetail","numeric","DescriptionList"],"mappings":"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"}

package/dist/_chunks/dialog.agent-Daf1TTko.js

@@ -0,0 +1,179 @@
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as d, useContext as w, createContext as T } from "react";
+import * as t from "@radix-ui/react-dialog";
+import { c as j } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
+import { I as z } from "./icon-button-Wnnde5lc.js";
+import { X as k } from "./x-CCcI3eJp.js";
+const O = [
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), E = [
+  "ds:fixed ds:z-[var(--z-modal)]",
+  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+  "ds:shadow-[var(--shadow-xl)]",
+  "ds:p-[var(--spacing-lg)]",
+  "ds:focus-visible:outline-none",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), n = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", B = j(E, {
+  variants: {
+    size: {
+      sm: `${n} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      md: `${n} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      lg: `${n} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
+      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), c = T(void 0), r = ({ children: o, id: a, ...e }) => /* @__PURE__ */ s(c.Provider, { value: a, children: /* @__PURE__ */ s(t.Root, { ...e, children: o }) });
+r.displayName = "Dialog.Root";
+const p = d(({ children: o, ...a }, e) => /* @__PURE__ */ s(t.Trigger, { ref: e, ...a, children: o }));
+p.displayName = "Dialog.Trigger";
+const m = d(({ children: o, ...a }, e) => /* @__PURE__ */ s(t.Close, { ref: e, ...a, children: o }));
+m.displayName = "Dialog.Close";
+const g = d(
+  ({
+    size: o = "md",
+    variant: a = "default",
+    hideCloseButton: e = !0,
+    className: i,
+    children: D,
+    ...y
+  }, h) => {
+    const { t: b } = R(), C = w(c), N = a === "alert" ? { role: "alertdialog" } : {};
+    return /* @__PURE__ */ l(t.Portal, { children: [
+      /* @__PURE__ */ s(t.Overlay, { className: O }),
+      /* @__PURE__ */ l(
+        t.Content,
+        {
+          ref: h,
+          ...N,
+          "data-component": "dialog",
+          "data-component-id": C,
+          className: B({ size: o, className: i }),
+          ...y,
+          children: [
+            D,
+            !e && /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
+              z,
+              {
+                icon: /* @__PURE__ */ s(k, {}),
+                intent: "ghost",
+                size: "sm",
+                "aria-label": b("ui.common.close", "Close")
+              }
+            ) }) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+g.displayName = "Dialog.Content";
+const v = d(
+  ({ className: o, ...a }, e) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: e,
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]", o].filter(Boolean).join(" "),
+      ...a
+    }
+  )
+);
+v.displayName = "Dialog.Header";
+const u = d(({ className: o, ...a }, e) => /* @__PURE__ */ s(
+  t.Title,
+  {
+    ref: e,
+    className: ["type-title-card ds:break-words", o].filter(Boolean).join(" "),
+    ...a
+  }
+));
+u.displayName = "Dialog.Title";
+const f = d(({ className: o, ...a }, e) => /* @__PURE__ */ s(
+  t.Description,
+  {
+    ref: e,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
+    ...a
+  }
+));
+f.displayName = "Dialog.Description";
+const x = d(
+  ({ className: o, divider: a = !1, ...e }, i) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: i,
+      className: [
+        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:mt-[var(--spacing-md)]",
+        a && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
+        o
+      ].filter(Boolean).join(" "),
+      ...e
+    }
+  )
+);
+x.displayName = "Dialog.Footer";
+const P = Object.assign(r, {
+  Root: r,
+  Trigger: p,
+  Content: g,
+  Header: v,
+  Title: u,
+  Description: f,
+  Footer: x,
+  Close: m
+}), V = {
+  id: "dialog",
+  capabilities: ["open", "close", "dismiss"],
+  state: {
+    isOpen: {
+      type: "boolean",
+      description: "True when the dialog is currently open.",
+      read: (o) => o.getIsOpen()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      description: "Open the dialog.",
+      invoke: (o) => {
+        o.open();
+      }
+    },
+    close: {
+      safety: "write",
+      description: "Close the dialog. Reversible by reopening.",
+      invoke: (o) => {
+        o.close();
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
+      invoke: (o) => {
+        o.close();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "dialog" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Dialog.Root."
+    }
+  }
+};
+export {
+  P as D,
+  V as d
+};
+//# sourceMappingURL=dialog.agent-Daf1TTko.js.map

package/dist/_chunks/dialog.agent-Daf1TTko.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.agent-Daf1TTko.js","sources":["../../src/components/dialog/dialog.tsx","../../src/components/dialog/dialog.agent.ts"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CONTENT_BASE = [\n  'ds:fixed ds:z-[var(--z-modal)]',\n  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:p-[var(--spacing-lg)]',\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CENTERED = 'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]';\n\nconst contentVariants = cva(CONTENT_BASE, {\n  variants: {\n    size: {\n      sm: `${CENTERED} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      md: `${CENTERED} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      lg: `${CENTERED} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      fullscreen: 'ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps\n  extends ComponentPropsWithoutRef<typeof RadixDialog.Root> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({ children, id, ...props }: DialogRootProps) => (\n  <DialogIdContext.Provider value={id}>\n    <RadixDialog.Root {...props}>{children}</RadixDialog.Root>\n  </DialogIdContext.Provider>\n);\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            <div className=\"ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]\">\n              <RadixDialog.Close asChild>\n                <IconButton\n                  icon={<X />}\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  aria-label={t('ui.common.close', 'Close')}\n                />\n              </RadixDialog.Close>\n            </div>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider && 'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n","import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'write',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      description: 'Dismiss the dialog. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n"],"names":["OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","props","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog","dialogAgent","handle"],"mappings":";;;;;;;AAcA,MAAMA,IAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAW,yGAEXC,IAAkBC,EAAIH,GAAc;AAAA,EACxC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,GAAGC,CAAQ;AAAA,MACf,IAAI,GAAGA,CAAQ;AAAA,MACf,IAAI,GAAGA,CAAQ;AAAA,MACf,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,iBAAiB,EAAE,MAAM,KAAA;AAC3B,CAAC,GAeKG,IAAkBC,EAAkC,MAAS,GAE7DC,IAAa,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,GAAGC,QACrC,gBAAAC,EAACN,EAAgB,UAAhB,EAAyB,OAAOI,GAC/B,UAAA,gBAAAE,EAACC,EAAY,MAAZ,EAAkB,GAAGF,GAAQ,UAAAF,EAAA,CAAS,GACzC;AAEFD,EAAW,cAAc;AAEzB,MAAMM,IAAgBC,EAGpB,CAAC,EAAE,UAAAN,GAAU,GAAGE,EAAA,GAASK,MACzB,gBAAAJ,EAACC,EAAY,SAAZ,EAAoB,KAAAG,GAAW,GAAGL,GAChC,UAAAF,GACH,CACD;AACDK,EAAc,cAAc;AAE5B,MAAMG,IAAcF,EAGlB,CAAC,EAAE,UAAAN,GAAU,GAAGE,EAAA,GAASK,MACzB,gBAAAJ,EAACC,EAAY,OAAZ,EAAkB,KAAAG,GAAW,GAAGL,GAC9B,UAAAF,GACH,CACD;AACDQ,EAAY,cAAc;AAY1B,MAAMC,IAAgBH;AAAA,EACpB,CACE;AAAA,IACE,MAAAI,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,iBAAAC,IAAkB;AAAA,IAClB,WAAAC;AAAA,IACA,UAAAb;AAAA,IACA,GAAGE;AAAA,EAAA,GAELK,MACG;AACH,UAAM,EAAE,GAAAO,EAAA,IAAMC,EAAA,GACRC,IAAaC,EAAWpB,CAAe,GAIvCqB,IACJP,MAAY,UAAU,EAAE,MAAM,cAAA,IAA2B,CAAA;AAE3D,WACE,gBAAAQ,EAACf,EAAY,QAAZ,EACC,UAAA;AAAA,MAAA,gBAAAD,EAACC,EAAY,SAAZ,EAAoB,WAAWZ,EAAA,CAAiB;AAAA,MACjD,gBAAA2B;AAAA,QAACf,EAAY;AAAA,QAAZ;AAAA,UACC,KAAAG;AAAA,UACC,GAAGW;AAAA,UACJ,kBAAe;AAAA,UACf,qBAAmBF;AAAA,UACnB,WAAWrB,EAAgB,EAAE,MAAAe,GAAM,WAAAG,GAAW;AAAA,UAC7C,GAAGX;AAAA,UAEH,UAAA;AAAA,YAAAF;AAAA,YAEA,CAACY,KACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,qEACb,UAAA,gBAAAA,EAACC,EAAY,OAAZ,EAAkB,SAAO,IACxB,UAAA,gBAAAD;AAAA,cAACiB;AAAA,cAAA;AAAA,gBACC,wBAAOC,GAAA,EAAE;AAAA,gBACT,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,cAAYP,EAAE,mBAAmB,OAAO;AAAA,cAAA;AAAA,YAAA,GAE5C,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAE5B,MAAMa,IAAehB;AAAA,EACnB,CAAC,EAAE,WAAAO,GAAW,GAAGX,EAAA,GAASK,MACxB,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAI;AAAA,MACA,WAAW,CAAC,4EAA4EM,CAAS,EAC9F,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGX;AAAA,IAAA;AAAA,EAAA;AAGV;AACAoB,EAAa,cAAc;AAE3B,MAAMC,IAAcjB,EAGlB,CAAC,EAAE,WAAAO,GAAW,GAAGX,EAAA,GAASK,MAC1B,gBAAAJ;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAG;AAAA,IACA,WAAW,CAAC,kCAAkCM,CAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACV,GAAGX;AAAA,EAAA;AACN,CACD;AACDqB,EAAY,cAAc;AAE1B,MAAMC,IAAoBlB,EAGxB,CAAC,EAAE,WAAAO,GAAW,GAAGX,EAAA,GAASK,MAC1B,gBAAAJ;AAAA,EAACC,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAG;AAAA,IACA,WAAW,CAAC,kDAAkDM,CAAS,EACpE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IACV,GAAGX;AAAA,EAAA;AACN,CACD;AACDsB,EAAkB,cAAc;AAMhC,MAAMC,IAAenB;AAAA,EACnB,CAAC,EAAE,WAAAO,GAAW,SAAAa,IAAU,IAAO,GAAGxB,EAAA,GAASK,MACzC,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAI;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACAmB,KAAW;AAAA,QACXb;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGX;AAAA,IAAA;AAAA,EAAA;AAGV;AACAuB,EAAa,cAAc;AAEpB,MAAME,IAAS,OAAO,OAAO5B,GAAY;AAAA,EAC9C,MAAMA;AAAA,EACN,SAASM;AAAA,EACT,SAASI;AAAA,EACT,QAAQa;AAAA,EACR,OAAOC;AAAA,EACP,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOjB;AACT,CAAC,GCxNYoB,IAA0C;AAAA,EACrD,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ,SAAS,SAAS;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,UAAA;AAAA,IAAU;AAAA,EACrC;AAAA,EAEF,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,SAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;"}

package/dist/_chunks/{dropdown-menu-Cw3EyPZv.js → dropdown-menu-C7AZipNz.js}

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as t, useContext as I, createContext as j } from "react";
 import * as o from "@radix-ui/react-dropdown-menu";
 import { c as l } from "./index-D2ZczOXr.js";
-import { S as M } from "./separator-B4wXDLNC.js";
+import { S as k } from "./separator-B4wXDLNC.js";
 import { K as m } from "./kbd-8baVw3KU.js";
-import { a as j } from "./use-direction-D6rvvG9G.js";
-import { C as k } from "./chevron-right-BrpYejk0.js";
+import { a as T } from "./use-direction-D6rvvG9G.js";
+import { C as G } from "./chevron-right-BrpYejk0.js";
 import { C as p } from "./check-DPdL_Sm7.js";
 const u = l(
   [
@@ -47,36 +47,40 @@ const u = l(
     "ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed",
     "ds:data-[disabled]:pointer-events-none"
   ].join(" ")
-), I = l(
+), P = l(
   [
     "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
     "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
     "type-eyebrow ds:text-[color:var(--muted-foreground)]",
     "ds:select-none"
   ].join(" ")
-), f = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", h = ({ dir: d, ...e }) => {
-  const a = j();
-  return /* @__PURE__ */ s(o.Root, { dir: d ?? a, ...e });
+), f = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", h = j(void 0), v = ({ dir: n, id: e, ...a }) => {
+  const d = T();
+  return /* @__PURE__ */ s(h.Provider, { value: e, children: /* @__PURE__ */ s(o.Root, { dir: n ?? d, ...a }) });
 };
-h.displayName = "DropdownMenu.Root";
-const T = o.Trigger, G = o.Portal, P = o.Group, L = o.RadioGroup, v = r(({ className: d, sideOffset: e = 8, ...a }, n) => /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
-  o.Content,
-  {
-    ref: n,
-    sideOffset: e,
-    className: u({ className: d }),
-    "data-component": "dropdown-menu",
-    ...a
-  }
-) }));
-v.displayName = "DropdownMenu.Content";
-const g = r(
-  ({ className: d, startIcon: e, endIcon: a, description: n, shortcut: i, children: D, ...z }, R) => /* @__PURE__ */ t(
+v.displayName = "DropdownMenu.Root";
+const L = o.Trigger, K = o.Portal, B = o.Group, O = o.RadioGroup, g = t(({ className: n, sideOffset: e = 8, ...a }, d) => {
+  const r = I(h);
+  return /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
+    o.Content,
+    {
+      ref: d,
+      sideOffset: e,
+      className: u({ className: n }),
+      "data-component": "dropdown-menu",
+      "data-component-id": r,
+      ...a
+    }
+  ) });
+});
+g.displayName = "DropdownMenu.Content";
+const x = t(
+  ({ className: n, startIcon: e, endIcon: a, description: d, shortcut: r, children: z, ...M }, R) => /* @__PURE__ */ i(
     o.Item,
     {
       ref: R,
-      className: c({ className: d }),
-      ...z,
+      className: c({ className: n }),
+      ...M,
       children: [
         e ? /* @__PURE__ */ s(
           "span",
@@ -86,11 +90,11 @@ const g = r(
             children: e
           }
         ) : null,
-        /* @__PURE__ */ t("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
-          /* @__PURE__ */ s("span", { className: "ds:truncate", children: D }),
-          n ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: n }) : null
+        /* @__PURE__ */ i("span", { className: "ds:flex-1 ds:flex ds:flex-col ds:min-w-0", children: [
+          /* @__PURE__ */ s("span", { className: "ds:truncate", children: z }),
+          d ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)] ds:truncate", children: d }) : null
         ] }),
-        i ? /* @__PURE__ */ s("span", { className: "ds:ms-auto", children: /* @__PURE__ */ s(m, { keys: i, size: "sm" }) }) : a ? /* @__PURE__ */ s(
+        r ? /* @__PURE__ */ s("span", { className: "ds:ms-auto", children: /* @__PURE__ */ s(m, { keys: r, size: "sm" }) }) : a ? /* @__PURE__ */ s(
           "span",
           {
             "aria-hidden": "true",
@@ -102,12 +106,12 @@ const g = r(
     }
   )
 );
-g.displayName = "DropdownMenu.Item";
-const x = r(({ className: d, children: e, ...a }, n) => /* @__PURE__ */ t(
+x.displayName = "DropdownMenu.Item";
+const N = t(({ className: n, children: e, ...a }, d) => /* @__PURE__ */ i(
   o.CheckboxItem,
   {
-    ref: n,
-    className: c({ className: d }),
+    ref: d,
+    className: c({ className: n }),
     ...a,
     children: [
       /* @__PURE__ */ s("span", { className: f, children: /* @__PURE__ */ s(o.ItemIndicator, { children: /* @__PURE__ */ s(p, { "aria-hidden": !0, className: "ds:size-4" }) }) }),
@@ -115,12 +119,12 @@ const x = r(({ className: d, children: e, ...a }, n) => /* @__PURE__ */ t(
     ]
   }
 ));
-x.displayName = "DropdownMenu.CheckboxItem";
-const K = L, N = r(({ className: d, children: e, ...a }, n) => /* @__PURE__ */ t(
+N.displayName = "DropdownMenu.CheckboxItem";
+const V = O, b = t(({ className: n, children: e, ...a }, d) => /* @__PURE__ */ i(
   o.RadioItem,
   {
-    ref: n,
-    className: c({ className: d }),
+    ref: d,
+    className: c({ className: n }),
     ...a,
     children: [
       /* @__PURE__ */ s("span", { className: f, children: /* @__PURE__ */ s(o.ItemIndicator, { children: /* @__PURE__ */ s(
@@ -134,33 +138,33 @@ const K = L, N = r(({ className: d, children: e, ...a }, n) => /* @__PURE__ */ t
     ]
   }
 ));
-N.displayName = "DropdownMenu.RadioItem";
-const b = r(({ className: d, ...e }, a) => /* @__PURE__ */ s(
+b.displayName = "DropdownMenu.RadioItem";
+const w = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(
   o.Label,
   {
     ref: a,
-    className: I({ className: d }),
+    className: P({ className: n }),
     ...e
   }
 ));
-b.displayName = "DropdownMenu.Label";
-const w = r(({ className: d, ...e }, a) => /* @__PURE__ */ s(o.Separator, { ref: a, asChild: !0, ...e, children: /* @__PURE__ */ s(
-  M,
+w.displayName = "DropdownMenu.Label";
+const C = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(o.Separator, { ref: a, asChild: !0, ...e, children: /* @__PURE__ */ s(
+  k,
   {
-    className: ["ds:my-[calc(var(--spacing-xs)/2)]", d ?? ""].filter(Boolean).join(" ")
+    className: ["ds:my-[calc(var(--spacing-xs)/2)]", n ?? ""].filter(Boolean).join(" ")
   }
 ) }));
-w.displayName = "DropdownMenu.Separator";
-const y = r(
-  ({ keys: d, separator: e = "none" }, a) => /* @__PURE__ */ s("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ s(m, { keys: d, separator: e, size: "sm" }) })
+C.displayName = "DropdownMenu.Separator";
+const y = t(
+  ({ keys: n, separator: e = "none" }, a) => /* @__PURE__ */ s("span", { ref: a, className: "ds:ms-auto ds:ps-[var(--spacing-sm)]", children: /* @__PURE__ */ s(m, { keys: n, separator: e, size: "sm" }) })
 );
 y.displayName = "DropdownMenu.Shortcut";
-const B = o.Sub, C = r(({ className: d, startIcon: e, children: a, ...n }, i) => /* @__PURE__ */ t(
+const q = o.Sub, D = t(({ className: n, startIcon: e, children: a, ...d }, r) => /* @__PURE__ */ i(
   o.SubTrigger,
   {
-    ref: i,
-    className: c({ className: d }),
-    ...n,
+    ref: r,
+    className: c({ className: n }),
+    ...d,
     children: [
       e ? /* @__PURE__ */ s(
         "span",
@@ -172,7 +176,7 @@ const B = o.Sub, C = r(({ className: d, startIcon: e, children: a, ...n }, i) =>
       ) : null,
       /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:truncate", children: a }),
       /* @__PURE__ */ s(
-        k,
+        G,
         {
           "aria-hidden": !0,
           className: "ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100"
@@ -181,35 +185,35 @@ const B = o.Sub, C = r(({ className: d, startIcon: e, children: a, ...n }, i) =>
     ]
   }
 ));
-C.displayName = "DropdownMenu.SubTrigger";
-const S = r(({ className: d, ...e }, a) => /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
+D.displayName = "DropdownMenu.SubTrigger";
+const S = t(({ className: n, ...e }, a) => /* @__PURE__ */ s(o.Portal, { children: /* @__PURE__ */ s(
   o.SubContent,
   {
     ref: a,
     sideOffset: 8,
-    className: u({ className: d }),
+    className: u({ className: n }),
     ...e
   }
 ) }));
 S.displayName = "DropdownMenu.SubContent";
-const Q = {
-  Root: h,
-  Trigger: T,
-  Portal: G,
-  Content: v,
-  Group: P,
-  Item: g,
-  CheckboxItem: x,
-  RadioGroup: K,
-  RadioItem: N,
-  Label: b,
-  Separator: w,
+const X = {
+  Root: v,
+  Trigger: L,
+  Portal: K,
+  Content: g,
+  Group: B,
+  Item: x,
+  CheckboxItem: N,
+  RadioGroup: V,
+  RadioItem: b,
+  Label: w,
+  Separator: C,
   Shortcut: y,
-  Sub: B,
-  SubTrigger: C,
+  Sub: q,
+  SubTrigger: D,
   SubContent: S
 };
 export {
-  Q as D
+  X as D
 };
-//# sourceMappingURL=dropdown-menu-Cw3EyPZv.js.map
+//# sourceMappingURL=dropdown-menu-C7AZipNz.js.map

package/dist/_chunks/dropdown-menu-C7AZipNz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-C7AZipNz.js","sources":["../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useContext,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, ChevronRight } from 'lucide-react';\nimport { Separator as DsSeparator } from '../separator/separator';\nimport { Kbd, type KbdNamedKey } from '../kbd/kbd';\nimport { useDocumentDirection } from '../_shared/use-direction';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst contentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:min-w-[8rem]',\n    'ds:rounded-[var(--radius-md)]',\n    // Border kept (transparent) so the forced-colors override below can\n    // repaint a visible edge in HCM. In normal modes the soft drop-shadow\n    // carries the edge cue; the heavy `--border` (grey-800 since WCAG\n    // 1.4.11 bump in 67fef8c) made the menu read as a charcoal box.\n    'ds:border ds:border-transparent',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion — gated on --animation-duration via Tailwind's animate-in\n    // preset. motion-reduce disables via the no-preference query.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n);\n\nconst itemClasses = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]',\n    'ds:cursor-pointer ds:select-none ds:outline-none',\n    // Highlighted + hover state\n    'ds:data-[highlighted]:bg-[color:var(--muted)]/40',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    // Disabled\n    'ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed',\n    'ds:data-[disabled]:pointer-events-none',\n  ].join(' '),\n);\n\nconst labelClasses = cva(\n  [\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'type-eyebrow ds:text-[color:var(--muted-foreground)]',\n    'ds:select-none',\n  ].join(' '),\n);\n\nconst indicatorSlotClasses =\n  'ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0';\n\n/* ------------------------------------------------------------------ */\n/* Root / Trigger / Portal                                              */\n/* ------------------------------------------------------------------ */\n\n// Curated agent-readiness handle — see dropdown-menu.agent.ts.\nexport interface DropdownMenuHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DropdownMenuRootProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Root> {\n  /** Opaque instance id — forwarded to DropdownMenu.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DropdownMenuIdContext = createContext<string | undefined>(undefined);\n\nconst Root = ({ dir, id, ...props }: DropdownMenuRootProps) => {\n  const autoDir = useDocumentDirection();\n  return (\n    <DropdownMenuIdContext.Provider value={id}>\n      <RadixDropdownMenu.Root dir={dir ?? autoDir} {...props} />\n    </DropdownMenuIdContext.Provider>\n  );\n};\nRoot.displayName = 'DropdownMenu.Root';\n\nconst Trigger = RadixDropdownMenu.Trigger;\nconst Portal = RadixDropdownMenu.Portal;\nconst RadixGroup = RadixDropdownMenu.Group;\nconst RadixRadioGroup = RadixDropdownMenu.RadioGroup;\n\n/* ------------------------------------------------------------------ */\n/* Content                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst Content = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 8, ...props }, ref) => {\n  const instanceId = useContext(DropdownMenuIdContext);\n  return (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        className={contentVariants({ className })}\n        data-component=\"dropdown-menu\"\n        data-component-id={instanceId}\n        {...props}\n      />\n    </RadixDropdownMenu.Portal>\n  );\n});\nContent.displayName = 'DropdownMenu.Content';\n\n/* ------------------------------------------------------------------ */\n/* Item                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item> {\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  description?: ReactNode;\n  /** Convenience — renders a DS <Kbd keys={…}> on the inline-end. */\n  shortcut?: Array<KbdNamedKey | string>;\n}\n\nconst Item = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Item>,\n  DropdownMenuItemProps\n>(\n  (\n    { className, startIcon, endIcon, description, shortcut, children, ...props },\n    ref,\n  ) => (\n    <RadixDropdownMenu.Item\n      ref={ref}\n      className={itemClasses({ className })}\n      {...props}\n    >\n      {startIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ds:flex-1 ds:flex ds:flex-col ds:min-w-0\">\n        <span className=\"ds:truncate\">{children}</span>\n        {description ? (\n          <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:truncate\">\n            {description}\n          </span>\n        ) : null}\n      </span>\n      {shortcut ? (\n        <span className=\"ds:ms-auto\">\n          <Kbd keys={shortcut} size=\"sm\" />\n        </span>\n      ) : endIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {endIcon}\n        </span>\n      ) : null}\n    </RadixDropdownMenu.Item>\n  ),\n);\nItem.displayName = 'DropdownMenu.Item';\n\n/* ------------------------------------------------------------------ */\n/* CheckboxItem                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.CheckboxItem> {}\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check aria-hidden className=\"ds:size-4\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.CheckboxItem>\n));\nCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n/* ------------------------------------------------------------------ */\n/* RadioGroup / RadioItem                                               */\n/* ------------------------------------------------------------------ */\n\nconst RadioGroup = RadixRadioGroup;\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.RadioItem> {}\n\nconst RadioItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  DropdownMenuRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check\n          aria-hidden\n          className=\"ds:size-4 ds:text-[color:var(--accent)]\"\n        />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.RadioItem>\n));\nRadioItem.displayName = 'DropdownMenu.RadioItem';\n\n/* ------------------------------------------------------------------ */\n/* Label                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuLabelProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Label> {}\n\nconst Label = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Label>,\n  DropdownMenuLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={labelClasses({ className })}\n    {...props}\n  />\n));\nLabel.displayName = 'DropdownMenu.Label';\n\n/* ------------------------------------------------------------------ */\n/* Separator                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuSeparatorProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Separator> {}\n\nconst MenuSeparator = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Separator>,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator ref={ref} asChild {...props}>\n    <DsSeparator\n      className={['ds:my-[calc(var(--spacing-xs)/2)]', className ?? '']\n        .filter(Boolean)\n        .join(' ')}\n    />\n  </RadixDropdownMenu.Separator>\n));\nMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut — thin wrapper over DS Kbd for the right side of an Item   */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuShortcutProps {\n  keys: Array<KbdNamedKey | string>;\n  separator?: 'none' | 'plus' | 'then';\n}\n\nconst Shortcut = forwardRef<HTMLSpanElement, DropdownMenuShortcutProps>(\n  ({ keys, separator = 'none' }, ref) => (\n    <span ref={ref} className=\"ds:ms-auto ds:ps-[var(--spacing-sm)]\">\n      <Kbd keys={keys} separator={separator} size=\"sm\" />\n    </span>\n  ),\n);\nShortcut.displayName = 'DropdownMenu.Shortcut';\n\n/* ------------------------------------------------------------------ */\n/* Sub-menu                                                             */\n/* ------------------------------------------------------------------ */\n\nconst Sub = RadixDropdownMenu.Sub;\n\nexport interface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubTrigger> {\n  startIcon?: ReactNode;\n}\n\nconst SubTrigger = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(({ className, startIcon, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    {startIcon ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n      >\n        {startIcon}\n      </span>\n    ) : null}\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n    <ChevronRight\n      aria-hidden\n      className=\"ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100\"\n    />\n  </RadixDropdownMenu.SubTrigger>\n));\nSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\nexport interface DropdownMenuSubContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubContent> {}\n\nconst SubContent = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubContent>,\n  DropdownMenuSubContentProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.SubContent\n      ref={ref}\n      sideOffset={8}\n      className={contentVariants({ className })}\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n));\nSubContent.displayName = 'DropdownMenu.SubContent';\n\n/* ------------------------------------------------------------------ */\n/* Assembled namespace export                                           */\n/* ------------------------------------------------------------------ */\n\nexport const DropdownMenu = {\n  Root,\n  Trigger,\n  Portal,\n  Content,\n  Group: RadixGroup,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator: MenuSeparator,\n  Shortcut,\n  Sub,\n  SubTrigger,\n  SubContent,\n};\n"],"names":["contentVariants","cva","itemClasses","labelClasses","indicatorSlotClasses","DropdownMenuIdContext","createContext","Root","dir","id","props","autoDir","useDocumentDirection","jsx","RadixDropdownMenu","Trigger","Portal","RadixGroup","RadixRadioGroup","Content","forwardRef","className","sideOffset","ref","instanceId","useContext","Item","startIcon","endIcon","description","shortcut","children","jsxs","Kbd","CheckboxItem","Check","RadioGroup","RadioItem","Label","MenuSeparator","DsSeparator","Shortcut","keys","separator","Sub","SubTrigger","ChevronRight","SubContent","DropdownMenu"],"mappings":"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"}