@womp/kookie-ui 0.14.2 → 0.14.4

package/dist/esm/chunk-7B6CIVAF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/chatbar.tsx"],
-  "sourcesContent": ["import { parseVariant } from '../helpers/parse-variant.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { LazyMotion, MotionConfig, domAnimation, m } from 'motion/react';\nimport { useComposedRefs } from 'radix-ui/internal';\nimport { useDropzone } from 'react-dropzone';\n\nimport { IconButton, type IconButtonProps } from './icon-button.js';\nimport { CloseIcon, FileTextIcon } from './icons.js';\nimport { Flex } from './flex.js';\nimport { ScrollArea } from './scroll-area.js';\nimport { Slot } from './slot.js';\nimport { NoticeSizeContext } from './notice.js';\nimport { Spinner } from './spinner.js';\nimport { Text } from './text.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { accentColors } from '../props/color.prop.js';\nimport type { radii } from '../props/radius.prop.js';\n\n// Avoid SSR warnings by using an isomorphic layout effect\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\n/**\n * Runs `measure` with the placeholder taken out of layout, so a height read\n * reflects the value alone.\n *\n * A textarea with an empty value lays its placeholder out as real text, so\n * `scrollHeight` reports the placeholder wrapped at whatever width the field\n * has at that instant. That sizes an empty bar to the suggestion showing in it\n * rather than to `minLines`, and when the read lands before the field has its\n * final width -- a panel still animating open, a flex parent whose basis is 0\n * -- it wraps that text at a fraction of the real width and opens the bar at\n * `maxLines`. The first keystroke takes the placeholder out of layout and the\n * height snaps back, which is what made the bug look intermittent rather than\n * simply wrong.\n *\n * The reset to 'auto' and the `scrollHeight` read sit in different functions\n * here, so the whole measurement window is wrapped rather than a single read.\n * Costs one extra style recalc on a path that is already forcing a reflow.\n */\nfunction withoutPlaceholder(el: HTMLTextAreaElement, measure: () => void): void {\n  const { placeholder } = el;\n  if (!placeholder) {\n    measure();\n    return;\n  }\n  el.placeholder = '';\n  try {\n    measure();\n  } finally {\n    el.placeholder = placeholder;\n  }\n}\n\n// Shared layout spring; hoisted so every motion node receives the same object\nconst LAYOUT_TRANSITION = { layout: { type: 'spring', visualDuration: 0.15, bounce: 0.1 } } as const;\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. Chatbar revokes it when the\n *   attachment is removed; once an attachment is handed to `onSubmit`, the\n *   consumer owns the URL and is responsible for revoking it.\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\ntype ChatbarRejectReason = 'type' | 'size' | 'count';\ninterface ChatbarAttachmentRejection {\n  file: File;\n  reason: ChatbarRejectReason;\n}\n\ninterface ChatbarSubmitPayload {\n  value: string;\n  attachments: ChatbarAttachment[];\n}\n\ninterface FilePickerOptions {\n  accept?: string | string[];\n  multiple?: boolean;\n}\n\ninterface ChatbarContextValue {\n  open: boolean;\n  setOpen(next: boolean): void;\n\n  setValue(next: string): void;\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  paste: boolean;\n  clearOnSubmit: boolean;\n  multiple: boolean;\n\n  textareaRef: React.RefObject<HTMLTextAreaElement | null>;\n\n  attachments: ChatbarAttachment[];\n  removeAttachment(id: string): void;\n\n  /** Validates and submits; returns false when there was nothing to submit */\n  submit(clear: boolean): boolean;\n  appendFiles(files: File[]): number;\n  appendFilesFromPaste(files: File[]): number;\n  openFilePicker(options?: FilePickerOptions): void;\n  /** Guards blur-collapse between pointerdown on a picker trigger and its click */\n  beginFilePickerPress(): void;\n}\n\nconst ChatbarContext = React.createContext<ChatbarContextValue | null>(null);\n// Value lives in its own context so keystrokes only re-render parts that read it\nconst ChatbarValueContext = React.createContext<string>('');\n\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\nconst toArray = (val: string | string[] | undefined) =>\n  Array.isArray(val) ? val : typeof val === 'string' ? val.split(',').map((s) => s.trim()).filter(Boolean) : [];\n\nconst 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\nconst IMAGE_EXT_RE = /\\.(png|jpe?g|gif|webp|bmp|svg|avif)$/i;\nconst isImageLike = (name: string, type: string) => (type || '').toLowerCase().startsWith('image/') || IMAGE_EXT_RE.test(name);\n\nconst hasText = (value: string) => value.trim().length > 0;\n\nconst plural = (n: number, word: string) => `${n} ${word}${n === 1 ? '' : 's'}`;\n\nlet attachmentCounter = 0;\nconst createAttachmentId = () => `chatbar-attachment-${Date.now()}-${++attachmentCounter}`;\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`, `multiple`, `maxAttachments`, and `maxFileSize`.\n * - Rejections are reported via `onAttachmentReject`.\n *\n * Submit\n * - `onSubmit({ value, attachments })` emits both message and attachments.\n * - Submitting requires text or at least one attachment.\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  /** When the chatbar expands on its own. `none` leaves open state entirely to the consumer. */\n  expandOn?: ExpandOn;\n\n  /** Minimum visible lines when expanded (default: 3). The compact state is always one line. */\n  minLines?: number;\n  /** Maximum number of lines before scrolling (default: 6) */\n  maxLines?: number;\n\n  /** Controls Send button visibility only. Enter-to-submit is controlled by `Textarea submitOnEnter`. */\n  sendMode?: SendMode;\n\n  /** Disables text input, submission and every way of adding attachments */\n  disabled?: boolean;\n  /** Prevents editing, submission and adding attachments */\n  readOnly?: boolean;\n\n  /** Combined submit payload */\n  onSubmit?: (payload: ChatbarSubmitPayload) => void;\n\n  size?: '1' | '2' | '3';\n  /** `classic` is a deprecated alias of `raised`, removed in 0.15.0. */\n  variant?: 'raised' | 'surface' | 'outline' | 'ghost' | 'soft' | 'classic';\n  /** Accent color for the control (matches TextArea) */\n  color?: (typeof accentColors)[number];\n  /** Optional radius override (matches TextArea) */\n  radius?: (typeof radii)[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\n  // Attachments API\n  attachments?: ChatbarAttachment[];\n  defaultAttachments?: ChatbarAttachment[];\n  onAttachmentsChange?: (attachments: ChatbarAttachment[]) => void;\n  accept?: string | string[];\n  /** Allow more than one file per pick, paste or drop */\n  multiple?: boolean;\n  maxAttachments?: number;\n  maxFileSize?: number;\n  paste?: boolean;\n  /** Accepted types for pasted files. Replaces `accept` for paste when set. */\n  pasteAccept?: string | string[];\n  /** Clear message and attachments after submit */\n  clearOnSubmit?: boolean;\n  onAttachmentReject?: (rejections: ChatbarAttachmentRejection[]) => 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, multiple, 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  /**\n   * Messages that need an answer before the next message, such as `Notice` and `Confirmation`.\n   * They stack in a column above the chatbar, in the order given, so put the one the next\n   * message answers last, nearest the text. They sit outside the box: a button in a notice never\n   * submits the message, and pressing one never collapses the chatbar.\n   */\n  notices?: React.ReactNode;\n  /**\n   * Short facts that stay true about the conversation, such as the model or the context left.\n   * They sit below the chatbar, inset from its sides.\n   */\n  context?: React.ReactNode;\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). No-op when disabled or read-only. */\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 *\n * Attachments\n * - Paste-to-attach: when `paste` is enabled, pasting files adds attachments.\n * - Additions and rejections are announced through a polite live region.\n *\n * Dropzone\n * - When `dropzone` is true, enables drag-and-drop file uploads.\n * - Visual feedback via `data-drop-active` attribute during drag operations.\n *\n * Accessibility\n * - Consumers should label the `Textarea` via `aria-label`/`aria-labelledby`.\n */\ninterface RootProps extends ComponentPropsWithout<'div', RemovedProps | 'onSubmit' | 'color'>, 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,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\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    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    onBlurCapture,\n    notices,\n    context,\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 : valueUncontrolled;\n\n  const isOpenControlled = openProp != null;\n  const [openUncontrolled, setOpenUncontrolled] = React.useState<boolean>(defaultOpen);\n  const open = isOpenControlled ? openProp : openUncontrolled;\n\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 ?? []) : attachmentsUncontrolled),\n    [isAttachmentsControlled, attachmentsProp, attachmentsUncontrolled],\n  );\n\n  // `id` changes on every announcement so identical messages still update the live region\n  const [announcement, setAnnouncementState] = React.useState({ text: '', id: 0 });\n  const announce = React.useCallback((text: string) => setAnnouncementState((prev) => ({ text, id: prev.id + 1 })), []);\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRootRef = useComposedRefs(forwardedRef, rootRef);\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n\n  // Blur-collapse guards: `pickerOpenRef` is true while the native dialog is open,\n  // `pressGuardRef` covers the gap between pointerdown on a trigger and its click\n  // (Safari blurs the textarea before the click fires).\n  const pickerOpenRef = React.useRef(false);\n  const pressGuardRef = React.useRef(false);\n  const pressGuardTimerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const pickerRef = React.useRef<{ patterns: string[]; multiple: boolean } | null>(null);\n\n  const acceptKey = toArray(accept).join(',');\n  const pasteAcceptKey = toArray(pasteAccept).join(',');\n  const accepts = React.useMemo(() => toArray(acceptKey), [acceptKey]);\n  const pasteAccepts = React.useMemo(() => (pasteAcceptKey ? toArray(pasteAcceptKey) : accepts), [pasteAcceptKey, accepts]);\n\n  // Latest props/state for stable callbacks. Synced during render (not in an effect) so\n  // child layout effects that call setOpen/setValue see this render's handlers.\n  const snapshot = {\n    value,\n    attachments,\n    accepts,\n    pasteAccepts,\n    multiple,\n    maxAttachments,\n    maxFileSize,\n    disabled,\n    readOnly,\n    expandOn,\n    isValueControlled,\n    isOpenControlled,\n    isAttachmentsControlled,\n    onValueChange,\n    onOpenChange,\n    onAttachmentsChange,\n    onAttachmentReject,\n    onSubmit,\n  };\n  const latest = React.useRef(snapshot);\n  // eslint-disable-next-line react-hooks/refs -- read only in callbacks/effects; see comment above\n  latest.current = snapshot;\n\n  // Attachments set during the current event, before Root re-renders. Cleared at the end\n  // of the task so a controlled parent that rejects the change is not overridden.\n  const pendingAttachmentsRef = React.useRef<ChatbarAttachment[] | null>(null);\n  const getAttachments = React.useCallback(() => pendingAttachmentsRef.current ?? latest.current.attachments, []);\n\n  const setOpen = React.useCallback((next: boolean) => {\n    if (!latest.current.isOpenControlled) setOpenUncontrolled(next);\n    latest.current.onOpenChange?.(next);\n  }, []);\n\n  const setValue = React.useCallback((next: string) => {\n    if (!latest.current.isValueControlled) setValueUncontrolled(next);\n    latest.current.onValueChange?.(next);\n  }, []);\n\n  const setAttachments = React.useCallback((next: ChatbarAttachment[]) => {\n    // Back-to-back updates in one event must see each other\n    pendingAttachmentsRef.current = next;\n    queueMicrotask(() => {\n      pendingAttachmentsRef.current = null;\n    });\n    if (!latest.current.isAttachmentsControlled) setAttachmentsUncontrolled(next);\n    latest.current.onAttachmentsChange?.(next);\n  }, []);\n\n  // Object URLs Chatbar created and still owns\n  const ownedUrlsRef = React.useRef<Set<string>>(new Set());\n\n  const addFiles = React.useCallback(\n    (files: File[], patterns: string[], multiple: boolean = latest.current.multiple): number => {\n      const cfg = latest.current;\n      if (cfg.disabled || cfg.readOnly || files.length === 0) return 0;\n\n      const current = getAttachments();\n      const next: ChatbarAttachment[] = [];\n      const rejected: ChatbarAttachmentRejection[] = [];\n      const remainingSlots = typeof cfg.maxAttachments === 'number' ? Math.max(cfg.maxAttachments - current.length, 0) : Infinity;\n      const perActionLimit = multiple ? Infinity : 1;\n\n      for (const file of files) {\n        if (next.length >= remainingSlots || next.length >= perActionLimit) {\n          rejected.push({ file, reason: 'count' });\n          continue;\n        }\n        if (typeof cfg.maxFileSize === 'number' && file.size > cfg.maxFileSize) {\n          rejected.push({ file, reason: 'size' });\n          continue;\n        }\n        if (!matchesAccept(file, patterns)) {\n          rejected.push({ file, reason: 'type' });\n          continue;\n        }\n        const url = isImageLike(file.name, file.type) ? URL.createObjectURL(file) : undefined;\n        if (url) ownedUrlsRef.current.add(url);\n        next.push({ id: createAttachmentId(), name: file.name, size: file.size, type: file.type, file, url, status: 'idle' });\n      }\n\n      const messages: string[] = [];\n      if (next.length > 0) {\n        setAttachments(current.concat(next));\n        if (cfg.expandOn !== 'none') setOpen(true);\n        messages.push(`${plural(next.length, 'file')} attached.`);\n      }\n      if (rejected.length > 0) {\n        cfg.onAttachmentReject?.(rejected);\n        messages.push(`${plural(rejected.length, 'file')} could not be attached.`);\n      }\n      if (messages.length > 0) announce(messages.join(' '));\n      return next.length;\n    },\n    [getAttachments, setAttachments, setOpen, announce],\n  );\n\n  const appendFiles = React.useCallback((files: File[]) => addFiles(files, latest.current.accepts), [addFiles]);\n  const appendFilesFromPaste = React.useCallback((files: File[]) => addFiles(files, latest.current.pasteAccepts), [addFiles]);\n\n  const removeAttachment = React.useCallback(\n    (id: string) => {\n      const current = getAttachments();\n      const removed = current.find((a) => a.id === id);\n      if (!removed) return;\n      setAttachments(current.filter((a) => a.id !== id));\n      announce(`Removed ${removed.name}.`);\n    },\n    [getAttachments, setAttachments, announce],\n  );\n\n  const submit = React.useCallback(\n    (clear: boolean) => {\n      const cfg = latest.current;\n      if (cfg.disabled || cfg.readOnly) return false;\n      const current = getAttachments();\n      if (!hasText(cfg.value) && current.length === 0) return false;\n      const payload = { value: cfg.value, attachments: current };\n      // Hand preview URLs to the consumer only when they leave the chatbar; URLs still\n      // rendered here stay owned so removing them later revokes them\n      if (clear && cfg.onSubmit) {\n        for (const att of current) if (att.url) ownedUrlsRef.current.delete(att.url);\n      }\n      cfg.onSubmit?.(payload);\n      if (clear) {\n        setValue('');\n        setAttachments([]);\n      }\n      return true;\n    },\n    [getAttachments, setValue, setAttachments],\n  );\n\n  // Revoke owned object URLs that are no longer referenced by current attachments\n  React.useEffect(() => {\n    const owned = ownedUrlsRef.current;\n    if (owned.size === 0) return;\n    const current = new Set(attachments.map((a) => a.url));\n    for (const url of Array.from(owned)) {\n      if (!current.has(url)) {\n        URL.revokeObjectURL(url);\n        owned.delete(url);\n      }\n    }\n  }, [attachments]);\n\n  // On unmount, revoke URLs only when Chatbar owns the attachment list;\n  // controlled attachments may still be rendered by the parent.\n  React.useEffect(() => {\n    const owned = ownedUrlsRef.current;\n    return () => {\n      if (latest.current.isAttachmentsControlled) return;\n      for (const url of Array.from(owned)) URL.revokeObjectURL(url);\n      owned.clear();\n    };\n  }, []);\n\n  const openFilePicker = React.useCallback((options?: FilePickerOptions) => {\n    const cfg = latest.current;\n    const input = fileInputRef.current;\n    // The picker guard takes over from the press guard\n    clearTimeout(pressGuardTimerRef.current);\n    pressGuardRef.current = false;\n    if (!input || cfg.disabled || cfg.readOnly) return;\n    const patterns = options?.accept != null ? toArray(options.accept) : cfg.accepts;\n    const multiple = options?.multiple ?? cfg.multiple;\n    pickerRef.current = { patterns, multiple };\n    input.accept = patterns.join(',');\n    input.multiple = multiple;\n    pickerOpenRef.current = true;\n    input.click();\n    // Browsers block the dialog outside a user gesture; if the window kept focus,\n    // no dialog opened and no focus/cancel/change event will clear the guard\n    setTimeout(() => {\n      if (document.hasFocus()) pickerOpenRef.current = false;\n    }, 1000);\n  }, []);\n\n  const beginFilePickerPress = React.useCallback(() => {\n    // On touch (notably iOS), the compatibility mousedown, blur and click arrive in later\n    // tasks than pointerup, so hold the guard until the click or a timeout\n    pressGuardRef.current = true;\n    clearTimeout(pressGuardTimerRef.current);\n    pressGuardTimerRef.current = setTimeout(() => {\n      pressGuardRef.current = false;\n    }, 800);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(pressGuardTimerRef.current), []);\n\n  // Clear the picker guard when the dialog closes, whichever way it closes\n  React.useEffect(() => {\n    const input = fileInputRef.current;\n    const reset = () => {\n      pickerOpenRef.current = false;\n    };\n    window.addEventListener('focus', reset);\n    input?.addEventListener('cancel', reset);\n    return () => {\n      window.removeEventListener('focus', reset);\n      input?.removeEventListener('cancel', reset);\n    };\n  }, []);\n\n  const handleFileInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const input = event.currentTarget;\n      const files = Array.from(input.files ?? []);\n      const picker = pickerRef.current;\n      addFiles(files, picker?.patterns ?? latest.current.accepts, picker?.multiple);\n      pickerOpenRef.current = false;\n      pickerRef.current = null;\n      // Reset so selecting the same file again still fires change\n      input.value = '';\n    },\n    [addFiles],\n  );\n\n  const handleBlurCapture = React.useCallback(\n    (event: React.FocusEvent<HTMLDivElement>) => {\n      onBlurCapture?.(event);\n      const cfg = latest.current;\n      const rootEl = rootRef.current;\n      if (!rootEl || cfg.expandOn === 'none') return;\n      const nextTarget = event.relatedTarget as Node | null;\n      if (nextTarget && rootEl.contains(nextTarget)) return;\n      if (pickerOpenRef.current || pressGuardRef.current) return;\n      if (!hasText(cfg.value) && getAttachments().length === 0) setOpen(false);\n    },\n    [onBlurCapture, setOpen, getAttachments],\n  );\n\n  const handleDrop = React.useCallback((files: File[]) => {\n    appendFiles(files);\n  }, [appendFiles]);\n\n  // Validation happens in addFiles so drop, paste and picker share one rule set\n  const { getRootProps, isDragActive } = useDropzone({\n    onDrop: handleDrop,\n    // Drop any earlier message so it is not re-announced when the drag hint goes away\n    onDragEnter: () => announce(''),\n    noClick: true,\n    noKeyboard: true,\n    // Textarea handles paste itself; letting the dropzone see it attaches twice\n    noPaste: true,\n    disabled: !dropzone || disabled || readOnly,\n  });\n  const dragActive = dropzone && isDragActive;\n\n  React.useImperativeHandle(\n    apiRef,\n    () => ({\n      focusTextarea: () => textareaRef.current?.focus({ preventScroll: true }),\n      openFilePicker: () => openFilePicker(),\n    }),\n    [openFilePicker],\n  );\n\n  // Click-to-focus: focus textarea when clicking non-interactive areas inside the container\n  const handleContainerPointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (disabled) return;\n      if (event.pointerType === 'mouse' && event.button !== 0) return;\n      const target = event.target;\n      if (target instanceof Element && target.closest('button, [role=\"button\"], a[href], input, textarea, select, [contenteditable], [tabindex]:not([tabindex=\"-1\"])')) return;\n      event.preventDefault();\n      textareaRef.current?.focus({ preventScroll: true });\n    },\n    [disabled],\n  );\n\n  const contextValue = React.useMemo<ChatbarContextValue>(\n    () => ({\n      open,\n      setOpen,\n      setValue,\n      size,\n      expandOn,\n      minLines,\n      maxLines,\n      sendMode,\n      disabled,\n      readOnly,\n      paste,\n      clearOnSubmit,\n      multiple,\n      textareaRef,\n      attachments,\n      removeAttachment,\n      submit,\n      appendFiles,\n      appendFilesFromPaste,\n      openFilePicker,\n      beginFilePickerPress,\n    }),\n    [\n      open, setOpen, setValue, size, expandOn, minLines, maxLines, sendMode, disabled, readOnly, paste,\n      clearOnSubmit, multiple, attachments, removeAttachment, submit, appendFiles, appendFilesFromPaste,\n      openFilePicker, beginFilePickerPress,\n    ],\n  );\n\n  return (\n    <ChatbarContext.Provider value={contextValue}>\n      <ChatbarValueContext.Provider value={value}>\n        <LazyMotion features={domAnimation}>\n          <MotionConfig reducedMotion=\"user\">\n            <div\n              {...divProps}\n              ref={composedRootRef}\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={dragActive ? '' : undefined}\n              data-accent-color={color}\n              data-radius={radius}\n              data-panel-background={effectiveMaterial}\n              data-material={effectiveMaterial}\n              onBlurCapture={handleBlurCapture}\n            >\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                tabIndex={-1}\n                aria-hidden\n                style={{ display: 'none' }}\n                onChange={handleFileInputChange}\n              />\n              {notices ? (\n                <div className=\"rt-ChatbarNotices\">\n                  <NoticeSizeContext.Provider value={size}>{notices}</NoticeSizeContext.Provider>\n                </div>\n              ) : null}\n              <div {...(dropzone ? getRootProps() : {})} style={{ width: '100%', flex: '1 1 auto', minHeight: 0 }} onPointerDown={handleContainerPointerDown}>\n                <m.div\n                  className={classNames('rt-ChatbarBox', `rt-variant-${parseVariant(variant ?? 'raised')}`)}\n                  style={{ position: 'relative' }}\n                  data-accent-color={color}\n                  data-radius={radius}\n                  data-panel-background={effectiveMaterial}\n                  data-material={effectiveMaterial}\n                  layout\n                  transition={LAYOUT_TRANSITION}\n                >\n                  <m.div className=\"rt-ChatbarGrid\" layout=\"position\" transition={LAYOUT_TRANSITION}>\n                    {children}\n                  </m.div>\n                  {dragActive && (\n                    <div className=\"rt-ChatbarDropOverlay\" aria-hidden>\n                      <div className=\"rt-ChatbarDropContent\">\n                        <Text emphasis=\"medium\" size={size} weight=\"medium\">\n                          Drop files here to attach\n                        </Text>\n                      </div>\n                    </div>\n                  )}\n                </m.div>\n              </div>\n              {context ? (\n                <Text as=\"div\" size={size === '3' ? '2' : '1'} emphasis=\"medium\" className=\"rt-ChatbarContext\">\n                  {context}\n                </Text>\n              ) : null}\n              <VisuallyHidden role=\"status\" aria-live=\"polite\">\n                {dragActive ? 'Drop files here to attach.' : <span key={announcement.id}>{announcement.text}</span>}\n              </VisuallyHidden>\n            </div>\n          </MotionConfig>\n        </LazyMotion>\n      </ChatbarValueContext.Provider>\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' | 'rows' | 'value' | 'defaultValue'> {\n  asChild?: boolean;\n  /**\n   * When true, pressing Enter submits (Shift+Enter inserts a newline).\n   * Works with every `sendMode`. 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.\n * - Auto-resizes between minLines and maxLines in a single layout effect, which\n *   also opens the Chatbar when content overflows the compact height and\n *   `expandOn` is `overflow` or `both`.\n * - Consumer handlers run first; calling `preventDefault` in `onKeyDown` or\n *   `onPaste` skips the built-in submit or attach behavior.\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 {\n    className,\n    style,\n    asChild,\n    onFocus,\n    onChange,\n    onPaste,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    submitOnEnter = false,\n    ...textareaProps\n  } = props;\n  const ctx = useChatbarContext();\n  const value = React.useContext(ChatbarValueContext);\n  const { open, minLines, maxLines, expandOn, disabled, readOnly, setOpen, setValue, textareaRef, paste, appendFilesFromPaste, size, submit, clearOnSubmit } = ctx;\n  const composedRef = useComposedRefs(forwardedRef, textareaRef);\n\n  // Cached metrics to avoid repeated getComputedStyle calls\n  const lineHeightRef = React.useRef(0);\n  const paddingRef = React.useRef(0);\n  const composingRef = React.useRef(false);\n\n  const sizingRef = React.useRef({ open, minLines, maxLines });\n  // Declared before the sizing effect so it runs first in the same commit\n  useIsomorphicLayoutEffect(() => {\n    sizingRef.current = { open, minLines, maxLines };\n  }, [open, minLines, maxLines]);\n\n  const recomputeMetrics = React.useCallback(() => {\n    const el = textareaRef.current;\n    if (!el) return;\n    const computedStyle = window.getComputedStyle(el);\n    lineHeightRef.current = parseFloat(computedStyle.lineHeight) || 20;\n    paddingRef.current = (parseFloat(computedStyle.paddingTop) || 0) + (parseFloat(computedStyle.paddingBottom) || 0);\n  }, [textareaRef]);\n\n  // Sizes `el` for the given open state; caller must have set height to 'auto' first\n  const applyHeight = React.useCallback((el: HTMLTextAreaElement, isOpen: boolean) => {\n    const { minLines: min, maxLines: max } = sizingRef.current;\n    const lineHeight = lineHeightRef.current;\n    const padding = paddingRef.current;\n    const minHeight = Math.ceil((isOpen ? min : 1) * lineHeight) + padding;\n    const maxHeight = Math.ceil((isOpen ? max : 1) * lineHeight) + padding;\n    const contentHeight = Math.max(el.scrollHeight, minHeight);\n    el.style.height = `${Math.min(contentHeight, maxHeight)}px`;\n    const overflowing = contentHeight > maxHeight;\n    el.style.overflowY = overflowing ? 'auto' : 'hidden';\n    el.style.maxHeight = overflowing ? `${maxHeight}px` : 'none';\n  }, []);\n\n  // Typography depends on size\n  useIsomorphicLayoutEffect(() => {\n    recomputeMetrics();\n  }, [recomputeMetrics, size]);\n\n  // Single place for sizing and overflow auto-open: one height reset, one scrollHeight read\n  useIsomorphicLayoutEffect(() => {\n    const el = textareaRef.current;\n    if (!el) return;\n    if (lineHeightRef.current === 0) recomputeMetrics();\n    withoutPlaceholder(el, () => {\n      el.style.height = 'auto';\n      let isOpen = open;\n      if (!open && (expandOn === 'overflow' || expandOn === 'both')) {\n        const compactHeight = Math.ceil(lineHeightRef.current) + paddingRef.current;\n        if (el.scrollHeight > compactHeight + 1) {\n          isOpen = true;\n          setOpen(true);\n        }\n      }\n      applyHeight(el, isOpen);\n    });\n  }, [value, open, expandOn, minLines, maxLines, size, setOpen, textareaRef, recomputeMetrics, applyHeight]);\n\n  // Width changes re-wrap text; re-measure only when the width actually changes\n  React.useEffect(() => {\n    const el = textareaRef.current;\n    if (!el || typeof ResizeObserver === 'undefined') return;\n    let prevWidth = -1;\n    const ro = new ResizeObserver((entries) => {\n      const width = entries[0]?.contentRect.width ?? 0;\n      if (width === prevWidth) return;\n      const first = prevWidth === -1;\n      prevWidth = width;\n      if (first) return;\n      recomputeMetrics();\n      withoutPlaceholder(el, () => {\n        el.style.height = 'auto';\n        applyHeight(el, sizingRef.current.open);\n      });\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [textareaRef, recomputeMetrics, applyHeight]);\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  const handleFocus = React.useCallback<React.FocusEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      onFocus?.(event);\n      if (disabled || readOnly) return;\n      if ((expandOn === 'focus' || expandOn === 'both') && !open) setOpen(true);\n    },\n    [disabled, readOnly, expandOn, open, setOpen, onFocus],\n  );\n\n  const handleChange = React.useCallback<React.ChangeEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      setValue(event.currentTarget.value);\n      onChange?.(event);\n    },\n    [setValue, onChange],\n  );\n\n  const handlePaste = React.useCallback<React.ClipboardEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      onPaste?.(event);\n      if (event.defaultPrevented || !paste || disabled || readOnly) return;\n      const files = Array.from(event.clipboardData?.items ?? [])\n        .filter((item) => item.kind === 'file')\n        .map((item) => item.getAsFile())\n        .filter((f): f is File => !!f);\n      if (files.length === 0) return;\n      // Suppress the filename/text representation only when a file was actually attached\n      if (appendFilesFromPaste(files) > 0) event.preventDefault();\n    },\n    [paste, disabled, readOnly, onPaste, appendFilesFromPaste],\n  );\n\n  const handleCompositionStart = React.useCallback<React.CompositionEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      composingRef.current = true;\n      onCompositionStart?.(event);\n    },\n    [onCompositionStart],\n  );\n\n  const handleCompositionEnd = React.useCallback<React.CompositionEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      composingRef.current = false;\n      onCompositionEnd?.(event);\n    },\n    [onCompositionEnd],\n  );\n\n  const handleKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLTextAreaElement>>(\n    (event) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !submitOnEnter) return;\n      if (event.key !== 'Enter' || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) return;\n      // Safari fires the IME-confirming Enter after compositionend with keyCode 229\n      if (composingRef.current || event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return;\n      // Plain Enter never inserts a newline when submitOnEnter is on, even with nothing to send\n      event.preventDefault();\n      submit(clearOnSubmit);\n    },\n    [submitOnEnter, onKeyDown, submit, clearOnSubmit],\n  );\n\n  const Comp = asChild ? Slot : 'textarea';\n  return (\n    <m.div className={classNames('rt-ChatbarField', 'rt-ChatbarTextarea', className)} layout=\"position\" transition={LAYOUT_TRANSITION}>\n      <Comp\n        {...textareaProps}\n        ref={composedRef}\n        className=\"rt-ChatbarInput\"\n        value={value}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onPaste={handlePaste}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\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, className, ...divProps } = props;\n  const ctx = useChatbarContext();\n  if (ctx.open) return null;\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarInlineStart', className)}>\n      {children}\n    </Comp>\n  );\n});\nInlineStart.displayName = 'Chatbar.InlineStart';\n\nconst InlineEnd = React.forwardRef<HTMLDivElement, InlineSlotProps>((props, forwardedRef) => {\n  const { children, asChild, className, ...divProps } = props;\n  const ctx = useChatbarContext();\n  if (ctx.open) return null;\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarInlineEnd', className)}>\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 * `Chatbar.Item`s passed as children follow the attachments in the same row.\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  /** `Chatbar.Item`s: things the message refers to that are not files. */\n  children?: React.ReactNode;\n}\n\nconst AttachmentsRow = React.forwardRef<HTMLDivElement, AttachmentsRowProps>((props, forwardedRef) => {\n  const { asChild, forceMount, renderAttachment, className, children, ...divProps } = props;\n  const ctx = useChatbarContext();\n  const hasItems = React.Children.toArray(children).length > 0;\n  if (ctx.attachments.length === 0 && !hasItems && !forceMount) return null;\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <m.div layout=\"position\" transition={LAYOUT_TRANSITION}>\n      <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarAttachmentsRow', className)} role=\"list\" aria-label={divProps['aria-label'] ?? 'Attachments'}>\n        <ScrollArea className=\"rt-ChatbarScrollArea\" scrollbars=\"horizontal\" size=\"1\">\n          <Flex align=\"center\" gap=\"2\" minWidth=\"fit-content\">\n            {ctx.attachments.map((att) => (\n              <Attachment key={att.id} attachment={att} asChild={!!renderAttachment}>\n                {renderAttachment?.(att)}\n              </Attachment>\n            ))}\n            {children}\n          </Flex>\n        </ScrollArea>\n      </Comp>\n    </m.div>\n  );\n});\nAttachmentsRow.displayName = 'Chatbar.AttachmentsRow';\n\n/**\n * Moves focus off a pill that is about to unmount, to the next pill's remove\n * button, the previous one's, or the text, so keyboard users are not dropped\n * to <body>.\n */\nfunction moveFocusOffPill(button: HTMLButtonElement, textareaRef: React.RefObject<HTMLTextAreaElement | null>) {\n  const pill = button.closest('[role=\"listitem\"]');\n  const pills = pill?.parentElement ? Array.from(pill.parentElement.children) : [];\n  const index = pill ? pills.indexOf(pill) : -1;\n  const neighbour = pills[index + 1] ?? pills[index - 1];\n  const nextButton = neighbour?.querySelector<HTMLButtonElement>('.rt-ChatbarItemRemove');\n  if (nextButton) nextButton.focus();\n  else textareaRef.current?.focus({ preventScroll: true });\n}\n\n/** The pill an attachment and an item share: a lead tile, a label and \u00D7. */\nconst Pill: React.FC<{\n  lead: React.ReactNode;\n  leadKind: 'image' | 'icon';\n  label: React.ReactNode;\n  /** Read after the label by screen readers only, e.g. a file's size. */\n  detail?: string;\n  removeLabel: string;\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}> = ({ lead, leadKind, label, detail, removeLabel, onRemove }) => {\n  const ctx = useChatbarContext();\n  return (\n    <>\n      <span className=\"rt-ChatbarItemLead\" data-kind={leadKind} aria-hidden>\n        {lead}\n      </span>\n      <Text className=\"rt-ChatbarItemLabel\" size={ctx.size} truncate>\n        {label}\n        {detail ? <VisuallyHidden>, {detail}</VisuallyHidden> : null}\n      </Text>\n      {onRemove && (\n        <IconButton className=\"rt-ChatbarItemRemove\" aria-label={removeLabel} size=\"1\" variant=\"ghost\" color=\"gray\" onClick={onRemove}>\n          <CloseIcon />\n        </IconButton>\n      )}\n    </>\n  );\n};\n\n/** Default tile renderer for a single attachment. */\ninterface AttachmentProps extends React.ComponentPropsWithoutRef<'div'> {\n  attachment: ChatbarAttachment;\n  asChild?: boolean;\n}\n\nconst STATUS_LABEL: Partial<Record<AttachmentStatus, string>> = { uploading: 'uploading', error: 'failed to upload' };\n\nconst Attachment = React.forwardRef<HTMLDivElement, AttachmentProps>((props, forwardedRef) => {\n  const { attachment, asChild, className, children, ...divProps } = props;\n  const ctx = useChatbarContext();\n  const Comp = asChild ? Slot : 'div';\n  const isImage = !!attachment.url && isImageLike(attachment.name, attachment.type);\n  const sizeLabel = `${Math.ceil(attachment.size / 1024)} KB`;\n  const statusLabel = attachment.status ? STATUS_LABEL[attachment.status] : undefined;\n  const locked = ctx.disabled || ctx.readOnly;\n\n  const handleRemove = (event: React.MouseEvent<HTMLButtonElement>) => {\n    moveFocusOffPill(event.currentTarget, ctx.textareaRef);\n    ctx.removeAttachment(attachment.id);\n  };\n\n  const lead =\n    attachment.status === 'uploading' ? (\n      <Spinner size=\"1\" />\n    ) : isImage ? (\n      <img className=\"rt-ChatbarAttachmentImage\" src={attachment.url} alt=\"\" />\n    ) : (\n      <FileTextIcon />\n    );\n\n  return (\n    <Comp\n      {...divProps}\n      ref={forwardedRef}\n      className={classNames(children ? 'rt-ChatbarAttachment' : 'rt-ChatbarAttachment rt-ChatbarItem', className)}\n      role=\"listitem\"\n      data-kind={isImage ? 'image' : 'file'}\n      data-status={attachment.status}\n      title={attachment.name}\n    >\n      {children ?? (\n        <Pill\n          lead={lead}\n          leadKind={isImage && attachment.status !== 'uploading' ? 'image' : 'icon'}\n          label={attachment.name}\n          detail={statusLabel ? `${sizeLabel}, ${statusLabel}` : sizeLabel}\n          removeLabel={`Remove ${attachment.name}`}\n          onRemove={locked ? undefined : handleRemove}\n        />\n      )}\n    </Comp>\n  );\n});\nAttachment.displayName = 'Chatbar.Attachment';\n\n/**\n * Something the message refers to that is not a file: a scene object, a\n * picked mode, a selection. The same pill as an attachment, placed in\n * `Chatbar.AttachmentsRow` as a child. The app owns the list, so removing one\n * calls `onRemove` and nothing else; leave it out for a pill that cannot be\n * removed.\n */\ninterface ItemProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'color'> {\n  /** The label. Also names the remove button: \"Remove {label}\". */\n  children: string;\n  /** Drawn in the lead tile, tinted with `color`. */\n  icon?: React.ReactNode;\n  /** A thumbnail for the lead tile, in place of the icon. */\n  image?: string;\n  /** Tint of the icon tile. Defaults to gray. */\n  color?: (typeof accentColors)[number];\n  onRemove?: () => void;\n  /** Overrides the remove button's label. */\n  removeLabel?: string;\n}\n\nconst Item = React.forwardRef<HTMLDivElement, ItemProps>((props, forwardedRef) => {\n  const { children, icon, image, color, onRemove, removeLabel, className, ...divProps } = props;\n  const ctx = useChatbarContext();\n  const locked = ctx.disabled || ctx.readOnly;\n\n  const handleRemove = onRemove\n    ? (event: React.MouseEvent<HTMLButtonElement>) => {\n        moveFocusOffPill(event.currentTarget, ctx.textareaRef);\n        onRemove();\n      }\n    : undefined;\n\n  return (\n    <div\n      {...divProps}\n      ref={forwardedRef}\n      className={classNames('rt-ChatbarItem', className)}\n      role=\"listitem\"\n      data-accent-color={image ? undefined : (color ?? 'gray')}\n      title={children}\n    >\n      <Pill\n        lead={image ? <img className=\"rt-ChatbarAttachmentImage\" src={image} alt=\"\" /> : icon}\n        leadKind={image ? 'image' : 'icon'}\n        label={children}\n        removeLabel={removeLabel ?? `Remove ${children}`}\n        onRemove={locked ? undefined : handleRemove}\n      />\n    </div>\n  );\n});\nItem.displayName = 'Chatbar.Item';\n\ninterface AttachTriggerProps extends React.ComponentPropsWithoutRef<'button'> {\n  asChild?: boolean;\n  /** Overrides Root `accept` for files chosen through this trigger */\n  accept?: string | string[];\n  multiple?: boolean;\n}\n\nconst AttachTrigger = React.forwardRef<HTMLButtonElement, AttachTriggerProps>((props, forwardedRef) => {\n  const { asChild, accept, multiple, disabled: disabledProp, onPointerDown, onClick, ...buttonProps } = props;\n  const ctx = useChatbarContext();\n  const disabled = disabledProp || ctx.disabled || ctx.readOnly;\n  const Comp = asChild ? Slot : 'button';\n  return (\n    <Comp\n      {...buttonProps}\n      ref={forwardedRef}\n      className={classNames('rt-ChatbarAttachTrigger', buttonProps.className)}\n      type={buttonProps.type ?? 'button'}\n      aria-label={buttonProps['aria-label'] ?? 'Add attachments'}\n      disabled={disabled}\n      onPointerDown={(event: React.PointerEvent<HTMLButtonElement>) => {\n        onPointerDown?.(event);\n        if (!disabled && !event.defaultPrevented) ctx.beginFilePickerPress();\n      }}\n      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (disabled || event.defaultPrevented) return;\n        ctx.openFilePicker({ accept, multiple });\n      }}\n    />\n  );\n});\nAttachTrigger.displayName = 'Chatbar.AttachTrigger';\n\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, ...divProps } = props;\n  const ctx = useChatbarContext();\n  if (!ctx.open) return null;\n  const Comp = asChild ? Slot : 'div';\n  return (\n    <m.div layout=\"position\" transition={LAYOUT_TRANSITION}>\n      <Comp {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRow', className)}>\n        <Flex align=\"center\" justify=\"between\" width=\"100%\">\n          {children}\n        </Flex>\n      </Comp>\n    </m.div>\n  );\n});\nRow.displayName = 'Chatbar.Row';\n\ntype RowSlotProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst RowStart = React.forwardRef<HTMLDivElement, RowSlotProps>((props, forwardedRef) => {\n  const { className, ...divProps } = props;\n  return <div {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRowStart', className)} />;\n});\nRowStart.displayName = 'Chatbar.RowStart';\n\nconst RowEnd = React.forwardRef<HTMLDivElement, RowSlotProps>((props, forwardedRef) => {\n  const { className, ...divProps } = props;\n  return <div {...divProps} ref={forwardedRef} className={classNames('rt-ChatbarRowEnd', className)} />;\n});\nRowEnd.displayName = 'Chatbar.RowEnd';\n\ntype SendStatus = 'ready' | 'submitted' | 'streaming' | 'error';\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  /** Clear message and attachments after sending. Defaults to Root `clearOnSubmit`. */\n  clearOnSend?: boolean;\n  /**\n   * What the button means. `ready` sends. While a reply is `submitted` or `streaming` and the\n   * box is empty, the button STOPS the reply (`onStop`); with a draft in the box it still sends,\n   * and the app decides whether sending interrupts the reply. After an `error`, an empty box\n   * makes it RETRY (`onRetry`). Default `ready`.\n   */\n  status?: SendStatus;\n  /** Called when the button is pressed to stop a reply. */\n  onStop?: () => void;\n  /** Called when the button is pressed to retry after an error. */\n  onRetry?: () => void;\n  /** Accessible name while it stops. Default \"Stop\". */\n  stopLabel?: string;\n  /** Accessible name while it retries. Default \"Retry\". */\n  retryLabel?: string;\n  /** Glyph while it stops. Defaults to a square, or a spinner while `submitted`. */\n  stopIcon?: React.ReactNode;\n  /** Glyph while it retries. */\n  retryIcon?: React.ReactNode;\n};\n\nconst Send = React.forwardRef<HTMLButtonElement, SendProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    clearOnSend,\n    disabled,\n    children,\n    style,\n    className,\n    size: sizeProp,\n    variant: variantProp,\n    tabIndex,\n    onClick,\n    status = 'ready',\n    onStop,\n    onRetry,\n    stopLabel = 'Stop',\n    retryLabel = 'Retry',\n    stopIcon,\n    retryIcon,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...buttonProps\n  } = props;\n  const ctx = useChatbarContext();\n  const value = React.useContext(ChatbarValueContext);\n\n  const hasContent = hasText(value) || ctx.attachments.length > 0;\n  const running = status === 'submitted' || status === 'streaming';\n  const mode: 'send' | 'stop' | 'retry' = hasContent ? 'send' : running ? 'stop' : status === 'error' ? 'retry' : 'send';\n\n  if (ctx.sendMode === 'never' && mode === 'send') return null;\n\n  const visible = mode !== 'send' || ctx.sendMode === 'always' || hasContent;\n  const inactive = mode === 'send' ? disabled || ctx.disabled || ctx.readOnly || !hasContent : disabled || ctx.disabled;\n\n  const sendName = ariaLabel ?? 'Send';\n  const labelProps: { 'aria-label': string } | { 'aria-labelledby': string } =\n    mode === 'stop' ? { 'aria-label': stopLabel } : mode === 'retry' ? { 'aria-label': retryLabel } : ariaLabelledby ? { 'aria-labelledby': ariaLabelledby } : { 'aria-label': sendName };\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented || inactive) return;\n    if (mode === 'stop') {\n      onStop?.();\n      return;\n    }\n    if (mode === 'retry') {\n      onRetry?.();\n      return;\n    }\n    const clear = clearOnSend ?? ctx.clearOnSubmit;\n    // Clearing hides and disables this button; keep keyboard focus in the composer\n    if (ctx.submit(clear) && clear) ctx.textareaRef.current?.focus({ preventScroll: true });\n  };\n\n  const glyph =\n    mode === 'stop' ? (\n      stopIcon ?? (status === 'submitted' ? <Spinner size={ctx.size} /> : (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden>\n          <rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"2\" />\n        </svg>\n      ))\n    ) : mode === 'retry' ? (\n      retryIcon ?? (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n          <path d=\"M3 12a9 9 0 1 0 3-6.7L3 8\" />\n          <path d=\"M3 3v5h5\" />\n        </svg>\n      )\n    ) : (\n      children ?? (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n          <path d=\"M5 12h14\" />\n          <path d=\"m12 5 7 7-7 7\" />\n        </svg>\n      )\n    );\n\n  return (\n    <IconButton\n      {...buttonProps}\n      ref={forwardedRef}\n      size={sizeProp ?? ctx.size}\n      variant={variantProp ?? (ctx.open || mode !== 'send' ? 'solid' : 'ghost')}\n      disabled={inactive}\n      className={classNames('rt-ChatbarSend', className)}\n      style={{ opacity: visible ? 1 : 0, pointerEvents: visible ? undefined : 'none', ...style }}\n      // Hidden Send must not be reachable by keyboard or announced\n      aria-hidden={visible ? undefined : true}\n      tabIndex={visible ? tabIndex : -1}\n      asChild={asChild}\n      onClick={handleClick}\n      data-status={status}\n      data-mode={mode}\n      {...labelProps}\n    >\n      {glyph}\n    </IconButton>\n  );\n});\nSend.displayName = 'Chatbar.Send';\n\nexport { Root, Textarea, InlineStart, InlineEnd, AttachmentsRow, Attachment, Item, AttachTrigger, Row, RowStart, RowEnd, Send };\nexport type {\n  RootProps as ChatbarRootProps,\n  TextareaProps as ChatbarTextareaProps,\n  InlineSlotProps as ChatbarInlineSlotProps,\n  AttachmentsRowProps as ChatbarAttachmentsRowProps,\n  AttachmentProps as ChatbarAttachmentProps,\n  ItemProps as ChatbarItemProps,\n  AttachTriggerProps as ChatbarAttachTriggerProps,\n  RowProps as ChatbarRowProps,\n  RowSlotProps as ChatbarRowSlotProps,\n  SendProps as ChatbarSendProps,\n  ChatbarAttachment,\n  ChatbarAttachmentRejection,\n  ChatbarRejectReason,\n  ChatbarSubmitPayload,\n  AttachmentStatus as ChatbarAttachmentStatus,\n  ExpandOn as ChatbarExpandOn,\n  SendMode as ChatbarSendMode,\n  SendStatus as ChatbarSendStatus,\n};\n"],
-  "mappings": "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",
-  "names": ["chatbar_exports", "__export", "AttachTrigger", "Attachment", "AttachmentsRow", "InlineEnd", "InlineStart", "Item", "Root", "Row", "RowEnd", "RowStart", "Send", "Textarea", "React", "classNames", "LazyMotion", "MotionConfig", "domAnimation", "m", "useComposedRefs", "useDropzone", "useIsomorphicLayoutEffect", "withoutPlaceholder", "el", "measure", "placeholder", "LAYOUT_TRANSITION", "ChatbarContext", "ChatbarValueContext", "useChatbarContext", "ctx", "toArray", "val", "s", "matchesAccept", "file", "patterns", "mime", "name", "patRaw", "pat", "type", "subtype", "fmType", "fmSubtype", "IMAGE_EXT_RE", "isImageLike", "hasText", "value", "plural", "n", "word", "attachmentCounter", "createAttachmentId", "Root", "props", "forwardedRef", "className", "style", "children", "valueProp", "defaultValue", "onValueChange", "openProp", "defaultOpen", "onOpenChange", "expandOn", "minLines", "maxLines", "sendMode", "disabled", "readOnly", "onSubmit", "size", "variant", "color", "radius", "panelBackground", "material", "width", "maxWidth", "attachmentsProp", "defaultAttachments", "onAttachmentsChange", "accept", "multiple", "maxAttachments", "maxFileSize", "paste", "pasteAccept", "clearOnSubmit", "onAttachmentReject", "dropzone", "apiRef", "onBlurCapture", "notices", "context", "divProps", "effectiveMaterial", "isValueControlled", "valueUncontrolled", "setValueUncontrolled", "isOpenControlled", "openUncontrolled", "setOpenUncontrolled", "open", "isAttachmentsControlled", "attachmentsUncontrolled", "setAttachmentsUncontrolled", "attachments", "announcement", "setAnnouncementState", "announce", "text", "prev", "rootRef", "composedRootRef", "useComposedRefs", "textareaRef", "fileInputRef", "pickerOpenRef", "pressGuardRef", "pressGuardTimerRef", "pickerRef", "acceptKey", "pasteAcceptKey", "accepts", "pasteAccepts", "snapshot", "latest", "pendingAttachmentsRef", "getAttachments", "setOpen", "next", "setValue", "setAttachments", "ownedUrlsRef", "addFiles", "files", "cfg", "current", "rejected", "remainingSlots", "perActionLimit", "url", "messages", "appendFiles", "appendFilesFromPaste", "removeAttachment", "id", "removed", "a", "submit", "clear", "payload", "att", "owned", "openFilePicker", "options", "input", "beginFilePickerPress", "reset", "handleFileInputChange", "event", "picker", "handleBlurCapture", "rootEl", "nextTarget", "handleDrop", "getRootProps", "isDragActive", "useDropzone", "dragActive", "handleContainerPointerDown", "target", "contextValue", "LazyMotion", "domAnimation", "MotionConfig", "classNames", "NoticeSizeContext", "m", "parseVariant", "Text", "VisuallyHidden", "Textarea", "asChild", "onFocus", "onChange", "onPaste", "onKeyDown", "onCompositionStart", "onCompositionEnd", "submitOnEnter", "textareaProps", "composedRef", "lineHeightRef", "paddingRef", "composingRef", "sizingRef", "recomputeMetrics", "computedStyle", "applyHeight", "isOpen", "min", "max", "lineHeight", "padding", "minHeight", "maxHeight", "contentHeight", "overflowing", "compactHeight", "prevWidth", "ro", "entries", "first", "handleFocus", "handleChange", "handlePaste", "item", "f", "handleCompositionStart", "handleCompositionEnd", "handleKeyDown", "Comp", "Slot", "InlineStart", "InlineEnd", "AttachmentsRow", "forceMount", "renderAttachment", "hasItems", "ScrollArea", "Flex", "Attachment", "moveFocusOffPill", "button", "pill", "pills", "index", "nextButton", "Pill", "lead", "leadKind", "label", "detail", "removeLabel", "onRemove", "IconButton", "CloseIcon", "STATUS_LABEL", "attachment", "isImage", "sizeLabel", "statusLabel", "locked", "handleRemove", "Spinner", "FileTextIcon", "Item", "icon", "image", "AttachTrigger", "disabledProp", "onPointerDown", "onClick", "buttonProps", "Row", "RowStart", "RowEnd", "Send", "clearOnSend", "sizeProp", "variantProp", "tabIndex", "status", "onStop", "onRetry", "stopLabel", "retryLabel", "stopIcon", "retryIcon", "ariaLabel", "ariaLabelledby", "hasContent", "mode", "visible", "inactive", "labelProps", "handleClick", "glyph"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Button } from './button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype IconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Required accessibility props for icon buttons\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Tooltip configuration props that can be passed to IconButton\n * These props are forwarded to the underlying Tooltip component\n */\ninterface IconButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core IconButton props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with accessibility requirements and tooltip functionality\n */\ntype IconButtonOwnProps = Omit<BaseButtonProps, 'as'> & AccessibilityProps & IconButtonTooltipProps;\n\n/**\n * Polymorphic IconButton props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype IconButtonProps<C extends React.ElementType = 'button'> = IconButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonOwnProps>;\n\n/**\n * IconButton component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & { ref?: React.ForwardedRef<IconButtonElement> }) => React.ReactElement | null;\n\n/**\n * IconButton component for compact, accessible icon-only interactions. It is `Button` with\n * `iconOnly` set, kept as its own name for its stricter type: an accessible name is required.\n *\n * The IconButton component extends Button with specialized behavior for visual symbols.\n * It enforces accessibility requirements, provides automatic square sizing, and includes\n * built-in tooltip integration. Icon buttons are essential for space-efficient interfaces\n * while maintaining accessibility compliance.\n *\n * Key features:\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic square aspect ratios for consistent visual alignment\n * - Built-in tooltip support for context and guidance\n * - Same variant and size system as Button for consistency\n * - Runtime validation for accessibility compliance\n *\n * @example\n * ```tsx\n * // Basic icon button with aria-label\n * <IconButton aria-label=\"Settings\">\n *   <Settings />\n * </IconButton>\n *\n * // Icon button with tooltip\n * <IconButton aria-label=\"Save\" tooltip=\"Save your progress\">\n *   <Save />\n * </IconButton>\n *\n * // Icon button with aria-labelledby\n * <IconButton aria-labelledby=\"settings-label\">\n *   <Settings />\n * </IconButton>\n * <span id=\"settings-label\">Open settings panel</span>\n *\n * // Icon button with visible text (fallback)\n * <IconButton>\n *   <Settings />\n *   Settings\n * </IconButton>\n * ```\n */\nconst IconButton = React.forwardRef(\n  (props: IconButtonProps, forwardedRef: React.ForwardedRef<IconButtonElement>) => <Button {...props} iconOnly ref={forwardedRef} />,\n) as IconButtonComponent & { displayName?: string };\n\nIconButton.displayName = 'IconButton';\n\nexport { IconButton };\nexport type { IconButtonProps };\n"],
-  "mappings": "wCAAA,UAAYA,MAAW,QAqGvB,IAAMC,EAAmB,aACvB,CAACC,EAAwBC,IAAwD,gBAACC,EAAA,CAAQ,GAAGF,EAAO,SAAQ,GAAC,IAAKC,EAAc,CAClI,EAEAF,EAAW,YAAc",
-  "names": ["React", "IconButton", "props", "forwardedRef", "Button"]
-}

package/dist/esm/chunk-TZ5MZQUB.js

@@ -1,2 +0,0 @@
-import{a as d}from"./chunk-BOFVKXUV.js";import{a as m}from"./chunk-5BWLY27A.js";import{a as v}from"./chunk-OS3FCYZY.js";var C={};v(C,{Button:()=>P,Content:()=>f,Item:()=>g,Root:()=>u,Viewport:()=>S,useMessageScroller:()=>y,useMessageScrollerScrollable:()=>w,useMessageScrollerVisibility:()=>B});import*as e from"react";import c from"classnames";import{MessageScroller as l,useMessageScroller as y,useMessageScrollerScrollable as w,useMessageScrollerVisibility as B}from"@shadcn/react/message-scroller";import{useComposedRefs as h}from"radix-ui/internal";var u=e.forwardRef(({autoScroll:o=!0,defaultScrollPosition:t="end",scrollEdgeThreshold:r,scrollMargin:s,className:a,children:n,...i},p)=>e.createElement(l.Provider,{autoScroll:o,defaultScrollPosition:t,...r!=null?{scrollEdgeThreshold:r}:{},...s!=null?{scrollMargin:s}:{}},e.createElement(l.Root,{...i,ref:p,className:c("rt-MessageScrollerRoot",a)},n)));u.displayName="MessageScroller.Root";var S=e.forwardRef(({className:o,"aria-label":t,fade:r=!0,...s},a)=>{let n=m(r),i=h(a,n);return e.createElement(l.Viewport,{"aria-label":t??"",...s,ref:i,"data-fade":r?"":void 0,className:c("rt-MessageScrollerViewport",o)})});S.displayName="MessageScroller.Viewport";var f=e.forwardRef(({className:o,...t},r)=>e.createElement(l.Content,{...t,ref:r,className:c("rt-MessageScrollerContent",o)}));f.displayName="MessageScroller.Content";var g=e.forwardRef(({className:o,...t},r)=>e.createElement(l.Item,{...t,ref:r,className:c("rt-MessageScrollerItem",o)}));g.displayName="MessageScroller.Item";var P=e.forwardRef(({direction:o="end",behavior:t,className:r,children:s,size:a="2",variant:n="surface",color:i="gray",radius:p="full","aria-label":M,...R},b)=>e.createElement(l.Button,{direction:o,...t?{behavior:t}:{},render:e.createElement(d,{...R,ref:b,size:a,variant:n,color:i,radius:p,"aria-label":M??(o==="end"?"Jump to the latest":"Jump to the first"),className:c("rt-MessageScrollerButton",r),"data-direction":o},s??e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0,style:o==="start"?{transform:"rotate(180deg)"}:void 0},e.createElement("path",{d:"M7.5 2.5v10M3.5 8.5l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))}));P.displayName="MessageScroller.Button";export{y as a,w as b,B as c,u as d,S as e,f,g,P as h,C as i};
-//# sourceMappingURL=chunk-TZ5MZQUB.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/message-scroller.tsx"],
-  "sourcesContent": ["'use client';\n\n/**\n * MessageScroller \u2014 a transcript that follows a conversation.\n *\n * The behaviour is shadcn/ui's Message Scroller primitive (`@shadcn/react/message-scroller`,\n * MIT, https://ui.shadcn.com). Streaming, anchoring a new turn, keeping your place when history\n * loads above, and jumping back to the latest are a body of edge cases nobody should rewrite, so\n * Kookie takes the primitive and adds only the surface: the parts, the class names, the button.\n *\n * Anatomy\n * ```tsx\n * <MessageScroller.Root>\n *   <MessageScroller.Viewport aria-label=\"Conversation\">\n *     <MessageScroller.Content>\n *       <MessageScroller.Item messageId=\"u1\" scrollAnchor>\u2026</MessageScroller.Item>\n *       <MessageScroller.Item messageId=\"a1\">\u2026</MessageScroller.Item>\n *     </MessageScroller.Content>\n *   </MessageScroller.Viewport>\n *   <MessageScroller.Button aria-label=\"Jump to the latest\" />\n * </MessageScroller.Root>\n * ```\n *\n * The viewport is its own scroller. Kookie's `ScrollArea` is Radix's, and Radix cannot hand its\n * viewport element to another library, so the transcript scrolls natively with a thin scrollbar.\n *\n * Requires React 19, which the primitive needs.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport {\n  MessageScroller as Primitive,\n  useMessageScroller,\n  useMessageScrollerScrollable,\n  useMessageScrollerVisibility,\n  type MessageScrollerDefaultScrollPosition,\n  type MessageScrollerScrollOptions,\n  type MessageScrollerScrollable,\n  type MessageScrollerVisibilityState,\n} from '@shadcn/react/message-scroller';\n\nimport { useComposedRefs } from 'radix-ui/internal';\n\nimport { IconButton, type IconButtonProps } from './icon-button.js';\nimport { useScrollEdges } from '../hooks/use-scroll-edges.js';\n\ninterface RootProps extends React.ComponentPropsWithoutRef<'div'> {\n  /**\n   * Keeps the newest content in view while the reader is at the end. Default `true`.\n   * Once the reader scrolls up, the transcript stays where they are until they return.\n   */\n  autoScroll?: boolean;\n  /** Where the transcript opens: `end` (default), `start`, or the last anchored message. */\n  defaultScrollPosition?: MessageScrollerDefaultScrollPosition;\n  /** Distance in pixels from the end that still counts as \"at the end\". */\n  scrollEdgeThreshold?: number;\n  /** Space in pixels kept above a message when one is scrolled to or anchored. */\n  scrollMargin?: number;\n}\n\n/** Holds the scroll state. Everything else goes inside it. */\nconst Root = React.forwardRef<HTMLDivElement, RootProps>(\n  ({ autoScroll = true, defaultScrollPosition = 'end', scrollEdgeThreshold, scrollMargin, className, children, ...props }, forwardedRef) => (\n    <Primitive.Provider\n      autoScroll={autoScroll}\n      defaultScrollPosition={defaultScrollPosition}\n      {...(scrollEdgeThreshold != null ? { scrollEdgeThreshold } : {})}\n      {...(scrollMargin != null ? { scrollMargin } : {})}\n    >\n      <Primitive.Root {...props} ref={forwardedRef} className={classNames('rt-MessageScrollerRoot', className)}>\n        {children}\n      </Primitive.Root>\n    </Primitive.Provider>\n  ),\n);\nRoot.displayName = 'MessageScroller.Root';\n\ninterface ViewportProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Name of the transcript region, e.g. \"Conversation\". */\n  'aria-label'?: string;\n  /** Keep the reader's place when older messages are added above. Default `true`. */\n  preserveScrollOnPrepend?: boolean;\n  /**\n   * Fades messages toward the top and bottom edges while there is more past them. A floating\n   * band over an edge (a toolbar, a goal tray, a composer) can set `--scroll-fade-start` or\n   * `--scroll-fade-end` to its height, so messages fade as they pass under it. Default `true`.\n   */\n  fade?: boolean;\n}\n\n/** The scrolling element. */\nconst Viewport = React.forwardRef<HTMLDivElement, ViewportProps>(({ className, 'aria-label': label, fade = true, ...props }, forwardedRef) => {\n  const setEdgesElement = useScrollEdges<HTMLDivElement>(fade);\n  const ref = useComposedRefs(forwardedRef, setEdgesElement);\n  return (\n    // The primitive names an unnamed viewport \"Messages\", in English. An empty name is skipped by\n    // accessible-name computation, so a transcript is only named when the app names it.\n    <Primitive.Viewport\n      aria-label={label ?? ''}\n      {...props}\n      ref={ref}\n      data-fade={fade ? '' : undefined}\n      className={classNames('rt-MessageScrollerViewport', className)}\n    />\n  );\n});\nViewport.displayName = 'MessageScroller.Viewport';\n\ntype ContentProps = React.ComponentPropsWithoutRef<'div'>;\n\n/** The list of messages, inside the viewport. */\nconst Content = React.forwardRef<HTMLDivElement, ContentProps>(({ className, ...props }, forwardedRef) => (\n  <Primitive.Content {...props} ref={forwardedRef} className={classNames('rt-MessageScrollerContent', className)} />\n));\nContent.displayName = 'MessageScroller.Content';\n\ninterface ItemProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** A stable id, so the row can be scrolled to with `useMessageScroller().scrollToMessage`. */\n  messageId?: string;\n  /** Anchor this row near the top when it arrives. Set it on the person's own messages. */\n  scrollAnchor?: boolean;\n}\n\n/** One row of the transcript. */\nconst Item = React.forwardRef<HTMLDivElement, ItemProps>(({ className, ...props }, forwardedRef) => (\n  <Primitive.Item {...props} ref={forwardedRef} className={classNames('rt-MessageScrollerItem', className)} />\n));\nItem.displayName = 'MessageScroller.Item';\n\ntype ButtonProps = Omit<IconButtonProps, 'aria-label' | 'aria-labelledby'> & {\n  /** Accessible name, in your words. Default \"Jump to the latest\". */\n  'aria-label'?: string;\n  /** `end` jumps to the latest message (default); `start` to the first. */\n  direction?: 'start' | 'end';\n  /** Scroll behaviour of the jump. Default `smooth`. */\n  behavior?: ScrollBehavior;\n};\n\n/**\n * Jumps back to the latest message. It renders only while the reader is away from the end.\n * Place it inside `Root`, after the viewport. It sits over the viewport's bottom edge.\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ direction = 'end', behavior, className, children, size = '2', variant = 'surface', color = 'gray', radius = 'full', 'aria-label': label, ...props }, forwardedRef) => (\n    <Primitive.Button\n      direction={direction}\n      {...(behavior ? { behavior } : {})}\n      render={\n        <IconButton\n          {...props}\n          ref={forwardedRef}\n          size={size}\n          variant={variant}\n          color={color}\n          radius={radius}\n          aria-label={label ?? (direction === 'end' ? 'Jump to the latest' : 'Jump to the first')}\n          className={classNames('rt-MessageScrollerButton', className)}\n          data-direction={direction}\n        >\n          {children ?? (\n            <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" aria-hidden style={direction === 'start' ? { transform: 'rotate(180deg)' } : undefined}>\n              <path d=\"M7.5 2.5v10M3.5 8.5l4 4 4-4\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n            </svg>\n          )}\n        </IconButton>\n      }\n    />\n  ),\n);\nButton.displayName = 'MessageScroller.Button';\n\nexport { Root, Viewport, Content, Item, Button, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };\nexport type {\n  RootProps as MessageScrollerRootProps,\n  ViewportProps as MessageScrollerViewportProps,\n  ContentProps as MessageScrollerContentProps,\n  ItemProps as MessageScrollerItemProps,\n  ButtonProps as MessageScrollerButtonProps,\n  MessageScrollerDefaultScrollPosition,\n  MessageScrollerScrollOptions,\n  MessageScrollerScrollable,\n  MessageScrollerVisibilityState,\n};\n"],
-  "mappings": "wHAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,EAAA,YAAAC,EAAA,SAAAC,EAAA,SAAAC,EAAA,aAAAC,EAAA,uBAAAC,EAAA,iCAAAC,EAAA,iCAAAC,IA6BA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OACE,mBAAmBC,EACnB,sBAAAL,EACA,gCAAAC,EACA,gCAAAC,MAKK,iCAEP,OAAS,mBAAAI,MAAuB,oBAoBhC,IAAMC,EAAa,aACjB,CAAC,CAAE,WAAAC,EAAa,GAAM,sBAAAC,EAAwB,MAAO,oBAAAC,EAAqB,aAAAC,EAAc,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACvH,gBAACC,EAAU,SAAV,CACC,WAAYR,EACZ,sBAAuBC,EACtB,GAAIC,GAAuB,KAAO,CAAE,oBAAAA,CAAoB,EAAI,CAAC,EAC7D,GAAIC,GAAgB,KAAO,CAAE,aAAAA,CAAa,EAAI,CAAC,GAEhD,gBAACK,EAAU,KAAV,CAAgB,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,yBAA0BL,CAAS,GACpGC,CACH,CACF,CAEJ,EACAN,EAAK,YAAc,uBAgBnB,IAAMW,EAAiB,aAA0C,CAAC,CAAE,UAAAN,EAAW,aAAcO,EAAO,KAAAC,EAAO,GAAM,GAAGN,CAAM,EAAGC,IAAiB,CAC5I,IAAMM,EAAkBC,EAA+BF,CAAI,EACrDG,EAAMC,EAAgBT,EAAcM,CAAe,EACzD,OAGE,gBAACL,EAAU,SAAV,CACC,aAAYG,GAAS,GACpB,GAAGL,EACJ,IAAKS,EACL,YAAWH,EAAO,GAAK,OACvB,UAAWH,EAAW,6BAA8BL,CAAS,EAC/D,CAEJ,CAAC,EACDM,EAAS,YAAc,2BAKvB,IAAMO,EAAgB,aAAyC,CAAC,CAAE,UAAAb,EAAW,GAAGE,CAAM,EAAGC,IACvF,gBAACC,EAAU,QAAV,CAAmB,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,4BAA6BL,CAAS,EAAG,CACjH,EACDa,EAAQ,YAAc,0BAUtB,IAAMC,EAAa,aAAsC,CAAC,CAAE,UAAAd,EAAW,GAAGE,CAAM,EAAGC,IACjF,gBAACC,EAAU,KAAV,CAAgB,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,yBAA0BL,CAAS,EAAG,CAC3G,EACDc,EAAK,YAAc,uBAenB,IAAMC,EAAe,aACnB,CAAC,CAAE,UAAAC,EAAY,MAAO,SAAAC,EAAU,UAAAjB,EAAW,SAAAC,EAAU,KAAAiB,EAAO,IAAK,QAAAC,EAAU,UAAW,MAAAC,EAAQ,OAAQ,OAAAC,EAAS,OAAQ,aAAcd,EAAO,GAAGL,CAAM,EAAGC,IACtJ,gBAACC,EAAU,OAAV,CACC,UAAWY,EACV,GAAIC,EAAW,CAAE,SAAAA,CAAS,EAAI,CAAC,EAChC,OACE,gBAACK,EAAA,CACE,GAAGpB,EACJ,IAAKC,EACL,KAAMe,EACN,QAASC,EACT,MAAOC,EACP,OAAQC,EACR,aAAYd,IAAUS,IAAc,MAAQ,qBAAuB,qBACnE,UAAWX,EAAW,2BAA4BL,CAAS,EAC3D,iBAAgBgB,GAEff,GACC,gBAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAW,GAAC,MAAOe,IAAc,QAAU,CAAE,UAAW,gBAAiB,EAAI,QACvI,gBAAC,QAAK,EAAE,8BAA8B,OAAO,eAAe,YAAY,MAAM,cAAc,QAAQ,eAAe,QAAQ,CAC7H,CAEJ,EAEJ,CAEJ,EACAD,EAAO,YAAc",
-  "names": ["message_scroller_exports", "__export", "Button", "Content", "Item", "Root", "Viewport", "useMessageScroller", "useMessageScrollerScrollable", "useMessageScrollerVisibility", "React", "classNames", "Primitive", "useComposedRefs", "Root", "autoScroll", "defaultScrollPosition", "scrollEdgeThreshold", "scrollMargin", "className", "children", "props", "forwardedRef", "Primitive", "classNames", "Viewport", "label", "fade", "setEdgesElement", "useScrollEdges", "ref", "useComposedRefs", "Content", "Item", "Button", "direction", "behavior", "size", "variant", "color", "radius", "IconButton"]
-}

package/dist/esm/chunk-VV67KTKA.js

@@ -1,2 +0,0 @@
-import{a as l}from"./chunk-ZUOK3KFY.js";import{a as x}from"./chunk-BOFVKXUV.js";import{a as B}from"./chunk-3DEZMXFF.js";import{a as R}from"./chunk-KJTEZVOF.js";import{a as d}from"./chunk-6FLLFCBU.js";import{a as y}from"./chunk-GSTOGDAJ.js";import*as o from"react";import p from"classnames";import{Toolbar as P}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function T(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var c=o.forwardRef((t,r)=>{let e=t.size??l.size.default,a=t.orientation??l.orientation.default,{className:s,orientation:n,children:i,...b}=d(t,l,y),u=o.useMemo(()=>({size:e,orientation:a}),[e,a]);return o.createElement(P.Root,{...b,ref:r,orientation:a,className:p("rt-Toolbar",s)},o.createElement(v.Provider,{value:u},i))});c.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=T("ToolbarGroup"),i=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:p("rt-ToolbarGroup",t)},o.createElement(S.Provider,{value:i},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var G=o.forwardRef((t,r)=>{let e=T("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:i,color:b,disabled:u,...m}=t,z=D(t["aria-pressed"]),O="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":z?"on":"off"},f={size:n??e.size,variant:i??(a?"ghost":"soft"),color:b??(i?void 0:"gray"),...O};return o.createElement(P.Button,{asChild:!0,ref:r,disabled:u||a?.disabled||void 0},s?o.createElement(x,{...m,...f}):o.createElement(B,{...m,...f}))});G.displayName="Toolbar.Button";var N=o.forwardRef(({className:t,...r},e)=>(T("ToolbarSeparator"),o.createElement(P.Separator,{...r,ref:e,className:p("rt-ToolbarSeparator",t)})));N.displayName="Toolbar.Separator";var h={1:"2",2:"3",3:"4",4:"5"},g=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=T("ToolbarTitle");return r==null||r===!1?null:o.createElement(R,{ref:s,as:"span",size:h[n],weight:"medium",truncate:!0,id:a,style:e,className:p("rt-ToolbarTitle",t)},r)});g.displayName="Toolbar.Title";var V=Object.assign(c,{Root:c,Group:C,Button:G,Separator:N,Title:g});export{c as a,C as b,G as c,N as d,g as e,V as f};
-//# sourceMappingURL=chunk-VV67KTKA.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toolbar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Toolbar as ToolbarPrimitive } from 'radix-ui';\n\nimport { toolbarRootPropDefs } from './toolbar.props.js';\nimport { Button } from './button.js';\nimport { IconButton } from './icon-button.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ButtonProps } from './button.js';\nimport type { TextProps } from './text.js';\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\n/*\n * Toolbar takes Kookie UI v2's contract (v2: components/toolbar), built on Radix instead of\n * Base UI. A toolbar is a row of controls with ONE tab stop: `role=\"toolbar\"`, and the arrow\n * keys move focus between its controls. That keyboard is the reason it is a component.\n *\n * Its `size` reaches every control inside it that does not state its own. The row itself paints\n * nothing; a `ToolbarGroup` draws a quiet well around controls that belong together, and a\n * `ToolbarSeparator` draws a gray hairline between clusters. Use a `Flex` to cluster controls\n * without a well: the row spaces the clusters with `space-between`.\n *\n * The band anchored to a pane's edge (Left / Center / Right / Title) that this name used to\n * mean is `AppBar` since 0.11.0.\n */\n\ntype ToolbarSize = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['size']>;\ntype ToolbarOrientation = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['orientation']>;\n\ninterface ToolbarContextValue {\n  size: ToolbarSize;\n  orientation: ToolbarOrientation;\n}\n\nconst ToolbarContext = React.createContext<ToolbarContextValue | null>(null);\n\n/** Set by a `ToolbarGroup`: its children rest quiet, and `disabled` turns them all off. */\nconst ToolbarGroupContext = React.createContext<{ disabled: boolean } | null>(null);\n\nfunction useToolbarContext(consumer: string): ToolbarContextValue {\n  const context = React.useContext(ToolbarContext);\n  if (!context) {\n    throw new Error(`${consumer} must be rendered inside a Toolbar.`);\n  }\n  return context;\n}\n\n// ============================================================================\n// Toolbar (root)\n// ============================================================================\n\ntype ToolbarOwnProps = GetPropDefTypes<typeof toolbarRootPropDefs>;\n\ninterface ToolbarProps\n  extends ComponentPropsWithout<typeof ToolbarPrimitive.Root, RemovedProps | 'orientation'>,\n    ToolbarOwnProps,\n    MarginProps {}\n\n/**\n * A row of controls with one keyboard tab stop. The arrow keys move focus between the controls.\n *\n * Give it an `aria-label` (or `aria-labelledby`) that says what the controls act on.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Formatting\">\n *   <ToolbarGroup>\n *     <ToolbarButton iconOnly aria-label=\"Bold\" aria-pressed={bold} onClick={toggleBold}>\n *       <HugeiconsIcon icon={TextBoldIcon} strokeWidth={1.75} />\n *     </ToolbarButton>\n *   </ToolbarGroup>\n *   <ToolbarSeparator />\n *   <ToolbarButton>Share</ToolbarButton>\n * </Toolbar>\n * ```\n */\nconst ToolbarRoot = React.forwardRef<HTMLDivElement, ToolbarProps>((props, forwardedRef) => {\n  const size: ToolbarSize = props.size ?? toolbarRootPropDefs.size.default;\n  const orientation: ToolbarOrientation = props.orientation ?? toolbarRootPropDefs.orientation.default;\n  const { className, orientation: _orientation, children, ...rootProps } = extractProps(\n    props,\n    toolbarRootPropDefs,\n    marginPropDefs,\n  );\n\n  const context = React.useMemo(() => ({ size, orientation }), [size, orientation]);\n\n  return (\n    <ToolbarPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      className={classNames('rt-Toolbar', className)}\n    >\n      <ToolbarContext.Provider value={context}>{children}</ToolbarContext.Provider>\n    </ToolbarPrimitive.Root>\n  );\n});\nToolbarRoot.displayName = 'Toolbar';\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ninterface ToolbarGroupProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /** Turns every control in the group off at once. */\n  disabled?: boolean;\n}\n\n/**\n * Controls that belong together, drawn as one quiet well that stands level with a button\n * beside it. Buttons inside it rest as `ghost` unless they state a `variant`.\n * To cluster controls without a well, use a `Flex`.\n */\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroupProps>(\n  ({ className, disabled = false, children, ...props }, forwardedRef) => {\n    const { orientation } = useToolbarContext('ToolbarGroup');\n    const group = React.useMemo(() => ({ disabled }), [disabled]);\n    return (\n      <div\n        role=\"group\"\n        data-orientation={orientation}\n        data-disabled={disabled || undefined}\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-ToolbarGroup', className)}\n      >\n        <ToolbarGroupContext.Provider value={group}>{children}</ToolbarGroupContext.Provider>\n      </div>\n    );\n  },\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonBaseProps = Omit<ButtonProps, 'as' | 'asChild'>;\n\n/** A labelled button: takes every `Button` prop. */\ntype ToolbarTextButtonProps = ToolbarButtonBaseProps & {\n  iconOnly?: false;\n};\n\n/** An icon-only button: renders an `IconButton`, and the type requires an `aria-label`. */\ntype ToolbarIconButtonProps = Omit<ToolbarButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'overrideStyles'> & {\n  iconOnly: true;\n  /** The control's accessible name. An icon has no words of its own, so this is required. */\n  'aria-label': string;\n};\n\ntype ToolbarButtonProps = ToolbarTextButtonProps | ToolbarIconButtonProps;\n\nfunction isPressed(value: React.AriaAttributes['aria-pressed']) {\n  return value === true || value === 'true';\n}\n\n/**\n * A `Button` that joins the toolbar's keyboard navigation, so a row of them is one tab stop.\n *\n * Set `iconOnly` (with an `aria-label`) for a symbol-only control. Set `aria-pressed` for a\n * control that toggles; a pressed button wears Button's pressed look.\n *\n * It takes the toolbar's `size`, and rests as a gray `soft` button (gray `ghost` inside a\n * `ToolbarGroup`). A stated `size`, `variant` or `color` wins; a stated `variant` without a\n * `color` takes Button's own default colour. It throws outside a `Toolbar`.\n */\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((props, forwardedRef) => {\n  const toolbar = useToolbarContext('ToolbarButton');\n  const group = React.useContext(ToolbarGroupContext);\n  const { iconOnly, size, variant, color, disabled, ...rest } = props;\n\n  const pressed = isPressed(props['aria-pressed']);\n  const stateProps =\n    'data-state' in props || props['aria-pressed'] === undefined ? {} : { 'data-state': pressed ? 'on' : 'off' };\n\n  const shared = {\n    size: size ?? toolbar.size,\n    variant: variant ?? (group ? 'ghost' : 'soft'),\n    // The gray rest is a pair with the default variant: a caller who states a variant gets\n    // Button's own colour for it unless they state a colour too.\n    color: color ?? (variant ? undefined : 'gray'),\n    ...stateProps,\n  } as const;\n\n  return (\n    <ToolbarPrimitive.Button asChild ref={forwardedRef} disabled={disabled || group?.disabled || undefined}>\n      {iconOnly ? (\n        <IconButton {...(rest as Omit<ToolbarIconButtonProps, 'iconOnly'>)} {...shared} />\n      ) : (\n        <Button {...(rest as Omit<ToolbarTextButtonProps, 'iconOnly'>)} {...shared} />\n      )}\n    </ToolbarPrimitive.Button>\n  );\n});\nToolbarButton.displayName = 'Toolbar.Button';\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = ComponentPropsWithout<typeof ToolbarPrimitive.Separator, RemovedProps | 'orientation'>;\n\n/**\n * A gray hairline between two clusters, announced as a separator. Its direction is always\n * opposite to the toolbar's.\n */\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    useToolbarContext('ToolbarSeparator');\n    return (\n      <ToolbarPrimitive.Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('rt-ToolbarSeparator', className)}\n      />\n    );\n  },\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\n// ============================================================================\n// ToolbarTitle\n// ============================================================================\n\n/** The title's text step: one step above the label of a button at the same size. */\nconst TITLE_SIZE = { '1': '2', '2': '3', '3': '4', '4': '5' } as const satisfies Record<ToolbarSize, TextProps['size']>;\n\ninterface ToolbarTitleProps {\n  /** The title text. With none, the title renders nothing. */\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** The id of the title, so that the toolbar's `aria-labelledby` can point at it. */\n  id?: string;\n}\n\n/**\n * What the row is about, at its leading edge. One line: it truncates rather than wrapping.\n * Its text step follows the toolbar's `size`, and it takes more air from the controls beside it\n * than they take from each other.\n */\nconst ToolbarTitle = React.forwardRef<HTMLSpanElement, ToolbarTitleProps>(\n  ({ className, children, style, id }, forwardedRef) => {\n    const { size } = useToolbarContext('ToolbarTitle');\n    if (children === undefined || children === null || children === false) return null;\n    return (\n      <Text\n        ref={forwardedRef}\n        as=\"span\"\n        size={TITLE_SIZE[size]}\n        weight=\"medium\"\n        truncate\n        id={id}\n        style={style}\n        className={classNames('rt-ToolbarTitle', className)}\n      >\n        {children}\n      </Text>\n    );\n  },\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = Object.assign(ToolbarRoot, {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Separator: ToolbarSeparator,\n  Title: ToolbarTitle,\n});\n\nexport {\n  Toolbar,\n  ToolbarGroup,\n  ToolbarButton,\n  ToolbarSeparator,\n  ToolbarTitle,\n  ToolbarRoot as Root,\n  ToolbarGroup as Group,\n  ToolbarButton as Button,\n  ToolbarSeparator as Separator,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarProps,\n  ToolbarGroupProps,\n  ToolbarButtonProps,\n  ToolbarSeparatorProps,\n  ToolbarTitleProps,\n  ToolbarProps as RootProps,\n  ToolbarGroupProps as GroupProps,\n  ToolbarButtonProps as ButtonProps,\n  ToolbarSeparatorProps as SeparatorProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "ToolbarPrimitive", "ToolbarContext", "ToolbarGroupContext", "useToolbarContext", "consumer", "context", "ToolbarRoot", "props", "forwardedRef", "size", "toolbarRootPropDefs", "orientation", "className", "_orientation", "children", "rootProps", "extractProps", "marginPropDefs", "ToolbarPrimitive", "classNames", "ToolbarGroup", "disabled", "group", "isPressed", "value", "ToolbarButton", "toolbar", "iconOnly", "variant", "color", "rest", "pressed", "stateProps", "shared", "IconButton", "Button", "ToolbarSeparator", "TITLE_SIZE", "ToolbarTitle", "style", "id", "Text", "Toolbar"]
-}

package/dist/esm/chunk-WXBTPEFO.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-YDPCJO5G.js";import*as e from"react";import"radix-ui";var r=e.forwardRef((t,n)=>e.createElement(o,{...t,iconOnly:!0,ref:n}));r.displayName="ToggleIconButton";export{r as a};
-//# sourceMappingURL=chunk-WXBTPEFO.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toggle-icon-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { ToggleButton } from './toggle-button.js';\nimport { BaseButton } from './_internal/base-button.js';\nimport type { IconButtonProps } from './icon-button.js';\n\ntype ToggleIconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Extract toggle-specific props from Radix Toggle\n * These props control the toggle state and behavior\n */\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof Toggle.Root>;\n\n/**\n * Required accessibility props for icon buttons (same as IconButton)\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Combine IconButton props with Toggle-specific props\n * Includes tooltip props from IconButton for comprehensive functionality\n */\ninterface ToggleIconButtonProps extends Omit<IconButtonProps, 'as'> {\n  /** Controlled pressed state */\n  pressed?: ToggleProps['pressed'];\n  /** Callback when pressed state changes */\n  onPressedChange?: ToggleProps['onPressedChange'];\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: ToggleProps['defaultPressed'];\n}\n\n/**\n * Intersection with accessibility props to ensure compliance\n * This type ensures all ToggleIconButton instances have proper accessibility\n */\ntype ToggleIconButtonPropsWithAccessibility = ToggleIconButtonProps & AccessibilityProps;\n\n/**\n * ToggleIconButton component for icon buttons that can be pressed/unpressed. It is\n * `ToggleButton` with `iconOnly` set, kept as its own name for its stricter type.\n *\n * The ToggleIconButton component extends IconButton with toggle functionality\n * using Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing IconButton component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic state validation and warnings\n * - Seamless integration with IconButton props and styling\n * - Proper ARIA attributes for toggle functionality\n * - Built-in tooltip support from IconButton\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle icon button\n * <ToggleIconButton defaultPressed={false} aria-label=\"Toggle notifications\">\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Controlled toggle icon button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleIconButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n *   aria-label=\"Toggle notifications\"\n * >\n *   <Bell />\n * </ToggleIconButton>\n *\n * // Toggle icon button with tooltip\n * <ToggleIconButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n *   aria-label=\"Toggle feature\"\n *   tooltip=\"Toggle this feature on/off\"\n * >\n *   <Star />\n * </ToggleIconButton>\n *\n * // Toggle icon button with aria-labelledby\n * <ToggleIconButton\n *   aria-labelledby=\"notifications-label\"\n *   pressed={notificationsEnabled}\n *   onPressedChange={setNotificationsEnabled}\n * >\n *   <Bell />\n * </ToggleIconButton>\n * <span id=\"notifications-label\">Toggle notifications</span>\n * ```\n */\nconst ToggleIconButton = React.forwardRef<ToggleIconButtonElement, ToggleIconButtonPropsWithAccessibility>((props, forwardedRef) => (\n  <ToggleButton {...(props as React.ComponentPropsWithoutRef<typeof ToggleButton>)} iconOnly ref={forwardedRef} />\n));\nToggleIconButton.displayName = 'ToggleIconButton';\n\nexport { ToggleIconButton };\nexport type { ToggleIconButtonPropsWithAccessibility as ToggleIconButtonProps };\n"],
-  "mappings": "wCAAA,UAAYA,MAAW,QACvB,MAAuB,WAyGvB,IAAMC,EAAyB,aAA4E,CAACC,EAAOC,IACjH,gBAACC,EAAA,CAAc,GAAIF,EAA+D,SAAQ,GAAC,IAAKC,EAAc,CAC/G,EACDF,EAAiB,YAAc",
-  "names": ["React", "ToggleIconButton", "props", "forwardedRef", "ToggleButton"]
-}

package/dist/esm/chunk-YDPCJO5G.js

@@ -1,2 +0,0 @@
-import{a as g}from"./chunk-VK7RNXUO.js";import{a as s}from"./chunk-3DEZMXFF.js";import*as e from"react";import{Toggle as d}from"radix-ui";var B=e.forwardRef(({pressed:a,onPressedChange:u,defaultPressed:f,children:t,...l},c)=>{let{"aria-label":r,"aria-labelledby":o,iconOnly:p}=l,n=e.useRef(null);e.useEffect(()=>{n.current=null},[o]);let i=e.useCallback(()=>r||(o?(n.current===null&&(n.current=document.getElementById(o)?.textContent||"Toggle button"),n.current):typeof t=="string"?t:e.isValidElement(t)&&typeof t.props?.children=="string"?t.props.children:"Toggle button"),[r,o,t]),{handlePressedChange:m}=g({pressed:a,onPressedChange:u,getAccessibleName:i,componentName:p?"ToggleIconButton":"ToggleButton"});return e.createElement(d.Root,{pressed:a,onPressedChange:m,defaultPressed:f,asChild:!0},e.createElement(s,{...l,ref:c},t))});B.displayName="ToggleButton";export{B as a};
-//# sourceMappingURL=chunk-YDPCJO5G.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toggle-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Toggle } from 'radix-ui';\nimport { Button } from './button.js';\nimport { useToggleState } from '../hooks/use-toggle-state.js';\n\n/**\n * ToggleButton props that extend Button with toggle-specific functionality\n *\n * The ToggleButton component provides a button that can be pressed/unpressed\n * with proper accessibility announcements and state management.\n */\ninterface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof Button> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Callback when pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n  /** Default pressed state for uncontrolled usage */\n  defaultPressed?: boolean;\n}\n\ntype ToggleButtonElement = React.ElementRef<typeof Button>;\n\n/**\n * ToggleButton component for buttons that can be pressed/unpressed\n *\n * The ToggleButton component extends Button with toggle functionality using\n * Radix UI's Toggle primitive. It provides proper accessibility announcements,\n * controlled/uncontrolled state management, and seamless integration with\n * the existing Button component.\n *\n * Key features:\n * - Controlled and uncontrolled state management\n * - Live accessibility announcements for screen readers\n * - Automatic state validation and warnings\n * - Seamless integration with Button props and styling\n * - Proper ARIA attributes for toggle functionality\n *\n * @example\n * ```tsx\n * // Uncontrolled toggle button\n * <ToggleButton defaultPressed={false}>\n *   Toggle Me\n * </ToggleButton>\n *\n * // Controlled toggle button\n * const [pressed, setPressed] = React.useState(false);\n * <ToggleButton\n *   pressed={pressed}\n *   onPressedChange={setPressed}\n * >\n *   {pressed ? 'On' : 'Off'}\n * </ToggleButton>\n *\n * // Toggle button with all Button props\n * <ToggleButton\n *   variant=\"solid\"\n *   size=\"3\"\n *   color=\"blue\"\n *   pressed={isActive}\n *   onPressedChange={setIsActive}\n * >\n *   {isActive ? 'Active' : 'Inactive'}\n * </ToggleButton>\n * ```\n */\nconst ToggleButton = React.forwardRef<ToggleButtonElement, ToggleButtonProps>(({ pressed, onPressedChange, defaultPressed, children, ...buttonProps }, forwardedRef) => {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, iconOnly } = buttonProps;\n\n  // The label behind aria-labelledby is read once per id, not on every press.\n  const cachedLabelRef = React.useRef<string | null>(null);\n  React.useEffect(() => {\n    cachedLabelRef.current = null;\n  }, [ariaLabelledBy]);\n\n  /**\n   * The name announced when the pressed state changes: aria-label, then the label\n   * aria-labelledby points at, then visible text.\n   */\n  const getAccessibleName = React.useCallback(() => {\n    if (ariaLabel) return ariaLabel;\n    if (ariaLabelledBy) {\n      if (cachedLabelRef.current === null) {\n        cachedLabelRef.current = document.getElementById(ariaLabelledBy)?.textContent || 'Toggle button';\n      }\n      return cachedLabelRef.current;\n    }\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 'Toggle button';\n  }, [ariaLabel, ariaLabelledBy, children]);\n\n  // Use shared toggle state hook for accessibility announcements and warnings\n  const { handlePressedChange } = useToggleState({\n    pressed,\n    onPressedChange,\n    getAccessibleName,\n    componentName: iconOnly ? 'ToggleIconButton' : 'ToggleButton',\n  });\n\n  // Render the toggle button using Radix UI's Toggle primitive\n  // This provides proper ARIA attributes and keyboard navigation\n  return (\n    <Toggle.Root pressed={pressed} onPressedChange={handlePressedChange} defaultPressed={defaultPressed} asChild>\n      <Button {...buttonProps} ref={forwardedRef}>\n        {children}\n      </Button>\n    </Toggle.Root>\n  );\n});\nToggleButton.displayName = 'ToggleButton';\n\nexport { ToggleButton };\nexport type { ToggleButtonProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAS,UAAAC,MAAc,WAgEvB,IAAMC,EAAqB,aAAmD,CAAC,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,eAAAC,EAAgB,SAAAC,EAAU,GAAGC,CAAY,EAAGC,IAAiB,CACtK,GAAM,CAAE,aAAcC,EAAW,kBAAmBC,EAAgB,SAAAC,CAAS,EAAIJ,EAG3EK,EAAuB,SAAsB,IAAI,EACjD,YAAU,IAAM,CACpBA,EAAe,QAAU,IAC3B,EAAG,CAACF,CAAc,CAAC,EAMnB,IAAMG,EAA0B,cAAY,IACtCJ,IACAC,GACEE,EAAe,UAAY,OAC7BA,EAAe,QAAU,SAAS,eAAeF,CAAc,GAAG,aAAe,iBAE5EE,EAAe,SAEpB,OAAON,GAAa,SAAiBA,EAC/B,iBAAeA,CAAQ,GAAK,OAAQA,EAAS,OAAe,UAAa,SACzEA,EAAS,MAAc,SAE1B,iBACN,CAACG,EAAWC,EAAgBJ,CAAQ,CAAC,EAGlC,CAAE,oBAAAQ,CAAoB,EAAIC,EAAe,CAC7C,QAAAZ,EACA,gBAAAC,EACA,kBAAAS,EACA,cAAeF,EAAW,mBAAqB,cACjD,CAAC,EAID,OACE,gBAACK,EAAO,KAAP,CAAY,QAASb,EAAS,gBAAiBW,EAAqB,eAAgBT,EAAgB,QAAO,IAC1G,gBAACY,EAAA,CAAQ,GAAGV,EAAa,IAAKC,GAC3BF,CACH,CACF,CAEJ,CAAC,EACDJ,EAAa,YAAc",
-  "names": ["React", "Toggle", "ToggleButton", "pressed", "onPressedChange", "defaultPressed", "children", "buttonProps", "forwardedRef", "ariaLabel", "ariaLabelledBy", "iconOnly", "cachedLabelRef", "getAccessibleName", "handlePressedChange", "useToggleState", "Toggle", "Button"]
-}