@burtson-labs/ui 0.13.0 → 0.14.0

package/dist/components/editor-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-tabs.js","names":[],"sources":["../../src/components/editor-tabs.tsx"],"sourcesContent":["import X from '@burtson-labs/icons/react/x';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface EditorTab {\n  /** Stable identity, usually the file path. */\n  id: string;\n  label: string;\n  /** Full path or context; the tooltip and the accessible description. */\n  description?: string;\n  icon?: React.ReactNode;\n  /** Unsaved changes: a dot replaces the close button until hover. */\n  dirty?: boolean;\n  /** Default true. */\n  closeable?: boolean;\n  /** A preview tab that the next opened file replaces; shown in italics. */\n  preview?: boolean;\n  /** The id of the panel this tab shows, for aria-controls. */\n  controls?: string;\n}\n\nexport interface EditorTabsProps extends Omit<\n  React.ComponentProps<'div'>,\n  'children' | 'aria-label'\n> {\n  tabs: EditorTab[];\n  activeId: string | null;\n  onActiveChange: (id: string) => void;\n  /**\n   * A request to close. The component never removes a tab itself: for a dirty\n   * tab, ask the person (save, discard, cancel) and then update `tabs`.\n   */\n  onClose?: (id: string) => void;\n  /**\n   * Reorder by drag or Ctrl+Shift+PageUp/PageDown. `toIndex` is the new position.\n   * Dragging uses pointer events, not HTML5 drag and drop, so it also works in\n   * desktop webviews (Tauri, Electron) that intercept native drags.\n   */\n  onMove?: (id: string, toIndex: number) => void;\n  /** Required: e.g. \"Open editors\". */\n  'aria-label': string;\n  /** Right-hand slot for split, more and similar buttons. */\n  actions?: React.ReactNode;\n  /** Right-click on a tab. */\n  onTabContextMenu?: (id: string, event: React.MouseEvent) => void;\n}\n\n/**\n * The strip of open files above an editor. One tab stop; Left/Right/Home/End\n * move focus, Enter or Space opens, Delete asks to close, Ctrl+Shift+PageUp\n * and PageDown move the tab. Middle-click closes. The strip scrolls when the\n * tabs overflow and keeps the active tab in view.\n */\nfunction EditorTabs({\n  tabs,\n  activeId,\n  onActiveChange,\n  onClose,\n  onMove,\n  actions,\n  onTabContextMenu,\n  className,\n  'aria-label': ariaLabel,\n  ...props\n}: EditorTabsProps) {\n  const baseId = React.useId();\n  const tabRefs = React.useRef(new Map<string, HTMLButtonElement>());\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const [focusedId, setFocusedId] = React.useState<string | null>(null);\n  const [dragId, setDragId] = React.useState<string | null>(null);\n  // The gap a dragged tab would land in: 0 is before the first tab,\n  // tabs.length after the last.\n  const [dropGap, setDropGap] = React.useState<number | null>(null);\n  // Set once a press becomes a drag, so the click that ends it does nothing.\n  const dragged = React.useRef(false);\n  const dragCleanup = React.useRef<(() => void) | null>(null);\n  React.useEffect(() => () => dragCleanup.current?.(), []);\n  const lastIds = React.useRef<string[]>([]);\n  const hadFocus = React.useRef(false);\n\n  const ids = tabs.map((t) => t.id);\n  const idsKey = ids.join('\\u0000');\n  const tabStop =\n    (focusedId && ids.includes(focusedId) ? focusedId : null) ??\n    (activeId && ids.includes(activeId) ? activeId : null) ??\n    ids[0] ??\n    null;\n\n  React.useEffect(() => {\n    if (activeId)\n      tabRefs.current.get(activeId)?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n  }, [activeId]);\n\n  // After a close, keep keyboard focus in the strip: the active tab if the\n  // app picked one, else the neighbour at the closed tab's position.\n  React.useLayoutEffect(() => {\n    if (focusedId && !ids.includes(focusedId)) {\n      const next =\n        (activeId && ids.includes(activeId) ? activeId : null) ??\n        ids[Math.min(Math.max(0, lastIds.current.indexOf(focusedId)), ids.length - 1)] ??\n        null;\n      setFocusedId(next);\n      const active = document.activeElement;\n      if (next && hadFocus.current && (!active || active === document.body))\n        tabRefs.current.get(next)?.focus();\n    }\n    lastIds.current = ids;\n    // ids is derived from tabs each render; idsKey is its stable form.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusedId, idsKey, activeId]);\n\n  /** Which gap the pointer is over, measured from the rendered tabs. */\n  const gapAt = (clientX: number) => {\n    const els = Array.from(\n      listRef.current?.querySelectorAll<HTMLElement>('[data-slot=\"editor-tab\"]') ?? [],\n    );\n    const rtl = listRef.current ? getComputedStyle(listRef.current).direction === 'rtl' : false;\n    for (let i = 0; i < els.length; i++) {\n      const rect = els[i]!.getBoundingClientRect();\n      const mid = rect.left + rect.width / 2;\n      if (rtl ? clientX > mid : clientX < mid) return i;\n    }\n    return els.length;\n  };\n\n  const startDrag = (event: React.PointerEvent, id: string) => {\n    if (!onMove || event.button !== 0) return;\n    dragCleanup.current?.();\n    dragged.current = false;\n    const downX = event.clientX;\n    const move = (e: PointerEvent) => {\n      // A few pixels of slop so an ordinary click is not read as a drag.\n      if (!dragged.current && Math.abs(e.clientX - downX) < 4) return;\n      if (!dragged.current) {\n        dragged.current = true;\n        setDragId(id);\n      }\n      setDropGap(gapAt(e.clientX));\n    };\n    const stop = (e: PointerEvent | null) => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', up);\n      window.removeEventListener('pointercancel', cancel);\n      dragCleanup.current = null;\n      if (e && dragged.current) {\n        const from = lastIds.current.indexOf(id);\n        const gap = gapAt(e.clientX);\n        const to = gap > from ? gap - 1 : gap;\n        if (from !== -1 && to !== from) onMove(id, to);\n      }\n      setDragId(null);\n      setDropGap(null);\n    };\n    const up = (e: PointerEvent) => stop(e);\n    const cancel = () => stop(null);\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', up);\n    window.addEventListener('pointercancel', cancel);\n    dragCleanup.current = () => stop(null);\n  };\n\n  const focusTab = (id: string | undefined) => {\n    if (!id) return;\n    setFocusedId(id);\n    tabRefs.current.get(id)?.focus();\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, tab: EditorTab) => {\n    const i = ids.indexOf(tab.id);\n    const rtl = listRef.current ? getComputedStyle(listRef.current).direction === 'rtl' : false;\n    const [prev, next] = rtl ? ['ArrowRight', 'ArrowLeft'] : ['ArrowLeft', 'ArrowRight'];\n    let handled = true;\n    if (event.ctrlKey && event.shiftKey && (event.key === 'PageUp' || event.key === 'PageDown')) {\n      const to = event.key === 'PageUp' ? i - 1 : i + 1;\n      if (onMove && to >= 0 && to < ids.length) onMove(tab.id, to);\n    } else if (event.key === prev) focusTab(ids[(i - 1 + ids.length) % ids.length]);\n    else if (event.key === next) focusTab(ids[(i + 1) % ids.length]);\n    else if (event.key === 'Home') focusTab(ids[0]);\n    else if (event.key === 'End') focusTab(ids[ids.length - 1]);\n    else if (event.key === 'Delete' && tab.closeable !== false && onClose) onClose(tab.id);\n    else handled = false;\n    if (handled) event.preventDefault();\n  };\n\n  return (\n    <div\n      data-slot=\"editor-tabs\"\n      className={cn('flex h-9 min-w-0 items-stretch border-b bg-surface-muted', className)}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        className=\"flex min-w-0 flex-1 items-stretch overflow-x-auto [scrollbar-width:thin]\"\n        onFocus={() => (hadFocus.current = true)}\n        onBlur={(event) => {\n          if (!listRef.current?.contains(event.relatedTarget)) hadFocus.current = false;\n        }}\n      >\n        {tabs.map((tab, i) => {\n          const active = tab.id === activeId;\n          const closeable = tab.closeable !== false && Boolean(onClose);\n          const tabId = `${baseId}-tab-${i}`;\n          return (\n            <div\n              key={tab.id}\n              data-slot=\"editor-tab\"\n              data-state={active ? 'active' : 'inactive'}\n              data-dirty={tab.dirty || undefined}\n              data-dragging={dragId === tab.id || undefined}\n              data-drop={\n                dragId === null\n                  ? undefined\n                  : dropGap === i\n                    ? 'before'\n                    : dropGap === tabs.length && i === tabs.length - 1\n                      ? 'after'\n                      : undefined\n              }\n              onPointerDown={(event) => startDrag(event, tab.id)}\n              onClickCapture={(event) => {\n                // Swallow the click that ends a drag.\n                if (dragged.current) {\n                  dragged.current = false;\n                  event.stopPropagation();\n                  event.preventDefault();\n                }\n              }}\n              onAuxClick={(event) => {\n                if (event.button === 1 && closeable) {\n                  event.preventDefault();\n                  onClose?.(tab.id);\n                }\n              }}\n              onContextMenu={\n                onTabContextMenu ? (event) => onTabContextMenu(tab.id, event) : undefined\n              }\n              className={cn(\n                'group/tab relative flex max-w-60 shrink-0 items-center border-e text-[13px] text-muted-foreground',\n                'hover:bg-muted/60 data-[state=active]:bg-background data-[state=active]:text-foreground',\n                // The active tab's top edge carries the brand colour.\n                'data-[state=active]:before:absolute data-[state=active]:before:inset-x-0 data-[state=active]:before:top-0 data-[state=active]:before:h-0.5 data-[state=active]:before:bg-brand data-[state=active]:before:content-[\"\"]',\n                'data-[dragging]:opacity-50 data-[dragging]:select-none',\n                // Where a dragged tab will land.\n                'data-[drop=before]:shadow-[inset_2px_0_0_var(--brand)] data-[drop=after]:shadow-[inset_-2px_0_0_var(--brand)]',\n              )}\n            >\n              <button\n                ref={(el) => {\n                  if (el) tabRefs.current.set(tab.id, el);\n                  else tabRefs.current.delete(tab.id);\n                }}\n                type=\"button\"\n                role=\"tab\"\n                id={tabId}\n                aria-selected={active}\n                aria-controls={tab.controls}\n                aria-describedby={tab.description ? `${tabId}-desc` : undefined}\n                title={tab.description}\n                tabIndex={tab.id === tabStop ? 0 : -1}\n                onFocus={() => setFocusedId(tab.id)}\n                onClick={() => onActiveChange(tab.id)}\n                onKeyDown={(event) => onKeyDown(event, tab)}\n                className={cn(\n                  'flex h-full min-w-0 items-center gap-1.5 ps-3 outline-none focus-visible:shadow-[inset_0_0_0_1px_var(--ring)]',\n                  closeable ? 'pe-1' : 'pe-3',\n                )}\n              >\n                {tab.icon && (\n                  <span aria-hidden className=\"flex shrink-0 [&_svg]:size-4\">\n                    {tab.icon}\n                  </span>\n                )}\n                <span className={cn('truncate', tab.preview && 'italic')}>{tab.label}</span>\n                {tab.dirty && <span className=\"sr-only\">, unsaved changes</span>}\n              </button>\n              {tab.description && (\n                <span id={`${tabId}-desc`} hidden>\n                  {tab.description}\n                </span>\n              )}\n              {closeable ? (\n                <button\n                  type=\"button\"\n                  tabIndex={-1}\n                  aria-label={`Close ${tab.label}`}\n                  title=\"Close (Delete)\"\n                  onClick={() => onClose?.(tab.id)}\n                  className=\"me-1 flex size-5 shrink-0 items-center justify-center rounded-xs text-muted-foreground outline-none hover:bg-muted hover:text-foreground\"\n                >\n                  {tab.dirty && (\n                    <span\n                      aria-hidden\n                      className=\"size-2 rounded-full bg-foreground/70 group-hover/tab:hidden\"\n                    />\n                  )}\n                  <X\n                    aria-hidden\n                    className={cn(\n                      'size-3.5',\n                      tab.dirty\n                        ? 'hidden group-hover/tab:block'\n                        : 'opacity-0 group-hover/tab:opacity-100 group-data-[state=active]/tab:opacity-100 group-focus-within/tab:opacity-100',\n                    )}\n                  />\n                </button>\n              ) : tab.dirty ? (\n                <span aria-hidden className=\"me-3 size-2 shrink-0 rounded-full bg-foreground/70\" />\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n      {actions && (\n        <div data-slot=\"editor-tabs-actions\" className=\"flex shrink-0 items-center gap-0.5 px-1\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { EditorTabs };\n"],"mappings":"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"}
+{"version":3,"file":"editor-tabs.js","names":[],"sources":["../../src/components/editor-tabs.tsx"],"sourcesContent":["import X from '@burtson-labs/icons/react/x';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface EditorTab {\n  /** Stable identity, usually the file path. */\n  id: string;\n  label: string;\n  /** Full path or context; the tooltip and the accessible description. */\n  description?: string;\n  icon?: React.ReactNode;\n  /** Unsaved changes: a dot replaces the close button until hover. */\n  dirty?: boolean;\n  /** Default true. */\n  closeable?: boolean;\n  /** A preview tab that the next opened file replaces; shown in italics. */\n  preview?: boolean;\n  /** The id of the panel this tab shows, for aria-controls. */\n  controls?: string;\n}\n\nexport interface EditorTabsProps extends Omit<\n  React.ComponentProps<'div'>,\n  'children' | 'aria-label'\n> {\n  tabs: EditorTab[];\n  activeId: string | null;\n  onActiveChange: (id: string) => void;\n  /**\n   * A request to close. The component never removes a tab itself: for a dirty\n   * tab, ask the person (save, discard, cancel) and then update `tabs`.\n   */\n  onClose?: (id: string) => void;\n  /**\n   * Reorder by drag or Ctrl+Shift+PageUp/PageDown. `toIndex` is the new position.\n   * Dragging uses pointer events, not HTML5 drag and drop, so it also works in\n   * desktop webviews (Tauri, Electron) that intercept native drags.\n   */\n  onMove?: (id: string, toIndex: number) => void;\n  /** Required: e.g. \"Open editors\". */\n  'aria-label': string;\n  /** Right-hand slot for split, more and similar buttons. */\n  actions?: React.ReactNode;\n  /** Right-click on a tab. */\n  onTabContextMenu?: (id: string, event: React.MouseEvent) => void;\n}\n\n/**\n * The strip of open files above an editor. One tab stop; Left/Right/Home/End\n * move focus, Enter or Space opens, Delete asks to close, Ctrl+Shift+PageUp\n * and PageDown move the tab. Middle-click closes. The strip scrolls when the\n * tabs overflow and keeps the active tab in view.\n */\nfunction EditorTabs({\n  tabs,\n  activeId,\n  onActiveChange,\n  onClose,\n  onMove,\n  actions,\n  onTabContextMenu,\n  className,\n  'aria-label': ariaLabel,\n  ...props\n}: EditorTabsProps) {\n  const baseId = React.useId();\n  const tabRefs = React.useRef(new Map<string, HTMLButtonElement>());\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const [focusedId, setFocusedId] = React.useState<string | null>(null);\n  const [dragId, setDragId] = React.useState<string | null>(null);\n  // The gap a dragged tab would land in: 0 is before the first tab,\n  // tabs.length after the last.\n  const [dropGap, setDropGap] = React.useState<number | null>(null);\n  // Set once a press becomes a drag, so the click that ends it does nothing.\n  const dragged = React.useRef(false);\n  const dragCleanup = React.useRef<(() => void) | null>(null);\n  React.useEffect(() => () => dragCleanup.current?.(), []);\n  const lastIds = React.useRef<string[]>([]);\n  const hadFocus = React.useRef(false);\n\n  const ids = tabs.map((t) => t.id);\n  const idsKey = ids.join('\\u0000');\n  const tabStop =\n    (focusedId && ids.includes(focusedId) ? focusedId : null) ??\n    (activeId && ids.includes(activeId) ? activeId : null) ??\n    ids[0] ??\n    null;\n\n  React.useEffect(() => {\n    if (activeId)\n      tabRefs.current.get(activeId)?.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n  }, [activeId]);\n\n  // After a close, keep keyboard focus in the strip: the active tab if the\n  // app picked one, else the neighbour at the closed tab's position.\n  React.useLayoutEffect(() => {\n    if (focusedId && !ids.includes(focusedId)) {\n      const next =\n        (activeId && ids.includes(activeId) ? activeId : null) ??\n        ids[Math.min(Math.max(0, lastIds.current.indexOf(focusedId)), ids.length - 1)] ??\n        null;\n      setFocusedId(next);\n      const active = document.activeElement;\n      if (next && hadFocus.current && (!active || active === document.body))\n        tabRefs.current.get(next)?.focus();\n    }\n    lastIds.current = ids;\n    // ids is derived from tabs each render; idsKey is its stable form.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [focusedId, idsKey, activeId]);\n\n  /** Which gap the pointer is over, measured from the rendered tabs. */\n  const gapAt = (clientX: number) => {\n    const els = Array.from(\n      listRef.current?.querySelectorAll<HTMLElement>('[data-slot=\"editor-tab\"]') ?? [],\n    );\n    const rtl = listRef.current ? getComputedStyle(listRef.current).direction === 'rtl' : false;\n    for (let i = 0; i < els.length; i++) {\n      const rect = els[i]!.getBoundingClientRect();\n      const mid = rect.left + rect.width / 2;\n      if (rtl ? clientX > mid : clientX < mid) return i;\n    }\n    return els.length;\n  };\n\n  const startDrag = (event: React.PointerEvent, id: string) => {\n    if (!onMove || event.button !== 0) return;\n    dragCleanup.current?.();\n    dragged.current = false;\n    const downX = event.clientX;\n    const move = (e: PointerEvent) => {\n      // A few pixels of slop so an ordinary click is not read as a drag.\n      if (!dragged.current && Math.abs(e.clientX - downX) < 4) return;\n      if (!dragged.current) {\n        dragged.current = true;\n        setDragId(id);\n      }\n      setDropGap(gapAt(e.clientX));\n    };\n    const stop = (e: PointerEvent | null) => {\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', up);\n      window.removeEventListener('pointercancel', cancel);\n      dragCleanup.current = null;\n      if (e && dragged.current) {\n        const from = lastIds.current.indexOf(id);\n        const gap = gapAt(e.clientX);\n        const to = gap > from ? gap - 1 : gap;\n        if (from !== -1 && to !== from) onMove(id, to);\n      }\n      setDragId(null);\n      setDropGap(null);\n    };\n    const up = (e: PointerEvent) => stop(e);\n    const cancel = () => stop(null);\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', up);\n    window.addEventListener('pointercancel', cancel);\n    dragCleanup.current = () => stop(null);\n  };\n\n  const focusTab = (id: string | undefined) => {\n    if (!id) return;\n    setFocusedId(id);\n    tabRefs.current.get(id)?.focus();\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, tab: EditorTab) => {\n    const i = ids.indexOf(tab.id);\n    const rtl = listRef.current ? getComputedStyle(listRef.current).direction === 'rtl' : false;\n    const [prev, next] = rtl ? ['ArrowRight', 'ArrowLeft'] : ['ArrowLeft', 'ArrowRight'];\n    let handled = true;\n    if (event.ctrlKey && event.shiftKey && (event.key === 'PageUp' || event.key === 'PageDown')) {\n      const to = event.key === 'PageUp' ? i - 1 : i + 1;\n      if (onMove && to >= 0 && to < ids.length) onMove(tab.id, to);\n    } else if (event.key === prev) focusTab(ids[(i - 1 + ids.length) % ids.length]);\n    else if (event.key === next) focusTab(ids[(i + 1) % ids.length]);\n    else if (event.key === 'Home') focusTab(ids[0]);\n    else if (event.key === 'End') focusTab(ids[ids.length - 1]);\n    else if (event.key === 'Delete' && tab.closeable !== false && onClose) onClose(tab.id);\n    else handled = false;\n    if (handled) event.preventDefault();\n  };\n\n  return (\n    <div\n      data-slot=\"editor-tabs\"\n      className={cn('flex h-9 min-w-0 items-stretch border-b bg-surface-muted', className)}\n      {...props}\n    >\n      <div\n        ref={listRef}\n        role=\"tablist\"\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        className=\"flex min-w-0 flex-1 items-stretch overflow-x-auto [scrollbar-width:thin]\"\n        onFocus={() => (hadFocus.current = true)}\n        onBlur={(event) => {\n          if (!listRef.current?.contains(event.relatedTarget)) hadFocus.current = false;\n        }}\n      >\n        {tabs.map((tab, i) => {\n          const active = tab.id === activeId;\n          const closeable = tab.closeable !== false && Boolean(onClose);\n          const tabId = `${baseId}-tab-${i}`;\n          return (\n            <div\n              key={tab.id}\n              data-slot=\"editor-tab\"\n              data-state={active ? 'active' : 'inactive'}\n              data-dirty={tab.dirty || undefined}\n              data-dragging={dragId === tab.id || undefined}\n              data-drop={\n                dragId === null\n                  ? undefined\n                  : dropGap === i\n                    ? 'before'\n                    : dropGap === tabs.length && i === tabs.length - 1\n                      ? 'after'\n                      : undefined\n              }\n              onPointerDown={(event) => startDrag(event, tab.id)}\n              onClickCapture={(event) => {\n                // Swallow the click that ends a drag.\n                if (dragged.current) {\n                  dragged.current = false;\n                  event.stopPropagation();\n                  event.preventDefault();\n                }\n              }}\n              onAuxClick={(event) => {\n                if (event.button === 1 && closeable) {\n                  event.preventDefault();\n                  onClose?.(tab.id);\n                }\n              }}\n              onContextMenu={\n                onTabContextMenu ? (event) => onTabContextMenu(tab.id, event) : undefined\n              }\n              className={cn(\n                'group/tab relative flex max-w-60 shrink-0 items-center border-e text-[13px] text-muted-foreground',\n                'hover:bg-muted/60 data-[state=active]:bg-background data-[state=active]:text-foreground',\n                // The active tab's top edge carries the brand colour.\n                'data-[state=active]:before:absolute data-[state=active]:before:inset-x-0 data-[state=active]:before:top-0 data-[state=active]:before:h-0.5 data-[state=active]:before:bg-brand data-[state=active]:before:content-[\"\"]',\n                'data-[dragging]:opacity-50 data-[dragging]:select-none',\n                // Where a dragged tab will land.\n                'data-[drop=before]:shadow-[inset_2px_0_0_var(--brand)] data-[drop=after]:shadow-[inset_-2px_0_0_var(--brand)]',\n              )}\n            >\n              <button\n                ref={(el) => {\n                  if (el) tabRefs.current.set(tab.id, el);\n                  else tabRefs.current.delete(tab.id);\n                }}\n                type=\"button\"\n                role=\"tab\"\n                id={tabId}\n                aria-selected={active}\n                aria-controls={tab.controls}\n                aria-describedby={tab.description ? `${tabId}-desc` : undefined}\n                title={tab.description}\n                tabIndex={tab.id === tabStop ? 0 : -1}\n                onFocus={() => setFocusedId(tab.id)}\n                onClick={() => onActiveChange(tab.id)}\n                onKeyDown={(event) => onKeyDown(event, tab)}\n                className={cn(\n                  'flex h-full min-w-0 items-center gap-1.5 ps-3 outline-none focus-visible:shadow-[inset_0_0_0_1px_var(--ring)]',\n                  closeable ? 'pe-1' : 'pe-3',\n                )}\n              >\n                {tab.icon && (\n                  <span aria-hidden className=\"flex shrink-0 [&_svg]:size-4\">\n                    {tab.icon}\n                  </span>\n                )}\n                <span className={cn('truncate', tab.preview && 'italic')}>{tab.label}</span>\n                {tab.dirty && <span className=\"sr-only\">, unsaved changes</span>}\n              </button>\n              {tab.description && (\n                <span id={`${tabId}-desc`} hidden>\n                  {tab.description}\n                </span>\n              )}\n              {closeable ? (\n                <button\n                  type=\"button\"\n                  tabIndex={-1}\n                  aria-label={`Close ${tab.label}`}\n                  title=\"Close (Delete)\"\n                  onClick={() => onClose?.(tab.id)}\n                  className=\"me-1 flex size-5 shrink-0 items-center justify-center rounded-xs text-muted-foreground outline-none hover:bg-muted hover:text-foreground\"\n                >\n                  {tab.dirty && (\n                    <span\n                      aria-hidden\n                      className=\"size-2 rounded-full bg-foreground/70 group-hover/tab:hidden\"\n                    />\n                  )}\n                  <X\n                    aria-hidden\n                    className={cn(\n                      'size-3.5',\n                      tab.dirty\n                        ? 'hidden group-hover/tab:block'\n                        : 'opacity-0 group-hover/tab:opacity-100 group-data-[state=active]/tab:opacity-100 group-focus-within/tab:opacity-100',\n                    )}\n                  />\n                </button>\n              ) : tab.dirty ? (\n                <span aria-hidden className=\"me-3 size-2 shrink-0 rounded-full bg-foreground/70\" />\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n      {actions && (\n        <div data-slot=\"editor-tabs-actions\" className=\"flex shrink-0 items-center gap-0.5 px-1\">\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { EditorTabs };\n"],"mappings":"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"}

package/dist/components/empty-state.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","names":[],"sources":["../../src/components/empty-state.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction EmptyState({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state\"\n      className={cn(\n        'flex min-h-64 flex-col items-center justify-center rounded-xl border border-dashed border-border-strong bg-surface-muted/60 px-6 py-10 text-center',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateIcon({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\n        'mb-4 grid size-10 place-items-center rounded-lg border border-brand/15 bg-brand-soft text-brand [&_svg]:size-5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateTitle({ className, children, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"empty-state-title\"\n      className={cn('text-sm font-semibold text-foreground', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\nfunction EmptyStateDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn('mt-1 max-w-md text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state-actions\"\n      className={cn('mt-5 flex flex-wrap justify-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle };\n"],"mappings":";;;;AAIA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,kHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAAqC;CACtF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;EAEH;CACC,CAAA;AAER;AAEA,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAoC;CACjF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,SAAS;EAChF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,4CAA4C,SAAS;EACnE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../src/components/empty-state.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction EmptyState({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state\"\n      className={cn(\n        'flex min-h-64 flex-col items-center justify-center rounded-xl border border-dashed border-border-strong bg-surface-muted/60 px-6 py-10 text-center',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateIcon({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\n        'mb-4 grid size-10 place-items-center rounded-lg border border-brand/15 bg-brand-soft text-brand [&_svg]:size-5',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateTitle({ className, children, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"empty-state-title\"\n      className={cn('text-sm font-semibold text-foreground', className)}\n      {...props}\n    >\n      {children}\n    </h3>\n  );\n}\n\nfunction EmptyStateDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn('mt-1 max-w-md text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"empty-state-actions\"\n      className={cn('mt-5 flex flex-wrap justify-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle };\n"],"mappings":";;;;;AAIA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,kHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAAqC;CACtF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;EAEH;CACC,CAAA;AAER;AAEA,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAoC;CACjF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,SAAS;EAChF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,4CAA4C,SAAS;EACnE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/field.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Field({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"field\" className={cn('grid gap-1.5', className)} {...props} />;\n}\n\nfunction FieldHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-header\"\n      className={cn('flex items-baseline justify-between gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<'label'>) {\n  return (\n    // Callers pass htmlFor (or wrap the control); the rule cannot see through the spread.\n    // eslint-disable-next-line jsx-a11y/label-has-associated-control\n    <label\n      data-slot=\"field-label\"\n      className={cn('text-[13px] font-semibold text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldHint({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"field-hint\"\n      className={cn('text-xs text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn('text-xs leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldError({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-error\"\n      role=\"alert\"\n      className={cn('text-xs font-medium text-destructive', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Field, FieldDescription, FieldError, FieldHeader, FieldHint, FieldLabel };\n"],"mappings":";;;;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAQ,WAAW,GAAG,gBAAgB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACtF;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAwC;CAC1E,OAGE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAuC;CACxE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoC;CAC5E,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;CACtE,OACE,oBAAC,KAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Field({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"field\" className={cn('grid gap-1.5', className)} {...props} />;\n}\n\nfunction FieldHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"field-header\"\n      className={cn('flex items-baseline justify-between gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldLabel({ className, ...props }: React.ComponentProps<'label'>) {\n  return (\n    // Callers pass htmlFor (or wrap the control); the rule cannot see through the spread.\n    // eslint-disable-next-line jsx-a11y/label-has-associated-control\n    <label\n      data-slot=\"field-label\"\n      className={cn('text-[13px] font-semibold text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldHint({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"field-hint\"\n      className={cn('text-xs text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn('text-xs leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FieldError({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"field-error\"\n      role=\"alert\"\n      className={cn('text-xs font-medium text-destructive', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Field, FieldDescription, FieldError, FieldHeader, FieldHint, FieldLabel };\n"],"mappings":";;;;;AAIA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAQ,WAAW,GAAG,gBAAgB,SAAS;EAAG,GAAI;CAAQ,CAAA;AACtF;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAwC;CAC1E,OAGE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,6CAA6C,SAAS;EACpE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAuC;CACxE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,iCAAiC,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAoC;CAC5E,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAoC;CACtE,OACE,oBAAC,KAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/icon-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import "react";

package/dist/components/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","names":[],"sources":["../../src/components/icon-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button, type ButtonProps } from './button';\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'children'> {\n  label: string;\n  children: React.ReactNode;\n}\n\nfunction IconButton({ label, className, children, size = 'icon', ...props }: IconButtonProps) {\n  return (\n    <Button\n      aria-label={label}\n      title={props.title ?? label}\n      size={size}\n      className={cn('rounded-md', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport { IconButton };\n"],"mappings":";;;;;AAWA,SAAS,WAAW,EAAE,OAAO,WAAW,UAAU,OAAO,QAAQ,GAAG,SAA0B;CAC5F,OACE,oBAAC,QAAD;EACE,cAAY;EACZ,OAAO,MAAM,SAAS;EAChB;EACN,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;EAEH;CACK,CAAA;AAEZ"}
+{"version":3,"file":"icon-button.js","names":[],"sources":["../../src/components/icon-button.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button, type ButtonProps } from './button';\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'children'> {\n  label: string;\n  children: React.ReactNode;\n}\n\nfunction IconButton({ label, className, children, size = 'icon', ...props }: IconButtonProps) {\n  return (\n    <Button\n      aria-label={label}\n      title={props.title ?? label}\n      size={size}\n      className={cn('rounded-md', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport { IconButton };\n"],"mappings":";;;;;;AAWA,SAAS,WAAW,EAAE,OAAO,WAAW,UAAU,OAAO,QAAQ,GAAG,SAA0B;CAC5F,OACE,oBAAC,QAAD;EACE,cAAY;EACZ,OAAO,MAAM,SAAS;EAChB;EACN,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;EAEH;CACK,CAAA;AAEZ"}

package/dist/components/input.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\n/**\n * Keyboard focus for anything that is a text field, or a box that contains\n * one (Composer, a bordered Command): the border turns the ring colour and a\n * 1px inset ring doubles it to 2px. It sits inside the border box, so it\n * follows the radius exactly and no overflow can clip it. The outline is\n * suppressed with !important: an app's unlayered `:focus-visible { outline }`\n * would otherwise beat the utilities layer and draw a second, offset box.\n * outline-hidden keeps a transparent outline, which forced-colors mode shows.\n */\nexport const fieldFocusClasses =\n  'outline-hidden! focus-visible:border-ring focus-visible:inset-ring-1 focus-visible:inset-ring-ring aria-invalid:focus-visible:inset-ring-destructive';\n\n/**\n * Fields and field-like triggers: 10px radius (radius-md). Popovers are 12px\n * (radius-lg) and their rows 8px (radius-sm: 12px less the 4px inset).\n */\nexport const fieldClasses = `w-full min-w-0 rounded-md border border-input bg-surface px-3 text-base sm:text-sm text-foreground shadow-xs transition-[border-color,box-shadow,background-color] placeholder:text-muted-foreground/80 hover:border-border-strong ${fieldFocusClasses} disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-60 aria-invalid:border-destructive dark:bg-surface-raised`;\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(function Input(\n  { className, type, ...props }: React.ComponentProps<'input'>,\n  ref,\n) {\n  return (\n    <input\n      ref={ref}\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        fieldClasses,\n        'h-9 py-1.5 file:mr-3 file:border-0 file:bg-transparent file:text-sm file:font-semibold file:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,oBACX;;;;;AAMF,IAAa,eAAe,sOAAsO,kBAAkB;AAEpR,IAAM,QAAQ,MAAM,WAA4D,SAAS,MACvF,EAAE,WAAW,MAAM,GAAG,SACtB,KACA;CACA,OACE,oBAAC,SAAD;EACO;EACC;EACN,aAAU;EACV,WAAW,GACT,cACA,+GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC"}
+{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\n/**\n * Keyboard focus for anything that is a text field, or a box that contains\n * one (Composer, a bordered Command): the border turns the ring colour and a\n * 1px inset ring doubles it to 2px. It sits inside the border box, so it\n * follows the radius exactly and no overflow can clip it. The outline is\n * suppressed with !important: an app's unlayered `:focus-visible { outline }`\n * would otherwise beat the utilities layer and draw a second, offset box.\n * outline-hidden keeps a transparent outline, which forced-colors mode shows.\n */\nexport const fieldFocusClasses =\n  'outline-hidden! focus-visible:border-ring focus-visible:inset-ring-1 focus-visible:inset-ring-ring aria-invalid:focus-visible:inset-ring-destructive';\n\n/**\n * Fields and field-like triggers: 10px radius (radius-md). Popovers are 12px\n * (radius-lg) and their rows 8px (radius-sm: 12px less the 4px inset).\n */\nexport const fieldClasses = `w-full min-w-0 rounded-md border border-input bg-surface px-3 text-base sm:text-sm text-foreground shadow-xs transition-[border-color,box-shadow,background-color] placeholder:text-muted-foreground/80 hover:border-border-strong ${fieldFocusClasses} disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-60 aria-invalid:border-destructive dark:bg-surface-raised`;\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(function Input(\n  { className, type, ...props }: React.ComponentProps<'input'>,\n  ref,\n) {\n  return (\n    <input\n      ref={ref}\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        fieldClasses,\n        'h-9 py-1.5 file:mr-3 file:border-0 file:bg-transparent file:text-sm file:font-semibold file:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\nexport { Input };\n"],"mappings":";;;;;;;;;;;;;;AAaA,IAAa,oBACX;;;;;AAMF,IAAa,eAAe,sOAAsO,kBAAkB;AAEpR,IAAM,QAAQ,MAAM,WAA4D,SAAS,MACvF,EAAE,WAAW,MAAM,GAAG,SACtB,KACA;CACA,OACE,oBAAC,SAAD;EACO;EACC;EACN,aAAU;EACV,WAAW,GACT,cACA,+GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC"}

package/dist/components/kbd.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Kbd({ className, ...props }: React.ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        'pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-xs border border-border-strong border-b-2 bg-surface-muted px-1 font-mono text-[11px] font-medium text-muted-foreground select-none [&_svg]:size-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"kbd-group\"\n      className={cn('inline-flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;AAIA,SAAS,IAAI,EAAE,WAAW,GAAG,SAAsC;CACjE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4OACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAuC;CACvE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Kbd({ className, ...props }: React.ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        'pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-xs border border-border-strong border-b-2 bg-surface-muted px-1 font-mono text-[11px] font-medium text-muted-foreground select-none [&_svg]:size-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"kbd-group\"\n      className={cn('inline-flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;;AAIA,SAAS,IAAI,EAAE,WAAW,GAAG,SAAsC;CACjE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4OACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAuC;CACvE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/label.d.ts

@@ -1,4 +1,4 @@
-import { Label as LabelPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as LabelPrimitive from '../primitives/vendor/radix/react-label';
 declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
 export { Label };

package/dist/components/label.js

@@ -1,16 +1,17 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Label } from "radix-ui";
+import { Root } from "../primitives/vendor/radix/react-label/label.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/label.tsx
-function Label$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Label.Root, {
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Root, {
 		"data-slot": "label",
 		className: cn("flex items-center gap-2 text-[13px] leading-none font-semibold select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
 		...props
 	});
 }
 //#endregion
-export { Label$1 as Label };
+export { Label };
 
 //# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"label.js","names":["Label","LabelPrimitive"],"sources":["../../src/components/label.tsx"],"sourcesContent":["import { Label as LabelPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-[13px] leading-none font-semibold select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;AAKA,SAASA,QAAM,EAAE,WAAW,GAAG,SAA2D;CACxF,OACE,oBAACC,MAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT,6NACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"label.js","names":["LabelPrimitive.Root"],"sources":["../../src/components/label.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as LabelPrimitive from '../primitives/vendor/radix/react-label';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'flex items-center gap-2 text-[13px] leading-none font-semibold select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;AAKA,SAAS,MAAM,EAAE,WAAW,GAAG,SAA2D;CACxF,OACE,oBAACA,MAAD;EACE,aAAU;EACV,WAAW,GACT,6NACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/markdown.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { CopyButton } from "./copy-button.js";
 import * as React from "react";

package/dist/components/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","names":[],"sources":["../../src/components/markdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { CopyButton } from './copy-button';\n\n/*\n * A small, safe Markdown renderer for chat: paragraphs, headings, bullet and\n * numbered lists, block quotes, fenced code, inline code, bold, italic and\n * links. Everything becomes React elements (never HTML strings), and links\n * only keep http(s) and mailto targets, so model output cannot inject markup\n * or script.\n */\n\nconst SAFE_HREF = /^(https?:\\/\\/|mailto:)/i;\n\nfunction inline(text: string, key: string): React.ReactNode[] {\n  const out: React.ReactNode[] = [];\n  const pattern =\n    /(`[^`]+`)|(\\*\\*[^*]+\\*\\*|__[^_]+__)|(\\*[^*\\s][^*]*\\*|_[^_\\s][^_]*_)|(\\[[^\\]]+\\]\\([^)\\s]+\\))/g;\n  let last = 0;\n  let n = 0;\n  for (const m of text.matchAll(pattern)) {\n    const i = m.index;\n    if (i > last) out.push(text.slice(last, i));\n    const token = m[0];\n    const k = `${key}-${n++}`;\n    if (m[1]) {\n      out.push(\n        <code key={k} className=\"rounded-xs bg-muted px-1 py-0.5 font-mono text-[0.85em]\">\n          {token.slice(1, -1)}\n        </code>,\n      );\n    } else if (m[2]) {\n      out.push(<strong key={k}>{inline(token.slice(2, -2), k)}</strong>);\n    } else if (m[3]) {\n      out.push(<em key={k}>{inline(token.slice(1, -1), k)}</em>);\n    } else {\n      const [, label = '', href = ''] = /^\\[([^\\]]+)\\]\\(([^)\\s]+)\\)$/.exec(token) ?? [];\n      out.push(\n        SAFE_HREF.test(href) ? (\n          <a\n            key={k}\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className=\"text-brand underline underline-offset-2 hover:text-brand-hover\"\n          >\n            {label}\n          </a>\n        ) : (\n          label\n        ),\n      );\n    }\n    last = i + token.length;\n  }\n  if (last < text.length) out.push(text.slice(last));\n  return out;\n}\n\n/** A fenced code block with a language label and a copy button. */\nfunction CodeBlock({ code, lang, className }: { code: string; lang?: string; className?: string }) {\n  return (\n    <div\n      data-slot=\"code-block\"\n      className={cn('overflow-hidden rounded-md border bg-code text-code-foreground', className)}\n    >\n      <div className=\"flex h-8 items-center justify-between border-b border-white/10 px-3 text-[11px] text-code-foreground/60\">\n        <span className=\"font-mono\">{lang || 'text'}</span>\n        <CopyButton\n          value={code}\n          label=\"Copy code\"\n          className=\"size-7 text-code-foreground hover:bg-white/10 hover:text-code-foreground\"\n        />\n      </div>\n      <pre className=\"overflow-x-auto p-3 font-mono text-[12.5px] leading-5\">\n        <code>{code}</code>\n      </pre>\n    </div>\n  );\n}\n\ntype Block =\n  | { type: 'p'; text: string }\n  | { type: 'h'; level: 1 | 2 | 3; text: string }\n  | { type: 'ul' | 'ol'; items: string[] }\n  | { type: 'quote'; text: string }\n  | { type: 'code'; lang: string; code: string };\n\n/** Split Markdown into blocks. Exported for tests. */\nexport function parseMarkdown(source: string): Block[] {\n  const lines = source.replace(/\\r\\n?/g, '\\n').split('\\n');\n  const blocks: Block[] = [];\n  let para: string[] = [];\n  const flush = () => {\n    if (para.length) blocks.push({ type: 'p', text: para.join(' ') });\n    para = [];\n  };\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i] ?? '';\n    const fence = /^```\\s*([\\w+-]*)\\s*$/.exec(line);\n    if (fence) {\n      flush();\n      const code: string[] = [];\n      i++;\n      while (i < lines.length && !/^```\\s*$/.test(lines[i] ?? '')) code.push(lines[i++] ?? '');\n      blocks.push({ type: 'code', lang: fence[1] ?? '', code: code.join('\\n') });\n      continue;\n    }\n    const heading = /^(#{1,3})\\s+(.*)$/.exec(line);\n    if (heading) {\n      flush();\n      blocks.push({\n        type: 'h',\n        level: (heading[1]?.length ?? 1) as 1 | 2 | 3,\n        text: heading[2] ?? '',\n      });\n      continue;\n    }\n    const list = /^\\s*([-*]|\\d+[.)])\\s+(.*)$/.exec(line);\n    if (list) {\n      flush();\n      const type = /\\d/.test(list[1] ?? '') ? 'ol' : 'ul';\n      const prev = blocks.at(-1);\n      if (prev && prev.type === type) prev.items.push(list[2] ?? '');\n      else blocks.push({ type, items: [list[2] ?? ''] });\n      continue;\n    }\n    const quote = /^>\\s?(.*)$/.exec(line);\n    if (quote) {\n      flush();\n      blocks.push({ type: 'quote', text: quote[1] ?? '' });\n      continue;\n    }\n    if (!line.trim()) flush();\n    else para.push(line.trim());\n  }\n  flush();\n  return blocks;\n}\n\nexport interface MarkdownProps extends Omit<React.ComponentProps<'div'>, 'children'> {\n  children: string;\n}\n\n/** Renders a Markdown string safely, for assistant messages. */\nfunction Markdown({ children, className, ...props }: MarkdownProps) {\n  const blocks = React.useMemo(() => parseMarkdown(children), [children]);\n  return (\n    <div\n      data-slot=\"markdown\"\n      className={cn('grid gap-3 text-sm leading-6 [&_li]:leading-6', className)}\n      {...props}\n    >\n      {blocks.map((b, i) => {\n        const k = `b${i}`;\n        switch (b.type) {\n          case 'h': {\n            const Tag = (['h3', 'h4', 'h5'] as const)[b.level - 1] ?? 'h5';\n            return (\n              <Tag key={k} className=\"font-semibold tracking-[-0.01em]\">\n                {inline(b.text, k)}\n              </Tag>\n            );\n          }\n          case 'ul':\n          case 'ol': {\n            const Tag = b.type;\n            return (\n              <Tag\n                key={k}\n                className={cn('grid gap-1 pl-5', b.type === 'ul' ? 'list-disc' : 'list-decimal')}\n              >\n                {b.items.map((item, j) => (\n                  <li key={`${k}-${j}`}>{inline(item, `${k}-${j}`)}</li>\n                ))}\n              </Tag>\n            );\n          }\n          case 'quote':\n            return (\n              <blockquote\n                key={k}\n                className=\"border-l-2 border-border-strong pl-3 text-muted-foreground\"\n              >\n                {inline(b.text, k)}\n              </blockquote>\n            );\n          case 'code':\n            return <CodeBlock key={k} code={b.code} lang={b.lang} />;\n          default:\n            return <p key={k}>{inline(b.text, k)}</p>;\n        }\n      })}\n    </div>\n  );\n}\n\nexport { CodeBlock, Markdown };\n"],"mappings":"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"}
+{"version":3,"file":"markdown.js","names":[],"sources":["../../src/components/markdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { CopyButton } from './copy-button';\n\n/*\n * A small, safe Markdown renderer for chat: paragraphs, headings, bullet and\n * numbered lists, block quotes, fenced code, inline code, bold, italic and\n * links. Everything becomes React elements (never HTML strings), and links\n * only keep http(s) and mailto targets, so model output cannot inject markup\n * or script.\n */\n\nconst SAFE_HREF = /^(https?:\\/\\/|mailto:)/i;\n\nfunction inline(text: string, key: string): React.ReactNode[] {\n  const out: React.ReactNode[] = [];\n  const pattern =\n    /(`[^`]+`)|(\\*\\*[^*]+\\*\\*|__[^_]+__)|(\\*[^*\\s][^*]*\\*|_[^_\\s][^_]*_)|(\\[[^\\]]+\\]\\([^)\\s]+\\))/g;\n  let last = 0;\n  let n = 0;\n  for (const m of text.matchAll(pattern)) {\n    const i = m.index;\n    if (i > last) out.push(text.slice(last, i));\n    const token = m[0];\n    const k = `${key}-${n++}`;\n    if (m[1]) {\n      out.push(\n        <code key={k} className=\"rounded-xs bg-muted px-1 py-0.5 font-mono text-[0.85em]\">\n          {token.slice(1, -1)}\n        </code>,\n      );\n    } else if (m[2]) {\n      out.push(<strong key={k}>{inline(token.slice(2, -2), k)}</strong>);\n    } else if (m[3]) {\n      out.push(<em key={k}>{inline(token.slice(1, -1), k)}</em>);\n    } else {\n      const [, label = '', href = ''] = /^\\[([^\\]]+)\\]\\(([^)\\s]+)\\)$/.exec(token) ?? [];\n      out.push(\n        SAFE_HREF.test(href) ? (\n          <a\n            key={k}\n            href={href}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className=\"text-brand underline underline-offset-2 hover:text-brand-hover\"\n          >\n            {label}\n          </a>\n        ) : (\n          label\n        ),\n      );\n    }\n    last = i + token.length;\n  }\n  if (last < text.length) out.push(text.slice(last));\n  return out;\n}\n\n/** A fenced code block with a language label and a copy button. */\nfunction CodeBlock({ code, lang, className }: { code: string; lang?: string; className?: string }) {\n  return (\n    <div\n      data-slot=\"code-block\"\n      className={cn('overflow-hidden rounded-md border bg-code text-code-foreground', className)}\n    >\n      <div className=\"flex h-8 items-center justify-between border-b border-white/10 px-3 text-[11px] text-code-foreground/60\">\n        <span className=\"font-mono\">{lang || 'text'}</span>\n        <CopyButton\n          value={code}\n          label=\"Copy code\"\n          className=\"size-7 text-code-foreground hover:bg-white/10 hover:text-code-foreground\"\n        />\n      </div>\n      <pre className=\"overflow-x-auto p-3 font-mono text-[12.5px] leading-5\">\n        <code>{code}</code>\n      </pre>\n    </div>\n  );\n}\n\ntype Block =\n  | { type: 'p'; text: string }\n  | { type: 'h'; level: 1 | 2 | 3; text: string }\n  | { type: 'ul' | 'ol'; items: string[] }\n  | { type: 'quote'; text: string }\n  | { type: 'code'; lang: string; code: string };\n\n/** Split Markdown into blocks. Exported for tests. */\nexport function parseMarkdown(source: string): Block[] {\n  const lines = source.replace(/\\r\\n?/g, '\\n').split('\\n');\n  const blocks: Block[] = [];\n  let para: string[] = [];\n  const flush = () => {\n    if (para.length) blocks.push({ type: 'p', text: para.join(' ') });\n    para = [];\n  };\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i] ?? '';\n    const fence = /^```\\s*([\\w+-]*)\\s*$/.exec(line);\n    if (fence) {\n      flush();\n      const code: string[] = [];\n      i++;\n      while (i < lines.length && !/^```\\s*$/.test(lines[i] ?? '')) code.push(lines[i++] ?? '');\n      blocks.push({ type: 'code', lang: fence[1] ?? '', code: code.join('\\n') });\n      continue;\n    }\n    const heading = /^(#{1,3})\\s+(.*)$/.exec(line);\n    if (heading) {\n      flush();\n      blocks.push({\n        type: 'h',\n        level: (heading[1]?.length ?? 1) as 1 | 2 | 3,\n        text: heading[2] ?? '',\n      });\n      continue;\n    }\n    const list = /^\\s*([-*]|\\d+[.)])\\s+(.*)$/.exec(line);\n    if (list) {\n      flush();\n      const type = /\\d/.test(list[1] ?? '') ? 'ol' : 'ul';\n      const prev = blocks.at(-1);\n      if (prev && prev.type === type) prev.items.push(list[2] ?? '');\n      else blocks.push({ type, items: [list[2] ?? ''] });\n      continue;\n    }\n    const quote = /^>\\s?(.*)$/.exec(line);\n    if (quote) {\n      flush();\n      blocks.push({ type: 'quote', text: quote[1] ?? '' });\n      continue;\n    }\n    if (!line.trim()) flush();\n    else para.push(line.trim());\n  }\n  flush();\n  return blocks;\n}\n\nexport interface MarkdownProps extends Omit<React.ComponentProps<'div'>, 'children'> {\n  children: string;\n}\n\n/** Renders a Markdown string safely, for assistant messages. */\nfunction Markdown({ children, className, ...props }: MarkdownProps) {\n  const blocks = React.useMemo(() => parseMarkdown(children), [children]);\n  return (\n    <div\n      data-slot=\"markdown\"\n      className={cn('grid gap-3 text-sm leading-6 [&_li]:leading-6', className)}\n      {...props}\n    >\n      {blocks.map((b, i) => {\n        const k = `b${i}`;\n        switch (b.type) {\n          case 'h': {\n            const Tag = (['h3', 'h4', 'h5'] as const)[b.level - 1] ?? 'h5';\n            return (\n              <Tag key={k} className=\"font-semibold tracking-[-0.01em]\">\n                {inline(b.text, k)}\n              </Tag>\n            );\n          }\n          case 'ul':\n          case 'ol': {\n            const Tag = b.type;\n            return (\n              <Tag\n                key={k}\n                className={cn('grid gap-1 pl-5', b.type === 'ul' ? 'list-disc' : 'list-decimal')}\n              >\n                {b.items.map((item, j) => (\n                  <li key={`${k}-${j}`}>{inline(item, `${k}-${j}`)}</li>\n                ))}\n              </Tag>\n            );\n          }\n          case 'quote':\n            return (\n              <blockquote\n                key={k}\n                className=\"border-l-2 border-border-strong pl-3 text-muted-foreground\"\n              >\n                {inline(b.text, k)}\n              </blockquote>\n            );\n          case 'code':\n            return <CodeBlock key={k} code={b.code} lang={b.lang} />;\n          default:\n            return <p key={k}>{inline(b.text, k)}</p>;\n        }\n      })}\n    </div>\n  );\n}\n\nexport { CodeBlock, Markdown };\n"],"mappings":"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"}

package/dist/components/menubar.d.ts

@@ -1,5 +1,5 @@
-import { Menubar as MenubarPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as MenubarPrimitive from '../primitives/vendor/radix/react-menubar';
 /**
  * An application menu bar (File, Edit, View). Left/Right move between menus,
  * Down opens one, and an open menu follows the pointer across triggers. Rows

package/dist/components/menubar.js

@@ -1,6 +1,7 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { menuItemClasses, surfaceClasses } from "./popover.js";
-import { Menubar } from "radix-ui";
+import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "../primitives/vendor/radix/react-menubar/menubar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronRight from "@burtson-labs/icons/react/chevron-right";
@@ -11,34 +12,34 @@ import Check from "@burtson-labs/icons/react/check";
 * Down opens one, and an open menu follows the pointer across triggers. Rows
 * match DropdownMenu and ContextMenu.
 */
-function Menubar$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Root, {
+function Menubar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Root, {
 		"data-slot": "menubar",
 		className: cn("flex h-8 items-center gap-0.5 rounded-md border bg-surface p-0.5", className),
 		...props
 	});
 }
 function MenubarMenu(props) {
-	return /* @__PURE__ */ jsx(Menubar.Menu, {
+	return /* @__PURE__ */ jsx(Menu, {
 		"data-slot": "menubar-menu",
 		...props
 	});
 }
 function MenubarTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Trigger, {
+	return /* @__PURE__ */ jsx(Trigger, {
 		"data-slot": "menubar-trigger",
 		className: cn("flex h-7 items-center rounded-sm px-2.5 text-[13px] font-medium outline-none select-none hover:bg-muted focus-visible:shadow-[inset_0_0_0_1px_var(--ring)] data-[state=open]:bg-muted", className),
 		...props
 	});
 }
 function MenubarGroup(props) {
-	return /* @__PURE__ */ jsx(Menubar.Group, {
+	return /* @__PURE__ */ jsx(Group, {
 		"data-slot": "menubar-group",
 		...props
 	});
 }
 function MenubarContent({ className, align = "start", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Portal, { children: /* @__PURE__ */ jsx(Menubar.Content, {
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, {
 		"data-slot": "menubar-content",
 		align,
 		sideOffset,
@@ -47,7 +48,7 @@ function MenubarContent({ className, align = "start", sideOffset = 4, ...props }
 	}) });
 }
 function MenubarItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Item, {
+	return /* @__PURE__ */ jsx(Item, {
 		"data-slot": "menubar-item",
 		"data-inset": inset || void 0,
 		"data-variant": variant,
@@ -56,14 +57,14 @@ function MenubarItem({ className, inset, variant = "default", ...props }) {
 	});
 }
 function MenubarCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(Menubar.CheckboxItem, {
+	return /* @__PURE__ */ jsxs(CheckboxItem, {
 		"data-slot": "menubar-checkbox-item",
 		className: cn(menuItemClasses, "pl-8", className),
 		checked,
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Menubar.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
+			children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
 				className: "size-4 text-foreground",
 				"aria-hidden": true
 			}) })
@@ -71,24 +72,24 @@ function MenubarCheckboxItem({ className, children, checked, ...props }) {
 	});
 }
 function MenubarRadioGroup(props) {
-	return /* @__PURE__ */ jsx(Menubar.RadioGroup, {
+	return /* @__PURE__ */ jsx(RadioGroup, {
 		"data-slot": "menubar-radio-group",
 		...props
 	});
 }
 function MenubarRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menubar.RadioItem, {
+	return /* @__PURE__ */ jsxs(RadioItem, {
 		"data-slot": "menubar-radio-item",
 		className: cn(menuItemClasses, "pl-8", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(Menubar.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "block size-2 rounded-full bg-foreground" }) })
+			children: /* @__PURE__ */ jsx(ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "block size-2 rounded-full bg-foreground" }) })
 		}), children]
 	});
 }
 function MenubarLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Label, {
+	return /* @__PURE__ */ jsx(Label, {
 		"data-slot": "menubar-label",
 		"data-inset": inset || void 0,
 		className: cn("px-2 pt-2 pb-1 text-[11px] font-semibold tracking-[0.08em] text-muted-foreground uppercase data-[inset]:pl-8", className),
@@ -96,7 +97,7 @@ function MenubarLabel({ className, inset, ...props }) {
 	});
 }
 function MenubarSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Separator, {
+	return /* @__PURE__ */ jsx(Separator, {
 		"data-slot": "menubar-separator",
 		className: cn("-mx-1 my-1 h-px bg-border", className),
 		...props
@@ -110,13 +111,13 @@ function MenubarShortcut({ className, ...props }) {
 	});
 }
 function MenubarSub(props) {
-	return /* @__PURE__ */ jsx(Menubar.Sub, {
+	return /* @__PURE__ */ jsx(Sub, {
 		"data-slot": "menubar-sub",
 		...props
 	});
 }
 function MenubarSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menubar.SubTrigger, {
+	return /* @__PURE__ */ jsxs(SubTrigger, {
 		"data-slot": "menubar-sub-trigger",
 		"data-inset": inset || void 0,
 		className: cn(menuItemClasses, "data-[state=open]:bg-secondary", className),
@@ -128,13 +129,13 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
 	});
 }
 function MenubarSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menubar.Portal, { children: /* @__PURE__ */ jsx(Menubar.SubContent, {
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(SubContent, {
 		"data-slot": "menubar-sub-content",
 		className: cn(surfaceClasses, "min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden p-1", className),
 		...props
 	}) });
 }
 //#endregion
-export { Menubar$1 as Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 
 //# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["Menubar","MenubarPrimitive","itemClasses"],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { menuItemClasses as itemClasses, surfaceClasses } from './popover';\n\n/**\n * An application menu bar (File, Edit, View). Left/Right move between menus,\n * Down opens one, and an open menu follows the pointer across triggers. Rows\n * match DropdownMenu and ContextMenu.\n */\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('flex h-8 items-center gap-0.5 rounded-md border bg-surface p-0.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu(props: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'flex h-7 items-center rounded-sm px-2.5 text-[13px] font-medium outline-none select-none hover:bg-muted focus-visible:shadow-[inset_0_0_0_1px_var(--ring)] data-[state=open]:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarGroup(props: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarContent({\n  className,\n  align = 'start',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          surfaceClasses,\n          'max-h-(--radix-menubar-content-available-height) min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-x-hidden overflow-y-auto p-1',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset || undefined}\n      data-variant={variant}\n      className={cn(\n        itemClasses,\n        'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:*:[svg]:!text-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(itemClasses, 'pl-8', className)}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"size-4 text-foreground\" aria-hidden />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioGroup(props: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(itemClasses, 'pl-8', className)}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <span className=\"block size-2 rounded-full bg-foreground\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & { inset?: boolean }) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset || undefined}\n      className={cn(\n        'px-2 pt-2 pb-1 text-[11px] font-semibold tracking-[0.08em] text-muted-foreground uppercase data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub(props: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset || undefined}\n      className={cn(itemClasses, 'data-[state=open]:bg-secondary', className)}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ml-auto size-4\" aria-hidden />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.SubContent\n        data-slot=\"menubar-sub-content\"\n        className={cn(\n          surfaceClasses,\n          'min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden p-1',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"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"}
+{"version":3,"file":"menubar.js","names":["MenubarPrimitive.Root","MenubarPrimitive.Menu","MenubarPrimitive.Trigger","MenubarPrimitive.Group","MenubarPrimitive.Portal","MenubarPrimitive.Content","MenubarPrimitive.Item","itemClasses","MenubarPrimitive.CheckboxItem","MenubarPrimitive.ItemIndicator","MenubarPrimitive.RadioGroup","MenubarPrimitive.RadioItem","MenubarPrimitive.Label","MenubarPrimitive.Separator","MenubarPrimitive.Sub","MenubarPrimitive.SubTrigger","MenubarPrimitive.SubContent"],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as MenubarPrimitive from '../primitives/vendor/radix/react-menubar';\n\nimport { menuItemClasses as itemClasses, surfaceClasses } from './popover';\n\n/**\n * An application menu bar (File, Edit, View). Left/Right move between menus,\n * Down opens one, and an open menu follows the pointer across triggers. Rows\n * match DropdownMenu and ContextMenu.\n */\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('flex h-8 items-center gap-0.5 rounded-md border bg-surface p-0.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu(props: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'flex h-7 items-center rounded-sm px-2.5 text-[13px] font-medium outline-none select-none hover:bg-muted focus-visible:shadow-[inset_0_0_0_1px_var(--ring)] data-[state=open]:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarGroup(props: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarContent({\n  className,\n  align = 'start',\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          surfaceClasses,\n          'max-h-(--radix-menubar-content-available-height) min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-x-hidden overflow-y-auto p-1',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset || undefined}\n      data-variant={variant}\n      className={cn(\n        itemClasses,\n        'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:*:[svg]:!text-destructive',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(itemClasses, 'pl-8', className)}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"size-4 text-foreground\" aria-hidden />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioGroup(props: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(itemClasses, 'pl-8', className)}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <span className=\"block size-2 rounded-full bg-foreground\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & { inset?: boolean }) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset || undefined}\n      className={cn(\n        'px-2 pt-2 pb-1 text-[11px] font-semibold tracking-[0.08em] text-muted-foreground uppercase data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub(props: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & { inset?: boolean }) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset || undefined}\n      className={cn(itemClasses, 'data-[state=open]:bg-secondary', className)}\n      {...props}\n    >\n      {children}\n      <ChevronRight className=\"ml-auto size-4\" aria-hidden />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.Portal>\n      <MenubarPrimitive.SubContent\n        data-slot=\"menubar-sub-content\"\n        className={cn(\n          surfaceClasses,\n          'min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden p-1',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n"],"mappings":"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"}

package/dist/components/message-actions.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { formatBytes } from "./attachment.js";

package/dist/components/message-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-actions.js","names":["_Fragment"],"sources":["../../src/components/message-actions.tsx"],"sourcesContent":["import Edit from '@burtson-labs/icons/react/edit';\nimport FileText from '@burtson-labs/icons/react/file-text';\nimport RotateCcw from '@burtson-labs/icons/react/rotate-ccw';\nimport ThumbsDown from '@burtson-labs/icons/react/thumbs-down';\nimport ThumbsUp from '@burtson-labs/icons/react/thumbs-up';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { formatBytes } from './attachment';\nimport { VoiceMessage } from './audio-player';\nimport { Button } from './button';\nimport { CopyButton } from './copy-button';\nimport { IconButton } from './icon-button';\n\nexport type MessageFeedback = 'up' | 'down' | null;\n\nexport interface MessageActionsProps extends React.ComponentProps<'div'> {\n  /** Text for the copy button; leave out to hide it. */\n  copyText?: string;\n  onRegenerate?: () => void;\n  /** Edit a sent message (user turns). Pair with MessageEditor. */\n  onEdit?: () => void;\n  /** The current rating; controlled. */\n  feedback?: MessageFeedback;\n  /** Adds thumbs up and down. Clicking the chosen one again clears it (null). */\n  onFeedback?: (value: MessageFeedback) => void;\n}\n\n/**\n * The row under a message: copy, regenerate, edit and a thumbs rating, as\n * small icon buttons. Pass it to Message's `actions`, which shows it on\n * hover and focus (always on touch screens).\n */\nfunction MessageActions({\n  copyText,\n  onRegenerate,\n  onEdit,\n  feedback = null,\n  onFeedback,\n  className,\n  ...props\n}: MessageActionsProps) {\n  const small = 'size-7 text-muted-foreground hover:text-foreground pointer-coarse:size-10';\n  return (\n    <div\n      data-slot=\"message-actions\"\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      className={cn('flex items-center gap-0.5', className)}\n      {...props}\n    >\n      {copyText !== undefined && (\n        <CopyButton value={copyText} label=\"Copy message\" className={small} />\n      )}\n      {onEdit && (\n        <IconButton\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          label=\"Edit message\"\n          onClick={onEdit}\n          className={small}\n        >\n          <Edit />\n        </IconButton>\n      )}\n      {onRegenerate && (\n        <IconButton\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className={small}\n        >\n          <RotateCcw />\n        </IconButton>\n      )}\n      {onFeedback && (\n        <>\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            label=\"Good response\"\n            aria-pressed={feedback === 'up'}\n            onClick={() => onFeedback(feedback === 'up' ? null : 'up')}\n            className={cn(small, feedback === 'up' && 'text-brand hover:text-brand')}\n          >\n            <ThumbsUp className={cn(feedback === 'up' && 'fill-current')} />\n          </IconButton>\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            label=\"Bad response\"\n            aria-pressed={feedback === 'down'}\n            onClick={() => onFeedback(feedback === 'down' ? null : 'down')}\n            className={cn(small, feedback === 'down' && 'text-foreground')}\n          >\n            <ThumbsDown className={cn(feedback === 'down' && 'fill-current')} />\n          </IconButton>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface MessageEditorProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {\n  /** The text being edited. */\n  defaultValue: string;\n  /** Save and send the edited message again. */\n  onSubmit: (text: string) => void;\n  onCancel: () => void;\n  submitLabel?: string;\n}\n\n/**\n * Edit-and-resend in place of a sent message. Enter sends (never mid-IME\n * composition), Shift+Enter adds a line, Escape cancels.\n */\nfunction MessageEditor({\n  defaultValue,\n  onSubmit,\n  onCancel,\n  submitLabel = 'Send',\n  className,\n  ...props\n}: MessageEditorProps) {\n  const [value, setValue] = React.useState(defaultValue);\n  const send = () => {\n    if (value.trim()) onSubmit(value.trim());\n  };\n  return (\n    <form\n      data-slot=\"message-editor\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        send();\n      }}\n      className={cn('grid w-full max-w-[85%] gap-2 justify-self-end', className)}\n      {...props}\n    >\n      <textarea\n        aria-label=\"Edit message\"\n        value={value}\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- editing was just asked for\n        autoFocus\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          if (e.key === 'Escape') {\n            e.preventDefault();\n            onCancel();\n          } else if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            send();\n          }\n        }}\n        className=\"field-sizing-content max-h-60 min-h-16 w-full resize-none rounded-lg border border-ring bg-surface px-3 py-2 text-base leading-6 inset-ring-1 inset-ring-ring outline-hidden! sm:text-sm\"\n      />\n      <div className=\"flex justify-end gap-2\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button type=\"submit\" size=\"sm\" disabled={!value.trim()}>\n          {submitLabel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nexport interface MessageFile {\n  name: string;\n  /** Bytes. */\n  size?: number;\n  /** MIME type; audio renders a player, images a thumbnail. */\n  type?: string;\n  /** Where to open or play it. */\n  href?: string;\n  /** Waveform peaks for audio (see computePeaks). */\n  peaks?: number[];\n  /** Seconds, for audio. */\n  duration?: number;\n  /** Transcript for audio. */\n  transcript?: React.ReactNode;\n}\n\nexport interface MessageAttachmentsProps extends React.ComponentProps<'div'> {\n  files: MessageFile[];\n}\n\n/**\n * Files sent with a message: voice notes play inline, images show a\n * thumbnail, anything else is a named chip that opens the file.\n */\nfunction MessageAttachments({ files, className, ...props }: MessageAttachmentsProps) {\n  if (!files.length) return null;\n  return (\n    <div\n      data-slot=\"message-attachments\"\n      className={cn('flex flex-wrap gap-2', className)}\n      {...props}\n    >\n      {files.map((f, i) => {\n        const type = f.type ?? '';\n        if (type.startsWith('audio/') && f.href) {\n          return (\n            <VoiceMessage\n              key={`${f.name}-${i}`}\n              src={f.href}\n              peaks={f.peaks}\n              duration={f.duration}\n              transcript={f.transcript}\n              title={f.name}\n            />\n          );\n        }\n        if (type.startsWith('image/') && f.href) {\n          return (\n            <a\n              key={`${f.name}-${i}`}\n              href={f.href}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"block overflow-hidden rounded-lg border outline-none focus-visible:ring-[3px] focus-visible:ring-ring/20\"\n            >\n              <img src={f.href} alt={f.name} className=\"h-28 w-auto max-w-56 object-cover\" />\n            </a>\n          );\n        }\n        const chip = (\n          <>\n            <FileText aria-hidden className=\"size-4 shrink-0 text-muted-foreground\" />\n            <span className=\"min-w-0 truncate\">{f.name}</span>\n            {f.size !== undefined && (\n              <span className=\"shrink-0 text-xs text-muted-foreground\">{formatBytes(f.size)}</span>\n            )}\n          </>\n        );\n        const chipClass =\n          'inline-flex max-w-64 items-center gap-2 rounded-md border bg-surface px-2.5 py-1.5 text-sm';\n        return f.href ? (\n          <a\n            key={`${f.name}-${i}`}\n            href={f.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className={cn(\n              chipClass,\n              'outline-none hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20',\n            )}\n          >\n            {chip}\n          </a>\n        ) : (\n          <span key={`${f.name}-${i}`} className={chipClass}>\n            {chip}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { MessageActions, MessageAttachments, MessageEditor };\n"],"mappings":"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"}
+{"version":3,"file":"message-actions.js","names":["_Fragment"],"sources":["../../src/components/message-actions.tsx"],"sourcesContent":["import Edit from '@burtson-labs/icons/react/edit';\nimport FileText from '@burtson-labs/icons/react/file-text';\nimport RotateCcw from '@burtson-labs/icons/react/rotate-ccw';\nimport ThumbsDown from '@burtson-labs/icons/react/thumbs-down';\nimport ThumbsUp from '@burtson-labs/icons/react/thumbs-up';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { formatBytes } from './attachment';\nimport { VoiceMessage } from './audio-player';\nimport { Button } from './button';\nimport { CopyButton } from './copy-button';\nimport { IconButton } from './icon-button';\n\nexport type MessageFeedback = 'up' | 'down' | null;\n\nexport interface MessageActionsProps extends React.ComponentProps<'div'> {\n  /** Text for the copy button; leave out to hide it. */\n  copyText?: string;\n  onRegenerate?: () => void;\n  /** Edit a sent message (user turns). Pair with MessageEditor. */\n  onEdit?: () => void;\n  /** The current rating; controlled. */\n  feedback?: MessageFeedback;\n  /** Adds thumbs up and down. Clicking the chosen one again clears it (null). */\n  onFeedback?: (value: MessageFeedback) => void;\n}\n\n/**\n * The row under a message: copy, regenerate, edit and a thumbs rating, as\n * small icon buttons. Pass it to Message's `actions`, which shows it on\n * hover and focus (always on touch screens).\n */\nfunction MessageActions({\n  copyText,\n  onRegenerate,\n  onEdit,\n  feedback = null,\n  onFeedback,\n  className,\n  ...props\n}: MessageActionsProps) {\n  const small = 'size-7 text-muted-foreground hover:text-foreground pointer-coarse:size-10';\n  return (\n    <div\n      data-slot=\"message-actions\"\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      className={cn('flex items-center gap-0.5', className)}\n      {...props}\n    >\n      {copyText !== undefined && (\n        <CopyButton value={copyText} label=\"Copy message\" className={small} />\n      )}\n      {onEdit && (\n        <IconButton\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          label=\"Edit message\"\n          onClick={onEdit}\n          className={small}\n        >\n          <Edit />\n        </IconButton>\n      )}\n      {onRegenerate && (\n        <IconButton\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          label=\"Regenerate response\"\n          onClick={onRegenerate}\n          className={small}\n        >\n          <RotateCcw />\n        </IconButton>\n      )}\n      {onFeedback && (\n        <>\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            label=\"Good response\"\n            aria-pressed={feedback === 'up'}\n            onClick={() => onFeedback(feedback === 'up' ? null : 'up')}\n            className={cn(small, feedback === 'up' && 'text-brand hover:text-brand')}\n          >\n            <ThumbsUp className={cn(feedback === 'up' && 'fill-current')} />\n          </IconButton>\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            label=\"Bad response\"\n            aria-pressed={feedback === 'down'}\n            onClick={() => onFeedback(feedback === 'down' ? null : 'down')}\n            className={cn(small, feedback === 'down' && 'text-foreground')}\n          >\n            <ThumbsDown className={cn(feedback === 'down' && 'fill-current')} />\n          </IconButton>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface MessageEditorProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {\n  /** The text being edited. */\n  defaultValue: string;\n  /** Save and send the edited message again. */\n  onSubmit: (text: string) => void;\n  onCancel: () => void;\n  submitLabel?: string;\n}\n\n/**\n * Edit-and-resend in place of a sent message. Enter sends (never mid-IME\n * composition), Shift+Enter adds a line, Escape cancels.\n */\nfunction MessageEditor({\n  defaultValue,\n  onSubmit,\n  onCancel,\n  submitLabel = 'Send',\n  className,\n  ...props\n}: MessageEditorProps) {\n  const [value, setValue] = React.useState(defaultValue);\n  const send = () => {\n    if (value.trim()) onSubmit(value.trim());\n  };\n  return (\n    <form\n      data-slot=\"message-editor\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        send();\n      }}\n      className={cn('grid w-full max-w-[85%] gap-2 justify-self-end', className)}\n      {...props}\n    >\n      <textarea\n        aria-label=\"Edit message\"\n        value={value}\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- editing was just asked for\n        autoFocus\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          if (e.key === 'Escape') {\n            e.preventDefault();\n            onCancel();\n          } else if (e.key === 'Enter' && !e.shiftKey) {\n            e.preventDefault();\n            send();\n          }\n        }}\n        className=\"field-sizing-content max-h-60 min-h-16 w-full resize-none rounded-lg border border-ring bg-surface px-3 py-2 text-base leading-6 inset-ring-1 inset-ring-ring outline-hidden! sm:text-sm\"\n      />\n      <div className=\"flex justify-end gap-2\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button type=\"submit\" size=\"sm\" disabled={!value.trim()}>\n          {submitLabel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nexport interface MessageFile {\n  name: string;\n  /** Bytes. */\n  size?: number;\n  /** MIME type; audio renders a player, images a thumbnail. */\n  type?: string;\n  /** Where to open or play it. */\n  href?: string;\n  /** Waveform peaks for audio (see computePeaks). */\n  peaks?: number[];\n  /** Seconds, for audio. */\n  duration?: number;\n  /** Transcript for audio. */\n  transcript?: React.ReactNode;\n}\n\nexport interface MessageAttachmentsProps extends React.ComponentProps<'div'> {\n  files: MessageFile[];\n}\n\n/**\n * Files sent with a message: voice notes play inline, images show a\n * thumbnail, anything else is a named chip that opens the file.\n */\nfunction MessageAttachments({ files, className, ...props }: MessageAttachmentsProps) {\n  if (!files.length) return null;\n  return (\n    <div\n      data-slot=\"message-attachments\"\n      className={cn('flex flex-wrap gap-2', className)}\n      {...props}\n    >\n      {files.map((f, i) => {\n        const type = f.type ?? '';\n        if (type.startsWith('audio/') && f.href) {\n          return (\n            <VoiceMessage\n              key={`${f.name}-${i}`}\n              src={f.href}\n              peaks={f.peaks}\n              duration={f.duration}\n              transcript={f.transcript}\n              title={f.name}\n            />\n          );\n        }\n        if (type.startsWith('image/') && f.href) {\n          return (\n            <a\n              key={`${f.name}-${i}`}\n              href={f.href}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"block overflow-hidden rounded-lg border outline-none focus-visible:ring-[3px] focus-visible:ring-ring/20\"\n            >\n              <img src={f.href} alt={f.name} className=\"h-28 w-auto max-w-56 object-cover\" />\n            </a>\n          );\n        }\n        const chip = (\n          <>\n            <FileText aria-hidden className=\"size-4 shrink-0 text-muted-foreground\" />\n            <span className=\"min-w-0 truncate\">{f.name}</span>\n            {f.size !== undefined && (\n              <span className=\"shrink-0 text-xs text-muted-foreground\">{formatBytes(f.size)}</span>\n            )}\n          </>\n        );\n        const chipClass =\n          'inline-flex max-w-64 items-center gap-2 rounded-md border bg-surface px-2.5 py-1.5 text-sm';\n        return f.href ? (\n          <a\n            key={`${f.name}-${i}`}\n            href={f.href}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className={cn(\n              chipClass,\n              'outline-none hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20',\n            )}\n          >\n            {chip}\n          </a>\n        ) : (\n          <span key={`${f.name}-${i}`} className={chipClass}>\n            {chip}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n\nexport { MessageActions, MessageAttachments, MessageEditor };\n"],"mappings":"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"}

package/dist/components/message.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../src/components/message.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport type MessageRole = 'user' | 'assistant' | 'system';\n\nexport interface MessageProps extends React.ComponentProps<'div'> {\n  /** Who wrote it. (Not `role`, which is the ARIA attribute.) */\n  from: MessageRole;\n  /** Avatar or agent mark beside assistant messages. */\n  avatar?: React.ReactNode;\n  /** Sender name shown above the message, e.g. the agent's name. */\n  name?: React.ReactNode;\n  /** Timestamp or status text. */\n  meta?: React.ReactNode;\n  /** Actions such as copy and retry, shown on hover and focus. */\n  actions?: React.ReactNode;\n}\n\n/**\n * One turn in a conversation. User turns sit on the right in a quiet bubble,\n * assistant turns read full width with an optional avatar, and system notes\n * are centred and small.\n */\nfunction Message({\n  from,\n  avatar,\n  name,\n  meta,\n  actions,\n  children,\n  className,\n  ...props\n}: MessageProps) {\n  if (from === 'system') {\n    return (\n      <div\n        data-slot=\"message\"\n        data-role=\"system\"\n        className={cn('mx-auto max-w-prose text-center text-xs text-muted-foreground', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n  const user = from === 'user';\n  return (\n    <div\n      data-slot=\"message\"\n      data-role={from}\n      className={cn(\n        'group/message flex animate-in gap-3',\n        user ? 'justify-end' : 'justify-start',\n        className,\n      )}\n      {...props}\n    >\n      {!user && avatar && (\n        <div className=\"mt-0.5 grid size-7 shrink-0 place-items-center overflow-hidden rounded-md border border-brand/15 bg-brand-soft text-brand [&_svg]:size-4\">\n          {avatar}\n        </div>\n      )}\n      <div\n        className={cn('grid min-w-0 gap-1.5', user ? 'max-w-[85%] justify-items-end' : 'flex-1')}\n      >\n        {(name || meta) && (\n          <div className=\"flex items-baseline gap-2 text-xs\">\n            {name && <span className=\"font-semibold text-foreground\">{name}</span>}\n            {meta && <span className=\"text-muted-foreground\">{meta}</span>}\n          </div>\n        )}\n        <div\n          data-slot=\"message-body\"\n          className={cn(\n            'min-w-0 break-words text-sm leading-6',\n            user && 'rounded-lg rounded-tr-xs bg-secondary px-3.5 py-2 text-secondary-foreground',\n          )}\n        >\n          {children}\n        </div>\n        {actions && (\n          <div className=\"flex gap-1 opacity-0 transition-opacity group-focus-within/message:opacity-100 group-hover/message:opacity-100 max-md:opacity-100\">\n            {actions}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"mappings":";;;;;;;;;AAwBA,SAAS,QAAQ,EACf,MACA,QACA,MACA,MACA,SACA,UACA,WACA,GAAG,SACY;CACf,IAAI,SAAS,UACX,OACE,oBAAC,OAAD;EACE,aAAU;EACV,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;EAEH;CACE,CAAA;CAGT,MAAM,OAAO,SAAS;CACtB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,uCACA,OAAO,gBAAgB,iBACvB,SACF;EACA,GAAI;EARN,UAAA,CAUG,CAAC,QAAQ,UACR,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,GAEP,qBAAC,OAAD;GACE,WAAW,GAAG,wBAAwB,OAAO,kCAAkC,QAAQ;GADzF,UAAA;KAGI,QAAQ,SACR,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA;KAAW,CAAA,GACpE,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAyB,UAAA;KAAW,CAAA,CAC1D;;IAEP,oBAAC,OAAD;KACE,aAAU;KACV,WAAW,GACT,yCACA,QAAQ,6EACV;KAEC;IACE,CAAA;IACJ,WACC,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;IACE,CAAA;GAEJ;EACF,CAAA,CAAA;;AAET"}
+{"version":3,"file":"message.js","names":[],"sources":["../../src/components/message.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport type MessageRole = 'user' | 'assistant' | 'system';\n\nexport interface MessageProps extends React.ComponentProps<'div'> {\n  /** Who wrote it. (Not `role`, which is the ARIA attribute.) */\n  from: MessageRole;\n  /** Avatar or agent mark beside assistant messages. */\n  avatar?: React.ReactNode;\n  /** Sender name shown above the message, e.g. the agent's name. */\n  name?: React.ReactNode;\n  /** Timestamp or status text. */\n  meta?: React.ReactNode;\n  /** Actions such as copy and retry, shown on hover and focus. */\n  actions?: React.ReactNode;\n}\n\n/**\n * One turn in a conversation. User turns sit on the right in a quiet bubble,\n * assistant turns read full width with an optional avatar, and system notes\n * are centred and small.\n */\nfunction Message({\n  from,\n  avatar,\n  name,\n  meta,\n  actions,\n  children,\n  className,\n  ...props\n}: MessageProps) {\n  if (from === 'system') {\n    return (\n      <div\n        data-slot=\"message\"\n        data-role=\"system\"\n        className={cn('mx-auto max-w-prose text-center text-xs text-muted-foreground', className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n  const user = from === 'user';\n  return (\n    <div\n      data-slot=\"message\"\n      data-role={from}\n      className={cn(\n        'group/message flex animate-in gap-3',\n        user ? 'justify-end' : 'justify-start',\n        className,\n      )}\n      {...props}\n    >\n      {!user && avatar && (\n        <div className=\"mt-0.5 grid size-7 shrink-0 place-items-center overflow-hidden rounded-md border border-brand/15 bg-brand-soft text-brand [&_svg]:size-4\">\n          {avatar}\n        </div>\n      )}\n      <div\n        className={cn('grid min-w-0 gap-1.5', user ? 'max-w-[85%] justify-items-end' : 'flex-1')}\n      >\n        {(name || meta) && (\n          <div className=\"flex items-baseline gap-2 text-xs\">\n            {name && <span className=\"font-semibold text-foreground\">{name}</span>}\n            {meta && <span className=\"text-muted-foreground\">{meta}</span>}\n          </div>\n        )}\n        <div\n          data-slot=\"message-body\"\n          className={cn(\n            'min-w-0 break-words text-sm leading-6',\n            user && 'rounded-lg rounded-tr-xs bg-secondary px-3.5 py-2 text-secondary-foreground',\n          )}\n        >\n          {children}\n        </div>\n        {actions && (\n          <div className=\"flex gap-1 opacity-0 transition-opacity group-focus-within/message:opacity-100 group-hover/message:opacity-100 max-md:opacity-100\">\n            {actions}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"mappings":";;;;;;;;;;AAwBA,SAAS,QAAQ,EACf,MACA,QACA,MACA,MACA,SACA,UACA,WACA,GAAG,SACY;CACf,IAAI,SAAS,UACX,OACE,oBAAC,OAAD;EACE,aAAU;EACV,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;EAEH;CACE,CAAA;CAGT,MAAM,OAAO,SAAS;CACtB,OACE,qBAAC,OAAD;EACE,aAAU;EACV,aAAW;EACX,WAAW,GACT,uCACA,OAAO,gBAAgB,iBACvB,SACF;EACA,GAAI;EARN,UAAA,CAUG,CAAC,QAAQ,UACR,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,GAEP,qBAAC,OAAD;GACE,WAAW,GAAG,wBAAwB,OAAO,kCAAkC,QAAQ;GADzF,UAAA;KAGI,QAAQ,SACR,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAiC,UAAA;KAAW,CAAA,GACpE,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAyB,UAAA;KAAW,CAAA,CAC1D;;IAEP,oBAAC,OAAD;KACE,aAAU;KACV,WAAW,GACT,yCACA,QAAQ,6EACV;KAEC;IACE,CAAA;IACJ,WACC,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA;IACE,CAAA;GAEJ;EACF,CAAA,CAAA;;AAET"}