@womp/kookie-ui 0.3.22

package/dist/esm/chunk-DNI4QRXQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/chatbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { LazyMotion, domAnimation, m } from 'motion/react';\n\nimport { IconButton, type IconButtonProps } from './icon-button.js';\nimport { CloseIcon, FileTextIcon } from './icons.js';\nimport { Flex } from './flex.js';\n\nimport { ScrollArea } from './scroll-area.js';\nimport { Slot } from './slot.js';\nimport { Text } from './text.js';\nimport { useDropzone } from 'react-dropzone';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Avoid SSR warnings by using an isomorphic layout effect\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\ntype ExpandOn = 'none' | 'focus' | 'overflow' | 'both';\ntype SendMode = 'always' | 'whenDirty' | 'never';\n\n// Attachments\n/** Status flag for attachment lifecycle. */\ntype AttachmentStatus = 'idle' | 'uploading' | 'error' | 'done';\n/**\n * Attachment data model used by Chatbar.\n * - `file` exposes the original File object for uploads and processing.\n * - `url` is an object URL used for image previews and is revoked on removal.\n */\ninterface ChatbarAttachment {\n  id: string;\n  name: string;\n  size: number;\n  type: string;\n  /** Original File object for uploads and processing */\n  file: File;\n  url?: string;\n  status?: AttachmentStatus;\n  progress?: number;\n  meta?: Record<string, unknown>;\n}\n\ninterface ChatbarContextValue {\n  open: boolean;\n  setOpen(next: boolean): void;\n  isOpenControlled: boolean;\n\n  value: string;\n  setValue(next: string): void;\n  isValueControlled: boolean;\n\n  size: '1' | '2' | '3';\n  expandOn: ExpandOn;\n  minLines: number;\n  maxLines: number;\n  sendMode: SendMode;\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  // Submit returns both message and attachments\n  onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n\n  // Attachments state\n  attachments: ChatbarAttachment[];\n  setAttachments(next: ChatbarAttachment[]): void;\n  isAttachmentsControlled: boolean;\n\n  // Config\n  accept?: string | string[];\n  multiple: boolean;\n  maxAttachments?: number;\n  maxFileSize?: number;\n  paste: boolean;\n  pasteAccept?: string | string[];\n  clearOnSubmit: boolean;\n\n  // Dropzone\n  dropzone: boolean;\n\n  // Events\n  onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n  // Helpers\n  appendFiles(files: File[]): void;\n  appendFilesFromPaste(files: File[]): void;\n\n  // Guards\n  fileDialogOpenRef: React.MutableRefObject<boolean>;\n}\n\nconst ChatbarContext = React.createContext<ChatbarContextValue | null>(null);\nconst useChatbarContext = () => {\n  const ctx = React.useContext(ChatbarContext);\n  if (!ctx) throw new Error('Chatbar context not found. Wrap parts in <Chatbar.Root>.');\n  return ctx;\n};\n\n/**\n * Chatbar container and state provider.\n *\n * Value & Open\n * - Supports controlled/uncontrolled `value` and `open`.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n *\n * Submit\n * - `onSubmit({ value, attachments })` emits both message and attachments.\n * - `clearOnSubmit` clears message and attachments by default.\n */\ninterface ChatbarRootBaseProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  expandOn?: ExpandOn;\n\n  /** Minimum number of lines in compact state (default: 1) */\n  minLines?: number;\n  /** Maximum number of lines before scrolling (default: 6) */\n  maxLines?: number;\n\n  sendMode?: SendMode;\n\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  /** Combined submit payload */\n  onSubmit?: (payload: { value: string; attachments: ChatbarAttachment[] }) => void;\n\n  size?: '1' | '2' | '3';\n  variant?: 'surface' | 'outline' | 'classic' | 'ghost' | 'soft';\n  /** Accent color for the control (matches TextArea) */\n  color?: string;\n  /** Optional radius override (matches TextArea) */\n  radius?: string | number;\n  /** Panel/material translucency flags (matches TextArea) */\n  panelBackground?: 'solid' | 'translucent';\n  material?: 'solid' | 'translucent';\n\n  width?: React.CSSProperties['width'];\n  maxWidth?: React.CSSProperties['maxWidth'];\n  asChild?: boolean;\n\n  // Attachments API\n  attachments?: ChatbarAttachment[];\n  defaultAttachments?: ChatbarAttachment[];\n  onAttachmentsChange?: (attachments: ChatbarAttachment[]) => void;\n  accept?: string | string[];\n  multiple?: boolean;\n  maxAttachments?: number;\n  maxFileSize?: number;\n  paste?: boolean;\n  pasteAccept?: string | string[];\n  clearOnSubmit?: boolean;\n  onAttachmentReject?: (rejections: { file: File; reason: 'type' | 'size' | 'count' }[]) => void;\n\n  /**\n   * Enables drag-and-drop file uploads when true.\n   *\n   * When enabled:\n   * - Files can be dropped anywhere on the chatbar\n   * - Same validation rules apply (accept, maxFileSize, maxAttachments)\n   * - Visual feedback shows during drag operations\n   * - Rejected files trigger onAttachmentReject\n   *\n   * @default true\n   */\n  dropzone?: boolean;\n\n  /**\n   * Optional API ref to control Chatbar imperatively without relying on DOM refs.\n   * Provides methods to focus the textarea and open the file picker.\n   */\n  apiRef?: React.Ref<ChatbarApi>;\n}\n\ntype RootElement = React.ElementRef<'div'>;\n/** Imperative API for Chatbar.Root */\nexport interface ChatbarApi {\n  /** Focus the textarea input */\n  focusTextarea: () => void;\n  /** Open the file picker dialog (respects accept/multiple) */\n  openFilePicker: () => void;\n}\n/**\n * Chatbar container and state provider.\n *\n * Behavior\n * - Supports controlled and uncontrolled `value` and `open` states via props.\n * - Provides context to subcomponents like `Textarea`, `Row`, and `Send`.\n * - Exposes `data-state`, `data-disabled`, and `data-readonly` attributes for styling.\n * - Sets `aria-expanded` to reflect open/closed state for assistive technologies.\n *\n * Attachments\n * - Controlled/uncontrolled attachments with client-side filtering.\n * - Filters by `accept`/`pasteAccept`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n * - Paste-to-attach: when `paste` is enabled, pasting files adds attachments.\n *\n * Dropzone\n * - When `dropzone` is true, enables drag-and-drop file uploads.\n * - Files are validated using the same rules as paste and file picker.\n * - Visual feedback via `data-drop-active` attribute during drag operations.\n * - Rejected files trigger `onAttachmentReject` with appropriate reasons.\n *\n * Submit\n * - `onSubmit` receives both message text and attachments array.\n * - `clearOnSubmit` controls whether attachments are cleared after submission.\n *\n * Accessibility\n * - Consumers should label the `Textarea` via `aria-label`/`aria-labelledby`.\n * - `aria-expanded` on the root reflects the disclosure state of the input area.\n * - Dropzone provides proper ARIA attributes for drag and drop operations.\n */\ninterface RootProps extends ComponentPropsWithout<'div', RemovedProps | 'onSubmit'>, ChatbarRootBaseProps {}\n\nconst Root = React.forwardRef<RootElement, RootProps>((props, forwardedRef) => {\n  const {\n    className,\n    style,\n    children,\n    value: valueProp,\n    defaultValue = '',\n    onValueChange: onValueChangeProp,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange: onOpenChangeProp,\n    expandOn = 'both',\n    minLines = 3,\n    maxLines = 6,\n    sendMode = 'whenDirty',\n    disabled,\n    readOnly,\n    onSubmit,\n    size = '2',\n    variant,\n    color,\n    radius,\n    panelBackground,\n    material,\n    width,\n    maxWidth,\n    asChild,\n    attachments: attachmentsProp,\n    defaultAttachments = [],\n    onAttachmentsChange,\n    accept,\n    multiple = true,\n    maxAttachments,\n    maxFileSize,\n    paste = true,\n    pasteAccept,\n    clearOnSubmit = true,\n    onAttachmentReject,\n    dropzone = true,\n    apiRef,\n    ...divProps\n  } = props;\n  const effectiveMaterial = material || panelBackground;\n\n  const isValueControlled = valueProp != null;\n  const [valueUncontrolled, setValueUncontrolled] = React.useState<string>(defaultValue);\n  const value = isValueControlled ? (valueProp as string) : valueUncontrolled;\n\n  const isOpenControlled = openProp != null;\n  const [openUncontrolled, setOpenUncontrolled] = React.useState<boolean>(defaultOpen);\n  const open = isOpenControlled ? (openProp as boolean) : openUncontrolled;\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n  const fileDialogOpenRef = React.useRef<boolean>(false);\n\n  // Attachments state\n  // Treat `attachments` as controlled if the prop is provided, even if its value is `undefined`.\n  // This avoids switching between controlled and uncontrolled when a consumer sets\n  // `attachments={undefined}` to clear attachments. In that case we normalize to an empty array.\n  const isAttachmentsControlled = 'attachments' in props;\n  const [attachmentsUncontrolled, setAttachmentsUncontrolled] = React.useState<ChatbarAttachment[]>(defaultAttachments);\n  const attachments = React.useMemo(\n    () => (isAttachmentsControlled ? ((attachmentsProp ?? []) as ChatbarAttachment[]) : attachmentsUncontrolled),\n    [isAttachmentsControlled, attachmentsProp, attachmentsUncontrolled],\n  );\n\n  // Track generated object URLs for cleanup\n  const generatedUrlSetRef = React.useRef<Set<string>>(new Set());\n\n  const toArray = (val: string | string[] | undefined) => (Array.isArray(val) ? val : typeof val === 'string' ? val.split(',').map((s) => s.trim()) : []);\n\n  const accepts = toArray(accept);\n  const pasteAccepts = toArray(pasteAccept).length > 0 ? toArray(pasteAccept) : accepts;\n\n  const matchesAccept = (file: File, patterns: string[]) => {\n    if (patterns.length === 0) return true;\n    const mime = file.type.toLowerCase();\n    const name = file.name.toLowerCase();\n    for (const patRaw of patterns) {\n      const pat = patRaw.toLowerCase();\n      if (pat.includes('/')) {\n        const [type, subtype] = pat.split('/');\n        const [fmType, fmSubtype] = mime.split('/');\n        if (type === '*' || (type === fmType && (subtype === '*' || subtype === fmSubtype))) return true;\n      } else if (pat.startsWith('.')) {\n        if (name.endsWith(pat)) return true;\n      }\n    }\n    return false;\n  };\n\n  // Refs for values that change frequently, read inside stable callbacks\n  const attachmentsRef = React.useRef(attachments);\n  attachmentsRef.current = attachments;\n  const acceptsRef = React.useRef(accepts);\n  acceptsRef.current = accepts;\n  const pasteAcceptsRef = React.useRef(pasteAccepts);\n  pasteAcceptsRef.current = pasteAccepts;\n  const maxAttachmentsRef = React.useRef(maxAttachments);\n  maxAttachmentsRef.current = maxAttachments;\n  const maxFileSizeRef = React.useRef(maxFileSize);\n  maxFileSizeRef.current = maxFileSize;\n  const onAttachmentRejectRef = React.useRef(onAttachmentReject);\n  onAttachmentRejectRef.current = onAttachmentReject;\n  const onAttachmentsChangeRef = React.useRef(onAttachmentsChange);\n  onAttachmentsChangeRef.current = onAttachmentsChange;\n  const onOpenChangePropRef = React.useRef(onOpenChangeProp);\n  onOpenChangePropRef.current = onOpenChangeProp;\n\n  const appendFiles = React.useCallback((files: File[]) => {\n    const currentAttachments = attachmentsRef.current;\n    const currentAccepts = acceptsRef.current;\n    const currentMaxAttachments = maxAttachmentsRef.current;\n    const currentMaxFileSize = maxFileSizeRef.current;\n\n    const next: ChatbarAttachment[] = [];\n    const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n    const remainingSlots = typeof currentMaxAttachments === 'number' ? Math.max(currentMaxAttachments - currentAttachments.length, 0) : Infinity;\n\n    for (const file of files) {\n      if (next.length >= remainingSlots) {\n        rejected.push({ file, reason: 'count' });\n        continue;\n      }\n      if (typeof currentMaxFileSize === 'number' && file.size > currentMaxFileSize) {\n        rejected.push({ file, reason: 'size' });\n        continue;\n      }\n      if (!matchesAccept(file, currentAccepts)) {\n        rejected.push({ file, reason: 'type' });\n        continue;\n      }\n      const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n      const looksLikeImageByExt = /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(file.name);\n      const isImageType = (file.type || '').toLowerCase().startsWith('image/');\n      const url = isImageType || looksLikeImageByExt ? URL.createObjectURL(file) : undefined;\n      if (url) generatedUrlSetRef.current.add(url);\n      next.push({ id, name: file.name, size: file.size, type: file.type, file, url, status: 'idle' });\n    }\n\n    if (next.length > 0) {\n      const merged = currentAttachments.concat(next);\n      if (!isAttachmentsControlled) setAttachmentsUncontrolled(merged);\n      onAttachmentsChangeRef.current?.(merged);\n      if (!isOpenControlled) setOpenUncontrolled(true);\n      onOpenChangePropRef.current?.(true);\n    }\n    if (rejected.length > 0) onAttachmentRejectRef.current?.(rejected);\n  }, [isAttachmentsControlled, isOpenControlled]);\n\n  const appendFilesFromPaste = React.useCallback((files: File[]) => {\n    const currentAccepts = acceptsRef.current;\n    const currentPasteAccepts = pasteAcceptsRef.current;\n    const currentMaxAttachments = maxAttachmentsRef.current;\n    const currentMaxFileSize = maxFileSizeRef.current;\n    const currentAttachments = attachmentsRef.current;\n\n    const patterns = currentPasteAccepts.length > 0 ? currentPasteAccepts : currentAccepts;\n    const acceptedFiles: File[] = [];\n    const rejected: { file: File; reason: 'type' | 'size' | 'count' }[] = [];\n    const remainingSlots = typeof currentMaxAttachments === 'number' ? Math.max(currentMaxAttachments - currentAttachments.length, 0) : Infinity;\n\n    for (const file of files) {\n      if (acceptedFiles.length >= remainingSlots) {\n        rejected.push({ file, reason: 'count' });\n        continue;\n      }\n      if (typeof currentMaxFileSize === 'number' && file.size > currentMaxFileSize) {\n        rejected.push({ file, reason: 'size' });\n        continue;\n      }\n      if (!matchesAccept(file, patterns)) {\n        rejected.push({ file, reason: 'type' });\n        continue;\n      }\n      acceptedFiles.push(file);\n    }\n    if (acceptedFiles.length > 0) appendFiles(acceptedFiles);\n    if (rejected.length > 0) onAttachmentRejectRef.current?.(rejected);\n  }, [appendFiles]);\n\n  // Revoke object URLs that are no longer referenced by current attachments\n  React.useEffect(() => {\n    const currentUrls = new Set(attachments.map((a) => a.url).filter(Boolean) as string[]);\n    for (const url of Array.from(generatedUrlSetRef.current)) {\n      if (!currentUrls.has(url)) {\n        URL.revokeObjectURL(url);\n        generatedUrlSetRef.current.delete(url);\n      }\n    }\n  }, [attachments]);\n\n  // Revoke any remaining generated URLs on unmount\n  React.useEffect(() => {\n    const urlSet = generatedUrlSetRef.current;\n    return () => {\n      for (const url of Array.from(urlSet)) {\n        URL.revokeObjectURL(url);\n      }\n      urlSet.clear();\n    };\n  }, []);\n\n  const Comp = asChild ? Slot : ('div' as any);\n\n  // Stable context setters \u2014 avoids new function references on every render\n  const handleSetOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isOpenControlled) setOpenUncontrolled(next);\n      onOpenChangeProp?.(next);\n    },\n    [isOpenControlled, onOpenChangeProp],\n  );\n  const handleSetValue = React.useCallback(\n    (next: string) => {\n      if (!isValueControlled) setValueUncontrolled(next);\n      onValueChangeProp?.(next);\n    },\n    [isValueControlled, onValueChangeProp],\n  );\n  const handleSetAttachments = React.useCallback(\n    (next: ChatbarAttachment[]) => {\n      if (!isAttachmentsControlled) setAttachmentsUncontrolled(next);\n      onAttachmentsChange?.(next);\n    },\n    [isAttachmentsControlled, onAttachmentsChange],\n  );\n\n  const handleBlurCapture = React.useCallback(\n    (event: React.FocusEvent) => {\n      const nextTarget = event.relatedTarget as Node | null;\n      const rootEl = rootRef.current;\n      if (!rootEl) return;\n      // If focus remains within root, ignore\n      if (nextTarget && rootEl.contains(nextTarget)) return;\n      // If native file dialog is open, avoid collapsing on blur\n      if (fileDialogOpenRef.current) return;\n      // Collapse when leaving the root if the value is empty\n      // Only collapse when both message and attachments are empty\n      if ((value?.trim?.() ?? '').length === 0 && attachments.length === 0) {\n        if (!isOpenControlled) setOpenUncontrolled(false);\n        onOpenChangeProp?.(false);\n      }\n    },\n    [isOpenControlled, onOpenChangeProp, value, attachments],\n  );\n\n  // Dropzone functionality\n  const {\n    getRootProps,\n    getInputProps,\n    isDragActive,\n    open: openFileDialog,\n  } = useDropzone({\n    onDrop: (acceptedFiles, rejectedFiles) => {\n      if (acceptedFiles.length > 0) {\n        appendFiles(acceptedFiles);\n      }\n      if (rejectedFiles.length > 0 && onAttachmentReject) {\n        const rejections = rejectedFiles.map(({ file, errors }) => {\n          const reason = errors[0]?.code === 'file-too-large' ? 'size' : errors[0]?.code === 'file-invalid-type' ? 'type' : 'count';\n          return { file, reason: reason as 'type' | 'size' | 'count' };\n        });\n        onAttachmentReject(rejections);\n      }\n    },\n    accept:\n      accepts.length > 0\n        ? accepts.reduce(\n            (acc, pattern) => {\n              if (pattern.includes('/')) {\n                // MIME type pattern\n                acc[pattern] = [];\n              } else if (pattern.startsWith('.')) {\n                // File extension pattern\n                acc[pattern] = [];\n              }\n              return acc;\n            },\n            {} as Record<string, string[]>,\n          )\n        : undefined,\n    multiple,\n    maxSize: maxFileSize,\n    noClick: true,\n    noKeyboard: true,\n    disabled: !dropzone || disabled,\n  });\n\n  // Expose imperative API via apiRef (non-breaking; forwardedRef still receives the DOM node)\n  React.useImperativeHandle(\n    apiRef,\n    () => ({\n      focusTextarea: () => textareaRef.current?.focus({ preventScroll: true }),\n      openFilePicker: () => {\n        // Guard against blur-collapse while native dialog is open\n        fileDialogOpenRef.current = true;\n        openFileDialog();\n      },\n    }),\n    [openFileDialog],\n  );\n\n  // Click-to-focus: focus textarea when clicking non-interactive areas inside the container\n  const isInteractiveTarget = React.useCallback((target: EventTarget | null) => {\n    if (!(target instanceof Element)) return false;\n    const el = target as Element;\n    if (el.closest('.rt-ChatbarDropOverlay')) return true;\n    return !!el.closest('button, [role=\"button\"], a[href], input, textarea, select, [contenteditable], [tabindex]:not([tabindex=\"-1\"])');\n  }, []);\n\n  const handleContainerPointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (disabled) return;\n      if (isInteractiveTarget(event.target)) return;\n      if (event.pointerType === 'mouse' && event.button !== 0) return;\n      event.preventDefault();\n      textareaRef.current?.focus({ preventScroll: true });\n    },\n    [disabled, isInteractiveTarget, textareaRef],\n  );\n\n  // Clicking the label-wrapped Card will naturally focus the nested textarea.\n\n  return (\n    <ChatbarContext.Provider\n      value={React.useMemo<ChatbarContextValue>(\n        () => ({\n          open,\n          setOpen: handleSetOpen,\n          isOpenControlled,\n          value,\n          setValue: handleSetValue,\n          isValueControlled,\n          size,\n          expandOn,\n          minLines,\n          maxLines,\n          sendMode,\n          disabled,\n          readOnly,\n          onSubmit,\n          rootRef,\n          textareaRef,\n          attachments,\n          setAttachments: handleSetAttachments,\n          isAttachmentsControlled,\n          accept,\n          multiple,\n          maxAttachments,\n          maxFileSize,\n          paste,\n          pasteAccept,\n          clearOnSubmit,\n          onAttachmentReject,\n          dropzone,\n          appendFiles,\n          appendFilesFromPaste,\n          fileDialogOpenRef,\n        }),\n        [\n          open, handleSetOpen, isOpenControlled,\n          value, handleSetValue, isValueControlled,\n          size, expandOn, minLines, maxLines, sendMode,\n          disabled, readOnly, onSubmit,\n          attachments, handleSetAttachments, isAttachmentsControlled,\n          accept, multiple, maxAttachments, maxFileSize,\n          paste, pasteAccept, clearOnSubmit, onAttachmentReject,\n          dropzone, appendFiles, appendFilesFromPaste,\n        ],\n      )}\n    >\n      <LazyMotion features={domAnimation}>\n        <Comp\n          {...divProps}\n          ref={(node: HTMLDivElement) => {\n            if (typeof forwardedRef === 'function') forwardedRef(node);\n            else if (forwardedRef) (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n            (rootRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          }}\n          className={classNames('rt-ChatbarRoot', `rt-r-size-${size}`, className)}\n          style={{ position: 'relative', width, maxWidth, ...style }}\n          data-state={open ? 'open' : 'closed'}\n          data-disabled={disabled ? '' : undefined}\n          data-readonly={readOnly ? '' : undefined}\n          data-drop-active={dropzone && isDragActive ? '' : undefined}\n          data-accent-color={color}\n          data-radius={radius as any}\n          data-panel-background={effectiveMaterial}\n          data-material={effectiveMaterial}\n          aria-expanded={open}\n          onBlurCapture={handleBlurCapture}\n        >\n          {dropzone && <input {...getInputProps()} />}\n          <div {...(dropzone ? getRootProps() : {})} style={{ width: '100%', height: '100%' }} onPointerDown={handleContainerPointerDown}>\n            <m.div\n              className={classNames('rt-ChatbarBox', `rt-variant-${variant ?? 'surface'}`)}\n              style={{ position: 'relative' }}\n              data-accent-color={color}\n              data-radius={radius as any}\n              data-panel-background={effectiveMaterial}\n              data-material={effectiveMaterial}\n              layout\n              transition={{\n                layout: {\n                  type: 'spring',\n                  visualDuration: 0.15,\n                  bounce: 0.1,\n                },\n              }}\n            >\n              <m.div\n                className=\"rt-ChatbarGrid\"\n                layout=\"position\"\n                transition={{\n                  layout: {\n                    type: 'spring',\n                    visualDuration: 0.15,\n                    bounce: 0.1,\n                  },\n                }}\n              >\n                {children}\n              </m.div>\n              {dropzone && isDragActive && (\n                <div className=\"rt-ChatbarDropOverlay\">\n                  <div className=\"rt-ChatbarDropContent\">\n                    <Text color=\"gray\" size={size} weight=\"medium\">\n                      Drop files here to attach\n                    </Text>\n                  </div>\n                </div>\n              )}\n            </m.div>\n          </div>\n        </Comp>\n      </LazyMotion>\n    </ChatbarContext.Provider>\n  );\n});\nRoot.displayName = 'Chatbar.Root';\n\n/**\n * Multi-line text input for Chatbar.\n * - Uses onChange to control value and avoid duplicate updates.\n * - Auto-resizes between minLines and maxLines.\n * - Expands on focus/overflow per `expandOn`.\n * - Paste-to-attach: when `paste` is enabled on Root, pasting files adds attachments.\n * - Provide `aria-label` or `aria-labelledby` for an accessible name.\n */\ninterface TextareaProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'size'> {\n  asChild?: boolean;\n  /**\n   * Handler for paste events. This is forwarded to the underlying <textarea>.\n   */\n  onPaste?: React.ClipboardEventHandler<HTMLTextAreaElement>;\n  /**\n   * When true, pressing Enter submits via onSend (Shift+Enter inserts newline).\n   * Defaults to false.\n   */\n  submitOnEnter?: boolean;\n}\n\n/**\n * Chatbar multi-line text input.\n *\n * Behavior\n * - Controls the Chatbar value via React onChange. We intentionally do not\n *   update state in onInput to avoid duplicate updates per keystroke.\n * - Auto-resizes between minLines and maxLines using layout measurements.\n * - When expandOn is `overflow` or `both`, the Chatbar opens as soon as the\n *   content exceeds the compact height.\n * - Height recalculations occur on change, paste, and whenever `value` or `open`\n *   changes via an isomorphic layout effect to avoid SSR warnings.\n *\n * Accessibility\n * - Consumers should provide labeling via aria-label or aria-labelledby\n *   on this component, as no implicit label is rendered.\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>((props, forwardedRef) => {\n  const { className, style, asChild, onFocus, onInput, onChange, onPaste, onKeyDown, submitOnEnter = false, rows, ...textareaProps } = props;\n  const ctx = useChatbarContext();\n  const { open, minLines, maxLines, expandOn, disabled, readOnly, setOpen, setValue, textareaRef, value, isValueControlled, sendMode, paste, appendFilesFromPaste, size } = ctx;\n\n  // Cached metrics to avoid repeated getComputedStyle calls\n  const lineHeightRef = React.useRef<number>(0);\n  const paddingRef = React.useRef<number>(0);\n  const compactHeightRef = React.useRef<number>(0);\n\n  const recomputeMetrics = React.useCallback(() => {\n    const el = textareaRef.current;\n    if (!el) return;\n    const computedStyle = window.getComputedStyle(el);\n    const lineHeight = parseFloat(computedStyle.lineHeight) || 20;\n    const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n    lineHeightRef.current = lineHeight;\n    paddingRef.current = paddingTop + paddingBottom;\n    compactHeightRef.current = Math.ceil(1 * lineHeight) + paddingTop + paddingBottom;\n  }, [textareaRef]);\n\n  // Auto-resize logic - optimized for fixed widths\n  const updateHeight = React.useCallback(\n    (forceOpen?: boolean) => {\n      const textarea = textareaRef.current;\n      if (!textarea) return;\n\n      textarea.style.height = 'auto';\n\n      if (lineHeightRef.current === 0) {\n        recomputeMetrics();\n      }\n      const lineHeight = lineHeightRef.current;\n      const padding = paddingRef.current;\n\n      const isOpen = forceOpen ?? open;\n      const effectiveMinLines = isOpen ? minLines : 1;\n      const effectiveMaxLines = isOpen ? maxLines : 1;\n\n      const minHeight = Math.ceil(effectiveMinLines * lineHeight) + padding;\n      const maxHeight = Math.ceil(effectiveMaxLines * lineHeight) + padding;\n\n      const contentHeight = Math.max(textarea.scrollHeight, minHeight);\n      const finalHeight = Math.min(contentHeight, maxHeight);\n\n      textarea.style.height = `${finalHeight}px`;\n\n      if (contentHeight > maxHeight) {\n        textarea.style.overflowY = 'auto';\n        textarea.style.maxHeight = `${maxHeight}px`;\n      } else {\n        textarea.style.overflowY = 'hidden';\n        textarea.style.maxHeight = 'none';\n      }\n    },\n    [open, minLines, maxLines, textareaRef, recomputeMetrics],\n  );\n\n  // Update height when value or open state changes\n  useIsomorphicLayoutEffect(() => {\n    updateHeight();\n  }, [updateHeight, value, open]);\n\n  // Auto-open on external value changes when content overflows one line\n  useIsomorphicLayoutEffect(() => {\n    if (!(expandOn === 'overflow' || expandOn === 'both')) return;\n    if (open) return;\n    const el = textareaRef.current;\n    if (!el) return;\n    // Measure overflow against compact (1-line) height\n    el.style.height = 'auto';\n    if (compactHeightRef.current === 0) {\n      recomputeMetrics();\n    }\n    const shouldExpand = el.scrollHeight > compactHeightRef.current + 1;\n    if (shouldExpand) {\n      setOpen(true);\n      // Immediately size for open state\n      updateHeight(true);\n      requestAnimationFrame(() => updateHeight(true));\n    }\n  }, [value, expandOn, open, setOpen, textareaRef, recomputeMetrics, updateHeight]);\n\n  // Recompute metrics on mount and when size changes may affect typography\n  useIsomorphicLayoutEffect(() => {\n    recomputeMetrics();\n    updateHeight();\n  }, [recomputeMetrics, updateHeight, size]);\n\n  // Observe responsive changes that alter line-height\n  React.useEffect(() => {\n    const el = textareaRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n    let prevLineHeight = lineHeightRef.current;\n    const ro = new ResizeObserver(() => {\n      const computedStyle = window.getComputedStyle(el);\n      const lh = parseFloat(computedStyle.lineHeight) || 20;\n      if (lh !== prevLineHeight) {\n        prevLineHeight = lh;\n        recomputeMetrics();\n        requestAnimationFrame(() => updateHeight());\n      }\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [textareaRef, recomputeMetrics, updateHeight]);\n\n  // Dev-only warning if no accessible name is provided\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    const hasLabel = textareaProps['aria-label'] != null || textareaProps['aria-labelledby'] != null;\n    if (!hasLabel) {\n      console.warn('[Chatbar.Textarea] Provide aria-label or aria-labelledby to ensure the control has an accessible name.');\n    }\n    // warn only on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Note: No MutationObserver is used because <textarea> value changes are not\n  // reflected in DOM text nodes. Height updates are handled by effects and events.\n\n  const handleFocus = React.useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      if (disabled || readOnly) return;\n      if ((expandOn === 'focus' || expandOn === 'both') && !open) setOpen(true);\n      onFocus?.(event);\n    },\n    [disabled, readOnly, expandOn, open, setOpen, onFocus],\n  );\n\n  const handleChange = React.useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      const el = event.currentTarget;\n      const nextValue = el.value;\n      setValue(nextValue);\n\n      if ((expandOn === 'overflow' || expandOn === 'both') && !open) {\n        el.style.height = 'auto';\n\n        if (compactHeightRef.current === 0) {\n          recomputeMetrics();\n        }\n        const shouldExpand = el.scrollHeight > compactHeightRef.current + 1;\n        if (shouldExpand) {\n          setOpen(true);\n          // Immediately size for open state to avoid 1-line + scrollbar flash\n          updateHeight(true);\n          requestAnimationFrame(() => updateHeight(true));\n        }\n      }\n\n      // Always recalc after any input\n      requestAnimationFrame(() => updateHeight());\n      onChange?.(event);\n    },\n    [expandOn, open, setOpen, setValue, onChange, updateHeight, recomputeMetrics],\n  );\n\n  const handlePaste = React.useCallback<React.ClipboardEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      // Attach files from clipboard if enabled\n      if (paste) {\n        const items = Array.from(event.clipboardData?.items ?? []);\n        const files = items\n          .filter((i) => i.kind === 'file')\n          .map((i) => i.getAsFile())\n          .filter((f): f is File => !!f);\n        if (files.length > 0) {\n          // Prevent pasting the file name or any text representation when files are present\n          event.preventDefault();\n          appendFilesFromPaste(files);\n        }\n      }\n      setTimeout(() => {\n        // If pasting in compact mode, force sizing as open if content overflowed\n        if (!open) {\n          updateHeight(true);\n        } else {\n          updateHeight();\n        }\n      }, 0);\n      onPaste?.(event);\n    },\n    [paste, open, updateHeight, onPaste, appendFilesFromPaste],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      if (!submitOnEnter) {\n        onKeyDown?.(event);\n        return;\n      }\n      if (event.key === 'Enter' && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey && !event.nativeEvent.isComposing) {\n        if (disabled || readOnly) {\n          onKeyDown?.(event);\n          return;\n        }\n        if (sendMode === 'never') {\n          onKeyDown?.(event);\n          return;\n        }\n        const trimmed = value.trim();\n        const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n        if (sendMode === 'whenDirty' && !hasContent) {\n          onKeyDown?.(event);\n          return;\n        }\n        event.preventDefault();\n        ctx.onSubmit?.({ value, attachments: ctx.attachments });\n        if (ctx.clearOnSubmit) {\n          if (!isValueControlled) setValue('');\n          ctx.setAttachments([]);\n        }\n      }\n      onKeyDown?.(event);\n    },\n    [submitOnEnter, disabled, readOnly, sendMode, value, isValueControlled, setValue, ctx, onKeyDown],\n  );\n\n  const Comp = asChild ? Slot : ('textarea' as any);\n  return (\n    <m.div \n      className={classNames('rt-ChatbarField', 'rt-ChatbarTextarea', className)}\n      layout=\"position\"\n      transition={{\n        layout: {\n          type: 'spring',\n          visualDuration: 0.15,\n          bounce: 0.1,\n        },\n      }}\n    >\n      <Comp\n        {...textareaProps}\n        ref={(node: HTMLTextAreaElement) => {\n          if (typeof forwardedRef === 'function') forwardedRef(node);\n          else if (forwardedRef) (forwardedRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n          (textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n        }}\n        className=\"rt-ChatbarInput\"\n        value={value}\n        onInput={onInput}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onPaste={handlePaste}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n        readOnly={readOnly}\n        rows={open ? minLines : 1}\n        spellCheck={textareaProps.spellCheck ?? true}\n        autoCorrect={textareaProps.autoCorrect ?? 'on'}\n        style={style}\n      />\n    </m.div>\n  );\n});\nTextarea.displayName = 'Chatbar.Textarea';\n\ninterface InlineSlotProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  asChild?: boolean;\n  children?: React.ReactNode;\n}\n\nconst InlineStart = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n  const { children, asChild, style, className, ...divProps } = props;\n  const ctx = useChatbarContext();\n  if (ctx.open) return null;\n  const Comp = asChild ? Slot : ('div' as any);\n  return (\n    <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarInlineStart', className)} style={style}>\n      {children}\n    </Comp>\n  );\n});\nInlineStart.displayName = 'Chatbar.InlineStart';\n\nconst InlineEnd = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n  const { children, asChild, style, className, ...divProps } = props;\n  const ctx = useChatbarContext();\n  // Use CSS to hide when open instead of unmounting to avoid layout animation scale\n  if (ctx.open) return null;\n  const Comp = asChild ? Slot : ('div' as any);\n  return (\n    <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarInlineEnd', className)} style={style}>\n      {children}\n    </Comp>\n  );\n});\nInlineEnd.displayName = 'Chatbar.InlineEnd';\n\n/**\n * Renders a horizontally scrollable list of attachments above the inline row.\n * Hidden when empty unless `forceMount`. Override per-item with `renderAttachment`.\n */\ninterface AttachmentsRowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  asChild?: boolean;\n  forceMount?: boolean;\n  /** If provided, custom-render a tile; otherwise default tile is used */\n  renderAttachment?: (attachment: ChatbarAttachment) => React.ReactNode;\n}\n\nconst AttachmentsRow = React.forwardRef<HTMLDivElement, AttachmentsRowProps>((props, forwardedRef) => {\n  const { asChild, forceMount, renderAttachment, className, style, ...divProps } = props;\n  const ctx = useChatbarContext();\n  const hasItems = ctx.attachments.length > 0;\n  if (!hasItems && !forceMount) return null;\n  const Comp = asChild ? Slot : ('div' as any);\n  return (\n    <m.div\n      layout=\"position\"\n      transition={{\n        layout: {\n          type: 'spring',\n          visualDuration: 0.15,\n          bounce: 0.1,\n        },\n      }}\n    >\n      <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarAttachmentsRow', className)} style={style} role=\"list\" aria-label={divProps['aria-label'] ?? 'Attachments'}>\n        <ScrollArea className=\"rt-ChatbarScrollArea\" scrollbars=\"horizontal\" size=\"1\">\n          <Flex align=\"center\" gap=\"2\" style={{ minWidth: 'fit-content' }}>\n            {ctx.attachments.map((att) => (\n              <Attachment key={att.id} attachment={att} asChild={!!renderAttachment}>\n                {renderAttachment?.(att)}\n              </Attachment>\n            ))}\n          </Flex>\n        </ScrollArea>\n      </Comp>\n    </m.div>\n  );\n});\nAttachmentsRow.displayName = 'Chatbar.AttachmentsRow';\n\n/** Default tile renderer for a single attachment. */\ninterface AttachmentProps extends React.ComponentPropsWithoutRef<'div'> {\n  attachment: ChatbarAttachment;\n  asChild?: boolean;\n}\n\nconst Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, forwardedRef) => {\n  const { attachment, asChild, className, style, children, ...divProps } = props;\n  const ctx = useChatbarContext();\n  const Comp = asChild ? Slot : ('div' as any);\n  const isImage = !!attachment.url && attachment.type.startsWith('image/');\n  return (\n    <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarAttachment', className)} style={style} role=\"listitem\" data-kind={isImage ? 'image' : 'file'} title={attachment.name}>\n      {children ?? (\n        // <Card size={ctx.size} variant=\"surface\">\n        <Flex align=\"center\" gap=\"2\" pr={!isImage ? '6' : undefined}>\n          <div className=\"rt-ChatbarAttachmentPreview\" aria-hidden>\n            {isImage ? <img className=\"rt-ChatbarAttachmentImage\" src={attachment.url} alt=\"\" /> : <FileTextIcon />}\n          </div>\n          {!isImage && (\n            <Flex direction=\"column\" gap=\"0\" style={{ minWidth: 0 }}>\n              <Text size={ctx.size} weight=\"medium\" style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\n                {attachment.name}\n              </Text>\n              <Text size=\"1\" color=\"gray\">\n                {Math.ceil(attachment.size / 1024)} KB\n              </Text>\n            </Flex>\n          )}\n          <IconButton\n            className=\"rt-ChatbarAttachmentRemove\"\n            aria-label={`Remove ${attachment.name}`}\n            size=\"1\"\n            //   size={ctx.size}\n            variant=\"classic\"\n            highContrast\n            color=\"gray\"\n            onClick={() => ctx.setAttachments(ctx.attachments.filter((a) => a.id !== attachment.id))}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Flex>\n        // </Card>\n      )}\n    </Comp>\n  );\n});\nAttachment.displayName = 'Chatbar.Attachment';\n\ninterface AttachTriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  accept?: string | string[];\n  multiple?: boolean;\n}\n\nconst AttachTrigger = React.forwardRef<HTMLButtonElement, AttachTriggerProps>((props, forwardedRef) => {\n  const { asChild, accept, multiple, className, style, ...buttonProps } = props;\n  const ctx = useChatbarContext();\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const Comp = asChild ? Slot : ('button' as any);\n  // Prefer Chatbar.Root's accept when a local accept is not provided\n  const mergedAccept = accept ?? ctx.accept;\n  const actualAccept = (Array.isArray(mergedAccept) ? mergedAccept : (mergedAccept?.split(',') ?? [])).join(',');\n  React.useEffect(() => {\n    const handleWindowFocus = () => {\n      // Reset guard when window regains focus after file dialog closes\n      ctx.fileDialogOpenRef.current = false;\n    };\n    window.addEventListener('focus', handleWindowFocus);\n    return () => window.removeEventListener('focus', handleWindowFocus);\n  }, [ctx.fileDialogOpenRef]);\n  return (\n    <>\n      <Comp\n        {...(buttonProps as any)}\n        ref={forwardedRef as any}\n        className={classNames('rt-ChatbarAttachTrigger', className)}\n        style={style}\n        type={buttonProps.type ?? 'button'}\n        aria-label={buttonProps['aria-label'] ?? 'Add attachments'}\n        onPointerDown={(e: any) => {\n          // Set guard before blur occurs (Safari fires blur before click)\n          ctx.fileDialogOpenRef.current = true;\n          buttonProps.onPointerDown?.(e);\n        }}\n        onMouseDown={(e: any) => {\n          // Fallback for environments without Pointer Events\n          ctx.fileDialogOpenRef.current = true;\n          buttonProps.onMouseDown?.(e);\n        }}\n        onClick={(e: any) => {\n          // Ensure file input opens reliably by clicking it first\n          ctx.fileDialogOpenRef.current = true;\n          if (inputRef.current) {\n            inputRef.current.click();\n          }\n          // Then call user's onClick if provided\n          buttonProps.onClick?.(e);\n        }}\n      />\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={actualAccept}\n        multiple={multiple ?? ctx.multiple}\n        tabIndex={-1}\n        style={{ display: 'none' }}\n        onChange={(e) => {\n          const files = Array.from(e.currentTarget.files ?? []);\n          if (files.length > 0) {\n            ctx.appendFiles(files);\n          }\n          // File dialog closed; allow normal blur handling\n          ctx.fileDialogOpenRef.current = false;\n          // Reset input value to allow selecting the same file again\n          e.currentTarget.value = '';\n        }}\n      />\n    </>\n  );\n});\nAttachTrigger.displayName = 'Chatbar.AttachTrigger';\ninterface RowProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {\n  asChild?: boolean;\n  children?: React.ReactNode;\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, forwardedRef) => {\n  const { asChild, children, className, style, ...divProps } = props;\n  const ctx = useChatbarContext();\n  if (!ctx.open) return null;\n  const Comp = asChild ? Slot : ('div' as any);\n  return (\n    <m.div\n      layout=\"position\"\n      transition={{\n        layout: {\n          type: 'spring',\n          visualDuration: 0.15,\n          bounce: 0.1,\n        },\n      }}\n    >\n      <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRow', className)} style={style}>\n        <Flex align=\"center\" justify=\"between\" width=\"100%\">\n          {children}\n        </Flex>\n      </Comp>\n    </m.div>\n  );\n});\nRow.displayName = 'Chatbar.Row';\n\nconst RowStart = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, forwardedRef) => {\n  const { className, style, ...divProps } = props;\n  return <div {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRowStart', className)} style={style} />;\n});\nRowStart.displayName = 'Chatbar.RowStart';\n\nconst RowEnd = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, forwardedRef) => {\n  const { className, style, ...divProps } = props;\n  return <div {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRowEnd', className)} style={style} />;\n});\nRowEnd.displayName = 'Chatbar.RowEnd';\n\ntype SendProps = Omit<IconButtonProps, 'aria-label' | 'aria-labelledby'> & {\n  /** Optional override for accessible name. Defaults to \"Send\". */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  asChild?: boolean;\n  clearOnSend?: boolean;\n};\n\nconst Send = React.forwardRef<HTMLButtonElement, SendProps>((props, forwardedRef) => {\n  const { asChild, clearOnSend = true, disabled, children, className, style, size: sizeProp, variant: variantProp, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ...buttonProps } = props;\n  const ctx = useChatbarContext();\n\n  const trimmed = ctx.value.trim();\n  const hasContent = trimmed.length > 0 || ctx.attachments.length > 0;\n  const visible = ctx.sendMode === 'always' || (ctx.sendMode === 'whenDirty' && hasContent);\n  if (ctx.sendMode === 'never') return null;\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (ctx.disabled || ctx.readOnly) return;\n    ctx.onSubmit?.({ value: ctx.value, attachments: ctx.attachments });\n    if (clearOnSend) {\n      if (!ctx.isValueControlled) ctx.setValue('');\n      if (ctx.clearOnSubmit) ctx.setAttachments([]);\n    }\n    buttonProps.onClick?.(event);\n  };\n\n  return (\n    <IconButton\n      {...(buttonProps as any)}\n      ref={forwardedRef as any}\n      size={sizeProp ?? ctx.size}\n      variant={variantProp ?? (ctx.open ? 'solid' : 'ghost')}\n      disabled={disabled || ctx.disabled || ctx.readOnly}\n      className={classNames('rt-ChatbarSend', className)}\n      style={{\n        opacity: visible ? 1 : 0,\n        pointerEvents: visible ? 'auto' : 'none',\n        ...style,\n      }}\n      asChild={asChild}\n      onClick={handleClick}\n      aria-label={ariaLabel ?? (ariaLabelledby ? undefined : 'Send')}\n      aria-labelledby={ariaLabelledby}\n    >\n      {children ?? (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"lucide lucide-arrow-right-icon lucide-arrow-right\"\n        >\n          <path d=\"M5 12h14\" />\n          <path d=\"m12 5 7 7-7 7\" />\n        </svg>\n      )}\n    </IconButton>\n  );\n});\nSend.displayName = 'Chatbar.Send';\n\nexport { Root, Textarea, InlineStart, InlineEnd, AttachmentsRow, Attachment, AttachTrigger, Row, RowStart, RowEnd, Send };\nexport type { RootProps as ChatbarRootProps, TextareaProps as ChatbarTextareaProps, RowProps as ChatbarRowProps, SendProps as ChatbarSendProps, ChatbarAttachment };\n"],
+  "mappings": "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",
+  "names": ["chatbar_exports", "__export", "AttachTrigger", "Attachment", "AttachmentsRow", "InlineEnd", "InlineStart", "Root", "Row", "RowEnd", "RowStart", "Send", "Textarea", "React", "classNames", "LazyMotion", "domAnimation", "m", "useDropzone", "useIsomorphicLayoutEffect", "ChatbarContext", "useChatbarContext", "ctx", "Root", "props", "forwardedRef", "className", "style", "children", "valueProp", "defaultValue", "onValueChangeProp", "openProp", "defaultOpen", "onOpenChangeProp", "expandOn", "minLines", "maxLines", "sendMode", "disabled", "readOnly", "onSubmit", "size", "variant", "color", "radius", "panelBackground", "material", "width", "maxWidth", "asChild", "attachmentsProp", "defaultAttachments", "onAttachmentsChange", "accept", "multiple", "maxAttachments", "maxFileSize", "paste", "pasteAccept", "clearOnSubmit", "onAttachmentReject", "dropzone", "apiRef", "divProps", "effectiveMaterial", "isValueControlled", "valueUncontrolled", "setValueUncontrolled", "value", "isOpenControlled", "openUncontrolled", "setOpenUncontrolled", "open", "rootRef", "textareaRef", "fileDialogOpenRef", "isAttachmentsControlled", "attachmentsUncontrolled", "setAttachmentsUncontrolled", "attachments", "generatedUrlSetRef", "toArray", "val", "s", "accepts", "pasteAccepts", "matchesAccept", "file", "patterns", "mime", "name", "patRaw", "pat", "type", "subtype", "fmType", "fmSubtype", "attachmentsRef", "acceptsRef", "pasteAcceptsRef", "maxAttachmentsRef", "maxFileSizeRef", "onAttachmentRejectRef", "onAttachmentsChangeRef", "onOpenChangePropRef", "appendFiles", "files", "currentAttachments", "currentAccepts", "currentMaxAttachments", "currentMaxFileSize", "next", "rejected", "remainingSlots", "id", "looksLikeImageByExt", "url", "merged", "appendFilesFromPaste", "currentPasteAccepts", "acceptedFiles", "currentUrls", "a", "urlSet", "Comp", "Slot", "handleSetOpen", "handleSetValue", "handleSetAttachments", "handleBlurCapture", "event", "nextTarget", "rootEl", "getRootProps", "getInputProps", "isDragActive", "openFileDialog", "rejectedFiles", "rejections", "errors", "reason", "acc", "pattern", "isInteractiveTarget", "target", "el", "handleContainerPointerDown", "LazyMotion", "domAnimation", "node", "classNames", "m", "Text", "Textarea", "onFocus", "onInput", "onChange", "onPaste", "onKeyDown", "submitOnEnter", "rows", "textareaProps", "setOpen", "setValue", "lineHeightRef", "paddingRef", "compactHeightRef", "recomputeMetrics", "computedStyle", "lineHeight", "paddingTop", "paddingBottom", "updateHeight", "forceOpen", "textarea", "padding", "isOpen", "effectiveMinLines", "effectiveMaxLines", "minHeight", "maxHeight", "contentHeight", "finalHeight", "prevLineHeight", "ro", "lh", "handleFocus", "handleChange", "nextValue", "handlePaste", "i", "f", "handleKeyDown", "hasContent", "InlineStart", "InlineEnd", "AttachmentsRow", "forceMount", "renderAttachment", "ScrollArea", "Flex", "att", "Attachment", "attachment", "isImage", "FileTextIcon", "IconButton", "CloseIcon", "AttachTrigger", "buttonProps", "inputRef", "mergedAccept", "actualAccept", "handleWindowFocus", "e", "Row", "RowStart", "RowEnd", "Send", "clearOnSend", "sizeProp", "variantProp", "ariaLabel", "ariaLabelledby", "visible", "handleClick"]
+}

package/dist/esm/chunk-DUHJVT64.js

@@ -0,0 +1,2 @@
+import{c as e}from"./chunk-66ZLZAAJ.js";var o=["horizontal","vertical"],t=["1","2","3","4"],a={orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:t,default:"1",responsive:!0},color:{...e.color,default:"gray"},decorative:{type:"boolean",default:!0},light:{type:"boolean",className:"rt-light",default:!1}};export{a};
+//# sourceMappingURL=chunk-DUHJVT64.js.map

package/dist/esm/chunk-DUHJVT64.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/separator.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst orientationValues = ['horizontal', 'vertical'] as const;\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst separatorPropDefs = {\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientationValues,\n    default: 'horizontal',\n    responsive: true,\n  },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  color: { ...colorPropDef.color, default: 'gray' },\n  decorative: { type: 'boolean', default: true },\n  light: { type: 'boolean', className: 'rt-light', default: false },\n} satisfies {\n  orientation: PropDef<(typeof orientationValues)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n  color: typeof colorPropDef.color;\n  decorative: PropDef<boolean>;\n  light: PropDef<boolean>;\n};\n\nexport { separatorPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAoB,CAAC,aAAc,UAAU,EAC7CC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAoB,CACxB,YAAa,CACX,KAAM,OACN,UAAW,mBACX,OAAQF,EACR,QAAS,aACT,WAAY,EACd,EACA,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQC,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,MAAO,CAAE,GAAGE,EAAa,MAAO,QAAS,MAAO,EAChD,WAAY,CAAE,KAAM,UAAW,QAAS,EAAK,EAC7C,MAAO,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,CAClE",
+  "names": ["orientationValues", "sizes", "separatorPropDefs", "colorPropDef"]
+}

package/dist/esm/chunk-DXI5P5O4.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-HAGKI7NA.js";import{b as t}from"./chunk-FWB47YCH.js";import{a as p}from"./chunk-K53W3ELO.js";import{a as s}from"./chunk-GSTOGDAJ.js";import{a as o}from"./chunk-KMPBTEZH.js";import*as r from"react";import f from"classnames";var G=r.forwardRef((i,m)=>{let{className:a,asChild:d,as:n="div",...P}=o(i,e,p,s);return r.createElement(d?t:n,{...P,ref:m,className:f("rt-Grid",a)})});G.displayName="Grid";export{G as a};
+//# sourceMappingURL=chunk-DXI5P5O4.js.map

package/dist/esm/chunk-DXI5P5O4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/grid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Slot } from './slot.js';\nimport { gridPropDefs } from './grid.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GridOwnProps } from './grid.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype GridElement = React.ElementRef<'div'>;\ninterface CommonGridProps extends MarginProps, LayoutProps, GridOwnProps {}\ntype GridDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype GridSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n\nconst Grid = React.forwardRef<GridElement, GridProps>((props, forwardedRef) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...gridProps\n  } = extractProps(props, gridPropDefs, layoutPropDefs, marginPropDefs);\n  const Comp = asChild ? Slot : Tag;\n  return <Comp {...gridProps} ref={forwardedRef} className={classNames('rt-Grid', className)} />;\n});\nGrid.displayName = 'Grid';\n\nexport { Grid };\nexport type { GridProps };\n"],
+  "mappings": "wMAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAmBvB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,MACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAcC,EAAgBC,CAAc,EAEpE,OAAO,gBADMN,EAAUO,EAAON,EACtB,CAAM,GAAGC,EAAW,IAAKJ,EAAc,UAAWU,EAAW,UAAWT,CAAS,EAAG,CAC9F,CAAC,EACDH,EAAK,YAAc",
+  "names": ["React", "classNames", "Grid", "props", "forwardedRef", "className", "asChild", "Tag", "gridProps", "extractProps", "gridPropDefs", "layoutPropDefs", "marginPropDefs", "Slot", "classNames"]
+}

package/dist/esm/chunk-DZ4H2KTP.js

@@ -0,0 +1,2 @@
+import{a as g}from"./chunk-QLZ5XAW6.js";import{a as P}from"./chunk-FVCWNSRU.js";import{a as R,c as T}from"./chunk-5T6K7VPP.js";import{a as h}from"./chunk-AGAQC4HH.js";import{a as B}from"./chunk-GSTOGDAJ.js";import{a as b}from"./chunk-KMPBTEZH.js";import{a as p}from"./chunk-D2AZAGGP.js";import*as e from"react";import W from"classnames";import{Slot as G}from"radix-ui";import{composeRefs as $}from"radix-ui/internal";var A=e.forwardRef((t,w)=>{let{size:v=p.size.default}=t,{className:C,children:o,asChild:s,as:r,color:x,radius:E,material:M,panelBackground:k,flush:D,disabled:d=t.loading,...c}=b(t,p,B);e.useEffect(()=>{t.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[t.panelBackground]);let a=M??k,m=e.useRef(null),f=e.useRef(a);f.current=a,e.useEffect(()=>{let n=m.current;if(!n)return;if(a==="translucent"){n.style.setProperty("will-change","backdrop-filter");let u,V=()=>{let F=getComputedStyle(n).getPropertyValue("--duration-2")||"75ms",H=parseInt(F)||75;u=setTimeout(()=>{n&&f.current!=="translucent"&&n.style.setProperty("will-change","auto")},H)},y=new MutationObserver(V);return y.observe(n,{attributes:!0,attributeFilter:["data-material"]}),()=>{u&&clearTimeout(u),y.disconnect(),n.style.setProperty("will-change","auto")}}else n.style.setProperty("will-change","auto")},[a]);let S=s?G.Root:r||"button",z=s||!r||["button","input","textarea","select"].includes(r),I=!s&&(!r||r==="button"),N="type"in c,j=e.useId(),i=t.loading?`${j}-loading`:void 0,l=e.useMemo(()=>typeof o=="string"?o:e.isValidElement(o)&&typeof o.props?.children=="string"?o.props.children:"button",[o]),O=e.useMemo(()=>t.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":i,"aria-label":`${l} (loading)`}:{},[t.loading,i,l]);return e.createElement(S,{"data-disabled":d||void 0,"data-accent-color":x,"data-radius":E,"data-material":a,"data-panel-background":a,"data-flush":D?"true":void 0,...c,...O,ref:$(m,w),className:W("rt-reset","rt-BaseButton",C),...z&&{disabled:d},...I&&!N?{type:"button"}:{}},t.loading?e.createElement(e.Fragment,null,e.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},o),e.createElement(h,null,e.createElement("span",{id:i},l," is loading, please wait..."),o),e.createElement(P,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,e.createElement(g,{size:R(v,T),"aria-hidden":"true"})))):o)});A.displayName="BaseButton";export{A as a};
+//# sourceMappingURL=chunk-DZ4H2KTP.js.map

package/dist/esm/chunk-DZ4H2KTP.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/base-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\nimport { composeRefs } from 'radix-ui/internal';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.js';\nimport { marginPropDefs } from '../../props/margin.props.js';\n\nimport type { MarginProps } from '../../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../../props/prop-def.js';\n\ntype BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n/**\n * Polymorphic BaseButton props that support rendering as different HTML elements\n * Uses the proper ComponentPropsWithout pattern for type safety\n * @template C - The element type to render as (defaults to 'button')\n */\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & BaseButtonOwnProps &\n  MarginProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\n/**\n * BaseButton props interface that combines all available props\n */\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\n/**\n * BaseButton component that provides the core button functionality\n *\n * This is the foundational button component that handles all the complex logic\n * including loading states, accessibility, performance optimizations, and\n * polymorphic rendering. It's used by Button, IconButton, and other button\n * variants to ensure consistent behavior across the design system.\n *\n * Key features:\n * - Loading state with spinner and accessibility announcements\n * - Performance optimizations for backdrop-filter effects\n * - Comprehensive accessibility support\n * - Polymorphic rendering support\n * - Material/panel background handling\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BaseButton>Click me</BaseButton>\n *\n * // With loading state\n * <BaseButton loading>Processing...</BaseButton>\n *\n * // Polymorphic rendering\n * <BaseButton as=\"a\" href=\"/link\">Link Button</BaseButton>\n * ```\n */\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props, forwardedRef) => {\n  const { size = baseButtonPropDefs.size.default } = props;\n\n  // Extract button-specific props from the combined props object\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    material,\n    panelBackground,\n    flush,\n    disabled = props.loading, // Loading state automatically disables the button\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n  // Show deprecation warning for panelBackground when used\n  // This helps developers migrate to the new material prop\n  React.useEffect(() => {\n    if (props.panelBackground !== undefined) {\n      console.warn('Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.');\n    }\n  }, [props.panelBackground]);\n\n  // Material takes precedence over panelBackground for backward compatibility\n  const effectiveMaterial = material ?? panelBackground;\n\n  // Will-change cleanup for backdrop-filter performance optimization\n  // This prevents layout thrashing when using translucent materials\n  const buttonRef = React.useRef<HTMLElement>(null);\n\n  // Use a ref to track current material value to avoid stale closures in setTimeout\n  const materialRef = React.useRef(effectiveMaterial);\n  materialRef.current = effectiveMaterial;\n\n  React.useEffect(() => {\n    const button = buttonRef.current;\n    if (!button) return;\n\n    const hasTranslucentMaterial = effectiveMaterial === 'translucent';\n\n    if (hasTranslucentMaterial) {\n      // Add will-change when material is translucent to optimize rendering\n      button.style.setProperty('will-change', 'backdrop-filter');\n\n      // Track timeout for cleanup\n      let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n      // Clean up will-change after transition completes to prevent memory leaks\n      const cleanup = () => {\n        const transitionDuration = getComputedStyle(button).getPropertyValue('--duration-2') || '75ms';\n        const duration = parseInt(transitionDuration) || 75;\n\n        timeoutId = setTimeout(() => {\n          // Use ref to get current value, not stale closure value\n          if (button && materialRef.current !== 'translucent') {\n            button.style.setProperty('will-change', 'auto');\n          }\n        }, duration);\n      };\n\n      // Listen for material changes to clean up will-change property\n      const observer = new MutationObserver(cleanup);\n      observer.observe(button, { attributes: true, attributeFilter: ['data-material'] });\n\n      return () => {\n        if (timeoutId) clearTimeout(timeoutId);\n        observer.disconnect();\n        button.style.setProperty('will-change', 'auto');\n      };\n    } else {\n      // Remove will-change when material is not translucent\n      button.style.setProperty('will-change', 'auto');\n    }\n  }, [effectiveMaterial]);\n\n  // asChild takes precedence over as prop for Radix Slot integration\n  // When asChild is true, we use Slot.Root to merge props onto the child element\n  // When asChild is false, we render as the specified element (or button by default)\n  const Comp = asChild ? Slot.Root : (as || 'button');\n\n  // Only pass disabled for elements that support it\n  // This prevents invalid HTML attributes on unsupported elements\n  const shouldPassDisabled = asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n  // Determine if we are rendering a real <button> element so we can set a safe\n  // default type. Native <button> defaults to type=\"submit\" which can cause\n  // accidental form submissions. We default to type=\"button\" unless the user\n  // explicitly provided a type or we're using asChild (unknown underlying node).\n  const isNativeButtonElement = !asChild && (!as || as === 'button');\n  const hasExplicitTypeAttribute = 'type' in (baseButtonProps as Record<string, unknown>);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = props.loading ? `${loadingId}-loading` : undefined;\n\n  // Extract button text for accessibility announcements\n  const buttonText = React.useMemo(() => {\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n    return 'button';\n  }, [children]);\n\n  // Enhanced accessibility props for loading state\n  // These ensure screen readers announce the loading state properly\n  const accessibilityProps = React.useMemo(() => {\n    if (props.loading) {\n      return {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': describedById,\n        'aria-label': `${buttonText} (loading)`,\n      };\n    }\n    return {};\n  }, [props.loading, describedById, buttonText]);\n\n  return (\n    <Comp\n      // The `data-disabled` attribute enables correct styles when doing `<Button asChild disabled>`\n      data-disabled={disabled || undefined}\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={effectiveMaterial}\n      data-panel-background={effectiveMaterial}\n      data-flush={flush ? 'true' : undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      ref={composeRefs(buttonRef, forwardedRef)}\n      className={classNames('rt-reset', 'rt-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled })}\n      {...(isNativeButtonElement && !hasExplicitTypeAttribute ? { type: 'button' } : {})}\n    >\n      {props.loading ? (\n        <>\n          {/**\n           * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n           * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n           *\n           * However, `display: contents` removes the content from the accessibility tree in some browsers,\n           * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n           */}\n          <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n            {children}\n          </span>\n\n          {/* Enhanced accessibility for loading state */}\n          <VisuallyHidden>\n            <span id={describedById}>{buttonText} is loading, please wait...</span>\n            {children}\n          </VisuallyHidden>\n\n          {/* Centered spinner overlay during loading state */}\n          <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n            <span>\n              <Spinner size={mapResponsiveProp(size, mapButtonSizeToSpinnerSize)} aria-hidden=\"true\" />\n            </span>\n          </Flex>\n        </>\n      ) : (\n        children\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Slot", "composeRefs", "BaseButton", "props", "forwardedRef", "size", "baseButtonPropDefs", "className", "children", "asChild", "as", "color", "radius", "material", "panelBackground", "flush", "disabled", "baseButtonProps", "extractProps", "marginPropDefs", "effectiveMaterial", "buttonRef", "materialRef", "button", "timeoutId", "cleanup", "transitionDuration", "duration", "observer", "Comp", "Slot", "shouldPassDisabled", "isNativeButtonElement", "hasExplicitTypeAttribute", "loadingId", "describedById", "buttonText", "accessibilityProps", "composeRefs", "classNames", "VisuallyHidden", "Flex", "Spinner", "mapResponsiveProp", "mapButtonSizeToSpinnerSize"]
+}

package/dist/esm/chunk-E23RKOQJ.js

@@ -0,0 +1,2 @@
+function r(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}export{r as a};
+//# sourceMappingURL=chunk-E23RKOQJ.js.map

package/dist/esm/chunk-E23RKOQJ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/merge-styles.ts"],
+  "sourcesContent": ["type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n"],
+  "mappings": "AAOO,SAASA,KAAeC,EAAyC,CACtE,IAAIC,EAEJ,QAAWC,KAASF,EACdE,IACED,IAAW,SAEbA,EAAS,CAAC,GAEZ,OAAO,OAAOA,EAAQC,CAAK,GAI/B,OAAOD,CACT",
+  "names": ["mergeStyles", "styles", "result", "style"]
+}

package/dist/esm/chunk-E2Z5IA2P.js

@@ -0,0 +1,2 @@
+import{b as C,c as z}from"./chunk-QCNUTT4R.js";import*as e from"react";import T from"classnames";import{useVirtualizer as _}from"@tanstack/react-virtual";var F=e.memo(function({label:r,isHighlighted:o,id:l,style:y,tabIndex:p,"data-highlighted":m,"data-index":x,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g}){return e.createElement("div",{id:l,role:"menuitem",className:T("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem"),style:y,tabIndex:p,"data-highlighted":m,"data-index":x,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g},r)},(n,r)=>!(n.label!==r.label||n["data-highlighted"]!==r["data-highlighted"]||n.style.height!==r.style.height||n.style.transform!==r.style.transform||n.tabIndex!==r.tabIndex||n.id!==r.id));function D({items:n,itemLabel:r,renderItem:o,size:l,estimatedItemSize:y,overscan:p=5,onSelect:m,className:x,style:f,"aria-label":v}){let h=e.useId(),g=e.useRef(null),[S,u]=e.useState(-1),{isInsideMenu:L,size:w}=C(),I=y??z[l??w??"2"];if(!r&&!o)throw new Error("VirtualMenu requires either itemLabel or renderItem prop");let K=e.useMemo(()=>r?typeof r=="function"?r:t=>t[r]:null,[r]),c=e.useMemo(()=>n.length===0||S<0?-1:Math.min(S,n.length-1),[S,n.length]),P=e.useMemo(()=>typeof I=="function"?I:()=>I,[I]),R=_({count:n.length,getScrollElement:()=>g.current,estimateSize:P,overscan:p}),$=R.getVirtualItems(),M=e.useRef(n),b=e.useRef(m);M.current=n,b.current=m;let d=e.useRef(R.scrollToIndex);d.current=R.scrollToIndex;let E=e.useRef(c);E.current=c;let A=e.useCallback(t=>{let s=t.currentTarget.dataset.index;s!=null&&u(Number(s))},[]),B=e.useCallback(t=>{let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=M.current;a>=0&&a<i.length&&b.current?.(i[a],a)}},[]),j=e.useCallback(()=>{},[]),q=e.useCallback(t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=M.current;a>=0&&a<i.length&&b.current?.(i[a],a)}}},[]),O=e.useCallback(t=>{let s=M.current,a=E.current;switch(t.key){case"ArrowDown":{t.preventDefault();let i=a<s.length-1?a+1:0;u(i),d.current(i,{align:"auto"});break}case"ArrowUp":{t.preventDefault();let i=a>0?a-1:s.length-1;u(i),d.current(i,{align:"auto"});break}case"Home":{t.preventDefault(),u(0),d.current(0,{align:"start"});break}case"End":{t.preventDefault();let i=s.length-1;u(i),d.current(i,{align:"end"});break}case"Enter":case" ":{t.preventDefault(),a>=0&&a<s.length&&b.current?.(s[a],a);break}case"Tab":{t.preventDefault();break}case"Escape":{t.currentTarget.blur();break}}},[]),k=e.useCallback(t=>`${h}-item-${t}`,[h]),U=e.useMemo(()=>({overflow:"auto",position:"relative",...f}),[f]),V=R.getTotalSize(),W=e.useMemo(()=>({height:`${V}px`,width:"100%",position:"relative"}),[V]);return e.createElement("div",{ref:g,role:L?"group":"menu","aria-label":v,"aria-activedescendant":c>=0?k(c):void 0,tabIndex:0,onKeyDown:O,className:T("rt-VirtualMenuRoot",x),style:U},e.createElement("div",{className:"rt-VirtualMenuViewport",style:W},$.map(t=>{let s=n[t.index],a=t.index,i=c===a,Y={height:t.size,transform:`translateY(${t.start}px)`},H={id:k(a),isHighlighted:i,style:Y,tabIndex:i?0:-1,"data-highlighted":i?!0:void 0,"data-index":a,onMouseEnter:A,onMouseLeave:j,onClick:B,onKeyDown:q};return o?e.createElement(o,{key:t.key,item:s,index:a,...H}):e.createElement(F,{key:t.key,label:K(s),...H})})))}D.displayName="VirtualMenu";var N=e.forwardRef(({className:n,children:r,...o},l)=>e.createElement("div",{ref:l,role:"menuitem",className:T("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem",n),...o},r));N.displayName="VirtualMenu.Item";var G=e.memo(N,(n,r)=>{let o=n.style,l=r.style;return!(o?.height!==l?.height||o?.transform!==l?.transform||n["data-highlighted"]!==r["data-highlighted"]||n.tabIndex!==r.tabIndex||n.id!==r.id||n.className!==r.className||n.children!==r.children)}),ee=Object.assign(D,{Item:G});export{ee as a};
+//# sourceMappingURL=chunk-E2Z5IA2P.js.map

package/dist/esm/chunk-E2Z5IA2P.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/virtual-menu.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useMenuContext, menuSizeToItemHeight } from './_internal/menu-context.js';\n\n/**\n * VirtualMenu - A virtualized menu component for rendering large lists efficiently.\n *\n * Uses TanStack Virtual to render only visible items.\n * Works inside any container (DropdownMenu.Content, Popover.Content, etc.)\n *\n * @example\n * // Simple usage with itemLabel\n * <VirtualMenu\n *   items={items}\n *   itemLabel={(item) => item.name}\n *   onSelect={handleSelect}\n * />\n *\n * @example\n * // Custom rendering with renderItem\n * const UserItem = React.memo(({ item, ...props }) => (\n *   <VirtualMenu.Item {...props}>\n *     <Avatar src={item.avatar} />\n *     {item.name}\n *   </VirtualMenu.Item>\n * ));\n *\n * <VirtualMenu items={users} renderItem={UserItem} onSelect={handleSelect} />\n */\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Props passed to custom renderItem components */\ninterface VirtualMenuRenderItemProps<T> {\n  /** The item data */\n  item: T;\n  /** Index in the items array */\n  index: number;\n  /** Whether this item is currently highlighted */\n  isHighlighted: boolean;\n  /** Unique ID for accessibility */\n  id: string;\n  /** Positioning styles - must be applied */\n  style: React.CSSProperties;\n  /** Tab index for focus management */\n  tabIndex: number;\n  /** Data attribute for CSS styling */\n  'data-highlighted': true | undefined;\n  /** Data attribute for event delegation */\n  'data-index': number;\n  /** Mouse enter handler */\n  onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;\n  /** Mouse leave handler */\n  onMouseLeave: () => void;\n  /** Click handler */\n  onClick: (e: React.MouseEvent<HTMLElement>) => void;\n  /** Keyboard handler for Enter/Space activation */\n  onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface VirtualMenuProps<T> {\n  /** Array of items to render */\n  items: T[];\n  /**\n   * Simple label accessor for basic text items.\n   * Can be a property key or a function.\n   * @example\n   * itemLabel=\"name\"\n   * itemLabel={(item) => item.name}\n   */\n  itemLabel?: keyof T | ((item: T) => React.ReactNode);\n  /**\n   * Custom component for rendering items.\n   * Must be memoized (React.memo) for optimal performance.\n   * @example\n   * const MyItem = React.memo(({ item, ...props }) => (\n   *   <VirtualMenu.Item {...props}>{item.name}</VirtualMenu.Item>\n   * ));\n   * <VirtualMenu items={items} renderItem={MyItem} />\n   */\n  renderItem?: React.ComponentType<VirtualMenuRenderItemProps<T>>;\n  /**\n   * Menu size - controls item height.\n   * Automatically inherited from parent DropdownMenu.Content/ContextMenu.Content.\n   * Only set manually when using VirtualMenu outside of a menu context.\n   * @default '2' (or inherited from context)\n   */\n  size?: '1' | '2';\n  /**\n   * Estimated height of each item in pixels.\n   * Can be a number (same for all) or a function (per-item).\n   * Usually not needed - height is automatically derived from size prop/context.\n   * Use this only for custom item heights (e.g., variable height items).\n   */\n  estimatedItemSize?: number | ((index: number) => number);\n  /** Number of items to render outside visible area */\n  overscan?: number;\n  /** Callback when an item is selected */\n  onSelect?: (item: T, index: number) => void;\n  /** Additional class name */\n  className?: string;\n  /** Additional styles */\n  style?: React.CSSProperties;\n  /** Accessible label for the menu */\n  'aria-label'?: string;\n}\n\n// ============================================================================\n// Internal Memoized Item Component\n// ============================================================================\n\ninterface SimpleItemProps {\n  label: React.ReactNode;\n  isHighlighted: boolean;\n  id: string;\n  style: React.CSSProperties;\n  tabIndex: number;\n  'data-highlighted': true | undefined;\n  'data-index': number;\n  onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave: () => void;\n  onClick: (e: React.MouseEvent<HTMLElement>) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nconst SimpleItem = React.memo(\n  function SimpleItem({\n    label,\n    isHighlighted: _isHighlighted,\n    id,\n    style,\n    tabIndex,\n    'data-highlighted': dataHighlighted,\n    'data-index': dataIndex,\n    onMouseEnter,\n    onMouseLeave,\n    onClick,\n    onKeyDown,\n  }: SimpleItemProps) {\n    return (\n      <div\n        id={id}\n        role=\"menuitem\"\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-VirtualMenuItem')}\n        style={style}\n        tabIndex={tabIndex}\n        data-highlighted={dataHighlighted}\n        data-index={dataIndex}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n      >\n        {label}\n      </div>\n    );\n  },\n  (prev, next) => {\n    // Custom comparison - only re-render if these change\n    if (prev.label !== next.label) return false;\n    if (prev['data-highlighted'] !== next['data-highlighted']) return false;\n    if (prev.style.height !== next.style.height) return false;\n    if (prev.style.transform !== next.style.transform) return false;\n    if (prev.tabIndex !== next.tabIndex) return false;\n    if (prev.id !== next.id) return false;\n    // Event handlers are stable, skip comparison\n    return true;\n  },\n);\n\n// ============================================================================\n// VirtualMenu Component\n// ============================================================================\n\nfunction VirtualMenuRoot<T>({\n  items,\n  itemLabel,\n  renderItem: RenderItem,\n  size: sizeProp,\n  estimatedItemSize: estimatedItemSizeProp,\n  overscan = 5,\n  onSelect,\n  className,\n  style,\n  'aria-label': ariaLabel,\n}: VirtualMenuProps<T>) {\n  const menuId = React.useId();\n  const parentRef = React.useRef<HTMLDivElement>(null);\n  const [highlightedIndex, setHighlightedIndex] = React.useState<number>(-1);\n  const { isInsideMenu, size: contextSize } = useMenuContext();\n\n  // Resolve size: prop > context > default '2'\n  const resolvedSize = sizeProp ?? contextSize ?? '2';\n  \n  // Resolve item height: explicit prop > derived from size\n  const estimatedItemSize = estimatedItemSizeProp ?? menuSizeToItemHeight[resolvedSize];\n\n  // Validate props\n  if (!itemLabel && !RenderItem) {\n    throw new Error('VirtualMenu requires either itemLabel or renderItem prop');\n  }\n\n  // Normalize itemLabel to a function\n  const getLabel = React.useMemo(() => {\n    if (!itemLabel) return null;\n    if (typeof itemLabel === 'function') return itemLabel;\n    return (item: T) => item[itemLabel] as React.ReactNode;\n  }, [itemLabel]);\n\n  // Derive safe highlighted index\n  const safeHighlightedIndex = React.useMemo(() => {\n    if (items.length === 0) return -1;\n    if (highlightedIndex < 0) return -1;\n    return Math.min(highlightedIndex, items.length - 1);\n  }, [highlightedIndex, items.length]);\n\n  // Normalize estimatedItemSize to a function\n  const getItemSize = React.useMemo(\n    () =>\n      typeof estimatedItemSize === 'function'\n        ? estimatedItemSize\n        : () => estimatedItemSize,\n    [estimatedItemSize],\n  );\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: getItemSize,\n    overscan,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  // Refs for stable handler references\n  const itemsRef = React.useRef(items);\n  const onSelectRef = React.useRef(onSelect);\n  itemsRef.current = items;\n  onSelectRef.current = onSelect;\n\n  const scrollToIndexRef = React.useRef(virtualizer.scrollToIndex);\n  scrollToIndexRef.current = virtualizer.scrollToIndex;\n\n  const highlightedIndexRef = React.useRef(safeHighlightedIndex);\n  highlightedIndexRef.current = safeHighlightedIndex;\n\n  // Stable event handlers\n  const handleItemMouseEnter = React.useCallback((e: React.MouseEvent<HTMLElement>) => {\n    const index = e.currentTarget.dataset.index;\n    if (index != null) {\n      setHighlightedIndex(Number(index));\n    }\n  }, []);\n\n  const handleItemClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => {\n    const index = e.currentTarget.dataset.index;\n    if (index != null) {\n      const idx = Number(index);\n      const currentItems = itemsRef.current;\n      if (idx >= 0 && idx < currentItems.length) {\n        onSelectRef.current?.(currentItems[idx], idx);\n      }\n    }\n  }, []);\n\n  const noop = React.useCallback(() => {}, []);\n\n  // Item-level keyboard handler for Enter/Space activation (satisfies a11y lint rule)\n  const handleItemKeyDown = React.useCallback((e: React.KeyboardEvent<HTMLElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      const index = e.currentTarget.dataset.index;\n      if (index != null) {\n        const idx = Number(index);\n        const currentItems = itemsRef.current;\n        if (idx >= 0 && idx < currentItems.length) {\n          onSelectRef.current?.(currentItems[idx], idx);\n        }\n      }\n    }\n  }, []);\n\n  // Keyboard navigation\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    const currentItems = itemsRef.current;\n    const currentHighlightedIndex = highlightedIndexRef.current;\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        const nextIndex =\n          currentHighlightedIndex < currentItems.length - 1 ? currentHighlightedIndex + 1 : 0;\n        setHighlightedIndex(nextIndex);\n        scrollToIndexRef.current(nextIndex, { align: 'auto' });\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const prevIndex =\n          currentHighlightedIndex > 0 ? currentHighlightedIndex - 1 : currentItems.length - 1;\n        setHighlightedIndex(prevIndex);\n        scrollToIndexRef.current(prevIndex, { align: 'auto' });\n        break;\n      }\n      case 'Home': {\n        e.preventDefault();\n        setHighlightedIndex(0);\n        scrollToIndexRef.current(0, { align: 'start' });\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        const lastIndex = currentItems.length - 1;\n        setHighlightedIndex(lastIndex);\n        scrollToIndexRef.current(lastIndex, { align: 'end' });\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        e.preventDefault();\n        if (currentHighlightedIndex >= 0 && currentHighlightedIndex < currentItems.length) {\n          onSelectRef.current?.(currentItems[currentHighlightedIndex], currentHighlightedIndex);\n        }\n        break;\n      }\n      case 'Tab': {\n        e.preventDefault();\n        break;\n      }\n      case 'Escape': {\n        (e.currentTarget as HTMLElement).blur();\n        break;\n      }\n    }\n  }, []);\n\n  // Item ID generator\n  const getItemId = React.useCallback(\n    (index: number) => `${menuId}-item-${index}`,\n    [menuId],\n  );\n\n  // Memoize styles\n  const rootStyle = React.useMemo(\n    () => ({\n      overflow: 'auto' as const,\n      position: 'relative' as const,\n      ...style,\n    }),\n    [style],\n  );\n\n  const totalSize = virtualizer.getTotalSize();\n  const viewportStyle = React.useMemo(\n    () => ({\n      height: `${totalSize}px`,\n      width: '100%' as const,\n      position: 'relative' as const,\n    }),\n    [totalSize],\n  );\n\n  return (\n    <div\n      ref={parentRef}\n      role={isInsideMenu ? 'group' : 'menu'}\n      aria-label={ariaLabel}\n      aria-activedescendant={safeHighlightedIndex >= 0 ? getItemId(safeHighlightedIndex) : undefined}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      className={classNames('rt-VirtualMenuRoot', className)}\n      style={rootStyle}\n    >\n      <div className=\"rt-VirtualMenuViewport\" style={viewportStyle}>\n        {virtualItems.map((virtualRow) => {\n          const item = items[virtualRow.index];\n          const index = virtualRow.index;\n          const isHighlighted = safeHighlightedIndex === index;\n\n          const itemStyle: React.CSSProperties = {\n            height: virtualRow.size,\n            transform: `translateY(${virtualRow.start}px)`,\n          };\n\n          const commonProps = {\n            id: getItemId(index),\n            isHighlighted,\n            style: itemStyle,\n            tabIndex: isHighlighted ? 0 : -1,\n            'data-highlighted': isHighlighted ? true as const : undefined,\n            'data-index': index,\n            onMouseEnter: handleItemMouseEnter,\n            onMouseLeave: noop,\n            onClick: handleItemClick,\n            onKeyDown: handleItemKeyDown,\n          };\n\n          // Use renderItem if provided, otherwise use SimpleItem with itemLabel\n          if (RenderItem) {\n            return (\n              <RenderItem\n                key={virtualRow.key}\n                item={item}\n                index={index}\n                {...commonProps}\n              />\n            );\n          }\n\n          return (\n            <SimpleItem\n              key={virtualRow.key}\n              label={getLabel!(item)}\n              {...commonProps}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nVirtualMenuRoot.displayName = 'VirtualMenu';\n\n// ============================================================================\n// VirtualMenu.Item Component (for custom renderItem usage)\n// ============================================================================\n\ninterface VirtualMenuItemProps extends React.ComponentPropsWithoutRef<'div'> {\n  children: React.ReactNode;\n  /** Data attribute for highlight styling */\n  'data-highlighted'?: true | undefined;\n  /** Data attribute for event delegation */\n  'data-index'?: number;\n}\n\nconst VirtualMenuItemInner = React.forwardRef<HTMLDivElement, VirtualMenuItemProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <div\n        ref={forwardedRef}\n        role=\"menuitem\"\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-VirtualMenuItem', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nVirtualMenuItemInner.displayName = 'VirtualMenu.Item';\n\n// Memoized with custom comparison\nconst VirtualMenuItem = React.memo(VirtualMenuItemInner, (prevProps, nextProps) => {\n  const prevStyle = prevProps.style as React.CSSProperties | undefined;\n  const nextStyle = nextProps.style as React.CSSProperties | undefined;\n  if (prevStyle?.height !== nextStyle?.height) return false;\n  if (prevStyle?.transform !== nextStyle?.transform) return false;\n  if (prevProps['data-highlighted'] !== nextProps['data-highlighted']) return false;\n  if (prevProps.tabIndex !== nextProps.tabIndex) return false;\n  if (prevProps.id !== nextProps.id) return false;\n  if (prevProps.className !== nextProps.className) return false;\n  if (prevProps.children !== nextProps.children) return false;\n  return true;\n});\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst VirtualMenu = Object.assign(VirtualMenuRoot, {\n  Item: VirtualMenuItem,\n});\n\nexport { VirtualMenu };\nexport type { VirtualMenuProps, VirtualMenuItemProps, VirtualMenuRenderItemProps };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "useVirtualizer", "SimpleItem", "label", "_isHighlighted", "id", "style", "tabIndex", "dataHighlighted", "dataIndex", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "classNames", "prev", "next", "VirtualMenuRoot", "items", "itemLabel", "RenderItem", "sizeProp", "estimatedItemSizeProp", "overscan", "onSelect", "className", "ariaLabel", "menuId", "parentRef", "highlightedIndex", "setHighlightedIndex", "isInsideMenu", "contextSize", "useMenuContext", "estimatedItemSize", "menuSizeToItemHeight", "getLabel", "item", "safeHighlightedIndex", "getItemSize", "virtualizer", "useVirtualizer", "virtualItems", "itemsRef", "onSelectRef", "scrollToIndexRef", "highlightedIndexRef", "handleItemMouseEnter", "e", "index", "handleItemClick", "idx", "currentItems", "noop", "handleItemKeyDown", "handleKeyDown", "currentHighlightedIndex", "nextIndex", "prevIndex", "lastIndex", "getItemId", "rootStyle", "totalSize", "viewportStyle", "virtualRow", "isHighlighted", "itemStyle", "commonProps", "VirtualMenuItemInner", "children", "props", "forwardedRef", "VirtualMenuItem", "prevProps", "nextProps", "prevStyle", "nextStyle", "VirtualMenu"]
+}

package/dist/esm/chunk-E6IWYD3U.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-IBF5U4QW.js";import{a as n}from"./chunk-L6UXAITB.js";import{a as r}from"./chunk-GSTOGDAJ.js";import{a as t}from"./chunk-KMPBTEZH.js";import*as e from"react";import P from"classnames";import{Slot as d}from"radix-ui";var c=e.forwardRef((s,m)=>{let{children:o,className:a,loading:i,...l}=t(s,n,r);if(!i)return o;let f=e.isValidElement(o)?d.Root:"span";return e.createElement(f,{ref:m,"aria-hidden":!0,className:P("rt-Skeleton",a),"data-inline-skeleton":e.isValidElement(o)?void 0:!0,tabIndex:-1,inert:p,...l},o)});c.displayName="Skeleton";export{c as a};
+//# sourceMappingURL=chunk-E6IWYD3U.js.map

package/dist/esm/chunk-E6IWYD3U.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/skeleton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { inert } from '../helpers/inert.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { skeletonPropDefs } from './skeleton.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SkeletonElement = React.ElementRef<'span'>;\ntype SkeletonOwnProps = GetPropDefTypes<typeof skeletonPropDefs>;\ninterface SkeletonProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    MarginProps,\n    SkeletonOwnProps {}\nconst Skeleton = React.forwardRef<SkeletonElement, SkeletonProps>((props, forwardedRef) => {\n  const { children, className, loading, ...skeletonProps } = extractProps(\n    props,\n    skeletonPropDefs,\n    marginPropDefs,\n  );\n\n  if (!loading) return children;\n\n  const Tag = React.isValidElement(children) ? Slot.Root : 'span';\n\n  return (\n    <Tag\n      ref={forwardedRef}\n      aria-hidden\n      className={classNames('rt-Skeleton', className)}\n      data-inline-skeleton={React.isValidElement(children) ? undefined : true}\n      tabIndex={-1}\n      inert={inert}\n      {...skeletonProps}\n    >\n      {children}\n    </Tag>\n  );\n});\nSkeleton.displayName = 'Skeleton';\n\nexport { Skeleton };\nexport type { SkeletonProps };\n"],
+  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAiBrB,IAAMC,EAAiB,aAA2C,CAACC,EAAOC,IAAiB,CACzF,GAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAS,GAAGC,CAAc,EAAIC,EACzDN,EACAO,EACAC,CACF,EAEA,GAAI,CAACJ,EAAS,OAAOF,EAErB,IAAMO,EAAY,iBAAeP,CAAQ,EAAIQ,EAAK,KAAO,OAEzD,OACE,gBAACD,EAAA,CACC,IAAKR,EACL,cAAW,GACX,UAAWU,EAAW,cAAeR,CAAS,EAC9C,uBAA4B,iBAAeD,CAAQ,EAAI,OAAY,GACnE,SAAU,GACV,MAAOU,EACN,GAAGP,GAEHH,CACH,CAEJ,CAAC,EACDH,EAAS,YAAc",
+  "names": ["React", "classNames", "Slot", "Skeleton", "props", "forwardedRef", "children", "className", "loading", "skeletonProps", "extractProps", "skeletonPropDefs", "marginPropDefs", "Tag", "Slot", "classNames", "inert"]
+}

package/dist/esm/chunk-EE54S7YV.js

@@ -0,0 +1,10 @@
+import*as n from"react";var o=0;function u(){let i=n.useRef(void 0);return n.useEffect(()=>{let e=document.getElementById("rt-live-announcer");return e||(e=document.createElement("div"),e.id="rt-live-announcer",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.style.cssText=`
+        position: absolute;
+        left: -10000px;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+      `,document.body.appendChild(e)),o++,()=>{if(o--,i.current&&clearTimeout(i.current),o===0){let t=document.getElementById("rt-live-announcer");t&&t.remove()}}},[]),n.useCallback(e=>{let t=document.getElementById("rt-live-announcer");t&&(i.current&&clearTimeout(i.current),t.textContent="",i.current=setTimeout(()=>{t.textContent=e},100))},[])}export{u as a};
+//# sourceMappingURL=chunk-EE54S7YV.js.map

package/dist/esm/chunk-EE54S7YV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-live-announcer.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Reference counter to track how many components are using the live region.\n * Only remove the live region when no components are using it.\n */\nlet liveRegionRefCount = 0;\n\n/**\n * Hook for making live announcements to screen readers\n * Creates a hidden aria-live region for announcing dynamic content changes\n */\nexport function useLiveAnnouncer() {\n  // Track the timeout so we can clean it up on unmount\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Create aria-live region if it doesn't exist\n  React.useEffect(() => {\n    let liveRegion = document.getElementById('rt-live-announcer');\n\n    if (!liveRegion) {\n      liveRegion = document.createElement('div');\n      liveRegion.id = 'rt-live-announcer';\n      liveRegion.setAttribute('aria-live', 'polite');\n      liveRegion.setAttribute('aria-atomic', 'true');\n      liveRegion.style.cssText = `\n        position: absolute;\n        left: -10000px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n      `;\n      document.body.appendChild(liveRegion);\n    }\n\n    // Increment ref count when component mounts\n    liveRegionRefCount++;\n\n    return () => {\n      // Decrement ref count when component unmounts\n      liveRegionRefCount--;\n\n      // Clean up timeout on unmount\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Only remove the live region if no components are using it\n      if (liveRegionRefCount === 0) {\n        const region = document.getElementById('rt-live-announcer');\n        if (region) {\n          region.remove();\n        }\n      }\n    };\n  }, []);\n\n  const announce = React.useCallback((message: string) => {\n    const liveRegion = document.getElementById('rt-live-announcer');\n    if (liveRegion) {\n      // Clear any pending timeout\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Clear previous announcements\n      liveRegion.textContent = '';\n\n      // Add new announcement with a small delay to ensure it's announced\n      timeoutRef.current = setTimeout(() => {\n        liveRegion.textContent = message;\n      }, 100);\n    }\n  }, []);\n\n  return announce;\n}\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAMvB,IAAIC,EAAqB,EAMlB,SAASC,GAAmB,CAEjC,IAAMC,EAAmB,SAAkD,MAAS,EAGpF,OAAM,YAAU,IAAM,CACpB,IAAIC,EAAa,SAAS,eAAe,mBAAmB,EAE5D,OAAKA,IACHA,EAAa,SAAS,cAAc,KAAK,EACzCA,EAAW,GAAK,oBAChBA,EAAW,aAAa,YAAa,QAAQ,EAC7CA,EAAW,aAAa,cAAe,MAAM,EAC7CA,EAAW,MAAM,QAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAS3B,SAAS,KAAK,YAAYA,CAAU,GAItCH,IAEO,IAAM,CAUX,GARAA,IAGIE,EAAW,SACb,aAAaA,EAAW,OAAO,EAI7BF,IAAuB,EAAG,CAC5B,IAAMI,EAAS,SAAS,eAAe,mBAAmB,EACtDA,GACFA,EAAO,OAAO,CAElB,CACF,CACF,EAAG,CAAC,CAAC,EAEkB,cAAaC,GAAoB,CACtD,IAAMF,EAAa,SAAS,eAAe,mBAAmB,EAC1DA,IAEED,EAAW,SACb,aAAaA,EAAW,OAAO,EAIjCC,EAAW,YAAc,GAGzBD,EAAW,QAAU,WAAW,IAAM,CACpCC,EAAW,YAAcE,CAC3B,EAAG,GAAG,EAEV,EAAG,CAAC,CAAC,CAGP",
+  "names": ["React", "liveRegionRefCount", "useLiveAnnouncer", "timeoutRef", "liveRegion", "region", "message"]
+}

package/dist/esm/chunk-EJWAAFCI.js

@@ -0,0 +1,10 @@
+import{a as Q}from"./chunk-IBF5U4QW.js";import{a as J}from"./chunk-USGTBZ43.js";import{a as U,b as X,c as q}from"./chunk-APRBRAOT.js";import{a as j}from"./chunk-GLC4QJBF.js";import{a as W}from"./chunk-WNSPLWRV.js";import{a as w}from"./chunk-DXI5P5O4.js";import{a as T}from"./chunk-JQOFJNCV.js";import{a as D}from"./chunk-7CBAHIVG.js";import{a as R}from"./chunk-XHQGMOXV.js";import{a as F}from"./chunk-HACQF6F4.js";import{b as V,c as x}from"./chunk-LN5SP46K.js";import{a as G}from"./chunk-F22ZRNWL.js";import{a as s}from"./chunk-T27QHMW7.js";import{a as v}from"./chunk-4OBMRJHC.js";import{a as O}from"./chunk-ERNM3KVF.js";import{a as i}from"./chunk-FVCWNSRU.js";import*as e from"react";import{useCallbackRef as ie}from"radix-ui/internal";import{flushSync as re}from"react-dom";var Y=`
+      [contenteditable],
+      [role="combobox"],
+      [role="listbox"],
+      [role="menu"],
+      input:not([type="radio"], [type="checkbox"]),
+      select,
+      textarea
+    `,se=e.forwardRef(({defaultOpen:n=!0,...o},r)=>{let[u,d]=e.useState(n),h=e.useRef(null),l=e.useRef(null);return e.useEffect(()=>{function C(c){let k=c.altKey||c.ctrlKey||c.shiftKey||c.metaKey,g=document.activeElement?.closest(Y);if(c.key?.toUpperCase()==="T"&&!k&&!g){let f=!1;re(()=>{d(H=>(f=!H,f))}),f?(l.current=document.activeElement,h.current?.focus()):l.current?.focus()}}return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[]),e.createElement(_,{...o,ref:r,triggerRef:h,open:u,shortcut:e.createElement(R,{content:"Press T to show/hide the Theme Panel",side:"bottom",sideOffset:6},e.createElement(J,{asChild:!0,size:"3",tabIndex:0,className:"rt-ThemePanelShortcut"},e.createElement("button",{type:"button",onClick:()=>d(C=>!C),ref:h,"aria-label":"Toggle the Theme Panel"},"T")))})});se.displayName="ThemePanel";var _=e.forwardRef((n,o)=>{let{open:r,onAppearanceChange:u,shortcut:d,triggerRef:h,...l}=n,C=V();return e.createElement(x,{asChild:!0,radius:"medium",scaling:"100%"},e.createElement(i,{direction:"column",position:"fixed",top:"0",right:"0",mr:{initial:"2",sm:"4"},mt:{initial:"2",sm:"4"},width:{initial:"360px"},maxHeight:{initial:"calc(100svh - var(--space-2) - var(--space-2))",sm:"calc(100svh - var(--space-4) - var(--space-4))"},maxWidth:{initial:"calc(100svw - var(--space-2) - var(--space-2))",sm:"calc(100svw - var(--space-4) - var(--space-4))"},inert:r?void 0:Q,...l,ref:o,style:{zIndex:999999999,overflow:"hidden",borderRadius:"var(--radius-4)",backgroundColor:"var(--color-panel-solid)",transformOrigin:"top center",transitionProperty:"transform, box-shadow",transitionDuration:"200ms",transitionTimingFunction:r?"ease-out":"ease-in",transform:r?"none":"translateX(105%)",boxShadow:r?"var(--shadow-5)":"var(--shadow-2)",...n.style}},e.createElement(W,null,e.createElement(T,{flexGrow:"1",p:{initial:"4",xs:"5"},position:"relative"},!!d&&e.createElement(T,{position:"absolute",top:"0",right:"0",m:"2"},d),e.createElement(ee,{onAppearanceChange:u,context:C})))))});_.displayName="ThemePanelImpl";var ee=e.forwardRef((n,o)=>{let{onAppearanceChange:r,context:u,...d}=n,h=V(),{appearance:l,onAppearanceChange:C,accentColor:c,onAccentColorChange:k,grayColor:g,onGrayColorChange:K,panelBackground:f,onPanelBackgroundChange:H,radius:M,onRadiusChange:te,scaling:Z,onScalingChange:ae}=u??h,[E,S]=e.useState(l==="inherit"?null:l),N=r!==void 0,$=ie(r),A=e.useCallback(t=>{let a=ce();if(l!=="inherit"){C(t);return}N?$(t):(S(t),de(t)),a()},[l,C,N,$]),I=G(c),z=g==="auto"?I:g,[ne,B]=e.useState("idle");async function oe(){let t={appearance:l===s.appearance.default?void 0:l,accentColor:c===s.accentColor.default?void 0:c,grayColor:g===s.grayColor.default?void 0:g,panelBackground:f===s.panelBackground.default?void 0:f,radius:M===s.radius.default?void 0:M,scaling:Z===s.scaling.default?void 0:Z},a=Object.keys(t).filter(p=>t[p]!==void 0).map(p=>`${p}="${t[p]}"`).join(" "),y=a?`<Theme ${a}>`:"<Theme>";B("copying"),await navigator.clipboard.writeText(y),B("copied"),setTimeout(()=>B("idle"),2e3)}return e.useEffect(()=>{function t(a){let y=a.altKey||a.ctrlKey||a.shiftKey||a.metaKey,p=document.activeElement?.closest(Y);a.key?.toUpperCase()==="D"&&!y&&!p&&A(E==="light"?"dark":"light")}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[A,E]),e.useEffect(()=>{let t=document.documentElement,a=document.body;function y(){let L=t.classList.contains("dark")||t.classList.contains("dark-theme")||a.classList.contains("dark")||a.classList.contains("dark-theme");S(l==="inherit"?L?"dark":"light":l)}let p=new MutationObserver(function(L){L.forEach(function(le){le.attributeName==="class"&&y()})});return y(),l==="inherit"&&(p.observe(t,{attributes:!0}),p.observe(a,{attributes:!0})),()=>p.disconnect()},[l]),e.createElement(i,{direction:"column",gap:"5",...d,ref:o},e.createElement(F,{size:{initial:"3",sm:"5"},trim:"both",as:"h2"},"Theme"),e.createElement(i,{direction:"column",gap:"5"},e.createElement(P,null,e.createElement(b,{id:"accent-color-title"},"Accent color"),e.createElement(i,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"accent-color-title"},s.accentColor.values.map(t=>e.createElement(T,{asChild:!0,key:t},e.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":m(t),style:{backgroundColor:`var(--${t}-9)`}},e.createElement(R,{content:`${m(t)}${c==="gray"&&z!=="gray"?` (${m(z)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"accentColor",value:t,checked:c===t,onChange:a=>k(a.target.value)}))))))),e.createElement(P,null,e.createElement(b,{id:"gray-color-title"},"Gray color"),e.createElement(i,{wrap:"wrap",gap:"2",role:"group","aria-labelledby":"gray-color-title"},s.grayColor.values.map(t=>e.createElement(i,{key:t,asChild:!0,align:"center",justify:"center"},e.createElement("label",{className:"rt-ThemePanelSwatch","aria-label":m(t),style:{backgroundColor:t==="auto"?`var(--${I}-9)`:t==="gray"?"var(--gray-9)":`var(--${t}-9)`,filter:t==="gray"?"saturate(0)":void 0}},e.createElement(R,{content:`${m(t)}${t==="auto"?` (${m(I)})`:""}`},e.createElement("input",{className:"rt-ThemePanelSwatchInput",type:"radio",name:"grayColor",value:t,checked:g===t,onChange:a=>K(a.target.value)}))))))),e.createElement(P,null,e.createElement(b,{id:"appearance-title"},"Appearance"),e.createElement(w,{columns:"2",gap:"2",role:"group","aria-labelledby":"appearance-title"},["light","dark"].map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"appearance",value:t,checked:E===t,onChange:a=>A(a.target.value)}),e.createElement(i,{align:"center",justify:"center",height:"32px",gap:"2"},t==="light"?e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -1px"}},e.createElement("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),e.createElement(v,{size:"1",weight:"medium"},m(t))))))),e.createElement(P,null,e.createElement(b,{id:"radius-title"},"Radius"),e.createElement(i,{gap:"2",role:"group","aria-labelledby":"radius-title",wrap:"wrap"},s.radius.values.map(t=>e.createElement(i,{key:t,direction:"column",align:"center"},e.createElement("label",{className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"radius",id:`theme-panel-radius-${t}`,value:t,checked:M===t,onChange:a=>te(a.target.value)}),e.createElement(x,{asChild:!0,radius:t},e.createElement(T,{m:"3",width:{initial:"24px",sm:"32px"},height:{initial:"24px",sm:"32px"},style:{borderTopLeftRadius:t==="full"?"80%":"var(--radius-5)",backgroundImage:"linear-gradient(to bottom right, var(--accent-3), var(--accent-4))",borderTop:"2px solid var(--accent-a8)",borderLeft:"2px solid var(--accent-a8)"}}))),e.createElement(T,{asChild:!0,pt:"2"},e.createElement(v,{asChild:!0,size:"1",color:"gray"},e.createElement("label",{htmlFor:`theme-panel-radius-${t}`},m(t)))))))),e.createElement(P,null,e.createElement(b,{id:"scaling-title"},"Scaling"),e.createElement(w,{columns:{initial:"repeat(3, 1fr)",sm:"5"},gap:"2",role:"group","aria-labelledby":"scaling-title"},s.scaling.values.map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard","aria-label":`Scaling ${t}`},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"scaling",value:t,checked:Z===t,onChange:a=>ae(a.target.value)}),e.createElement(i,{align:"center",justify:"center",height:"32px"},e.createElement(x,{asChild:!0,scaling:t},e.createElement(i,{align:"center",justify:"center"},e.createElement(v,{size:"1",weight:"medium"},m(t))))))))),e.createElement(P,null,e.createElement(i,{align:"center",gap:"2"},e.createElement(b,{id:"panel-background-title"},"Panel background"),e.createElement(U,null,e.createElement(X,null,e.createElement(j,{size:"1",variant:"ghost",color:"gray"},e.createElement(O,{label:"Learn more about panel background options"},e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z",fillRule:"evenodd",clipRule:"evenodd"}))))),e.createElement(q,{size:"1",width:"220px",maxWidth:"90svw",minWidth:"0",side:"top",align:"center"},e.createElement(v,{as:"p",size:"1"},"Whether Card and Table panels are translucent, showing some of the background behind them.")))),e.createElement(w,{columns:{initial:"1",sm:"2"},rows:{initial:"2",sm:"1"},gap:"2",role:"group","aria-labelledby":"panel-background-title"},s.panelBackground.values.map(t=>e.createElement("label",{key:t,className:"rt-ThemePanelRadioCard"},e.createElement("input",{className:"rt-ThemePanelRadioCardInput",type:"radio",name:"panelBackground",value:t,checked:f===t,onChange:a=>H(a.target.value)}),e.createElement(i,{align:"center",justify:"center",height:"32px",gap:"2"},t==="solid"?e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},e.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})):e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{margin:"0 -2px"}},e.createElement("path",{opacity:".05",d:"M6.78296 13.376C8.73904 9.95284 8.73904 5.04719 6.78296 1.62405L7.21708 1.37598C9.261 4.95283 9.261 10.0472 7.21708 13.624L6.78296 13.376Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".1",d:"M7.28204 13.4775C9.23929 9.99523 9.23929 5.00475 7.28204 1.52248L7.71791 1.2775C9.76067 4.9119 9.76067 10.0881 7.71791 13.7225L7.28204 13.4775Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".15",d:"M7.82098 13.5064C9.72502 9.99523 9.72636 5.01411 7.82492 1.50084L8.26465 1.26285C10.2465 4.92466 10.2451 10.085 8.26052 13.7448L7.82098 13.5064Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".2",d:"M8.41284 13.429C10.1952 9.92842 10.1957 5.07537 8.41435 1.57402L8.85999 1.34729C10.7139 4.99113 10.7133 10.0128 8.85841 13.6559L8.41284 13.429Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".25",d:"M9.02441 13.2956C10.6567 9.8379 10.6586 5.17715 9.03005 1.71656L9.48245 1.50366C11.1745 5.09919 11.1726 9.91629 9.47657 13.5091L9.02441 13.2956Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".3",d:"M9.66809 13.0655C11.1097 9.69572 11.1107 5.3121 9.67088 1.94095L10.1307 1.74457C11.6241 5.24121 11.6231 9.76683 10.1278 13.2622L9.66809 13.0655Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".35",d:"M10.331 12.7456C11.5551 9.52073 11.5564 5.49103 10.3347 2.26444L10.8024 2.0874C12.0672 5.42815 12.0659 9.58394 10.7985 12.9231L10.331 12.7456Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".4",d:"M11.0155 12.2986C11.9938 9.29744 11.9948 5.71296 11.0184 2.71067L11.4939 2.55603C12.503 5.6589 12.502 9.35178 11.4909 12.4535L11.0155 12.2986Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".45",d:"M11.7214 11.668C12.4254 9.01303 12.4262 5.99691 11.7237 3.34116L12.2071 3.21329C12.9318 5.95292 12.931 9.05728 12.2047 11.7961L11.7214 11.668Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{opacity:".5",d:"M12.4432 10.752C12.8524 8.63762 12.8523 6.36089 12.4429 4.2466L12.9338 4.15155C13.3553 6.32861 13.3554 8.66985 12.9341 10.847L12.4432 10.752Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}),e.createElement("path",{d:"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),e.createElement(v,{size:"1",weight:"medium"},m(t)))))))),e.createElement(D,{style:{width:"100%"},onClick:oe},ne==="copied"?"Copied":"Copy Theme"))});ee.displayName="ThemePanelContent";function P(n){return e.createElement(i,{direction:"column",gap:"3",asChild:!0,...n},e.createElement("section",null,n.children))}function b(n){return e.createElement(F,{as:"h3",size:{initial:"1",sm:"2"},...n})}function ce(){let n=document.createElement("style");return n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n)},1)}}function m(n){return n.charAt(0).toUpperCase()+n.slice(1)}function de(n){let o=document.documentElement,r=o.classList.contains("light-theme"),u=o.classList.contains("dark-theme"),d=o.classList.contains("light"),h=o.classList.contains("dark");(r||u)&&(o.classList.remove("light-theme","dark-theme"),o.style.colorScheme=n,o.classList.add(`${n}-theme`)),(d||h)&&(o.classList.remove("light","dark"),o.style.colorScheme=n,o.classList.add(n)),!r&&!u&&!d&&!h&&(o.style.colorScheme=n,o.classList.add(n))}export{se as a,ee as b};
+//# sourceMappingURL=chunk-EJWAAFCI.js.map