@alexgorbatchev/shadcn 0.0.19 → 0.0.21

package/README.md

@@ -1,3 +1,12 @@
+> [!IMPORTANT]
+> **AI agents:** Before using this package, run the following command from the consuming project and read the linked setup and component documentation:
+>
+> ```sh
+> cat node_modules/@alexgorbatchev/shadcn/llms.txt
+> ```
+>
+> Resolve the index's relative links from `node_modules/@alexgorbatchev/shadcn/`.
+
 `@alexgorbatchev/shadcn` is a standalone React component library for Bun applications that need the sharp, monospace devhost design language. Install it as an npm-compatible package and explore its components in the local interactive Storybook catalog. Consuming apps do not depend on the devhost project.
 
 # What It Does
@@ -41,20 +50,30 @@ Package preparation and contributor commands are documented in [AGENTS.md](./AGE
 
 Import shared controls and providers from `@alexgorbatchev/shadcn`. Import the following features from their dedicated entry points and install only the peers you use. These features, their hooks, and their types are not exported from the package root.
 
-| Import path suffix  | Components                                              | Install alongside the package                                 |
-| ------------------- | ------------------------------------------------------- | ------------------------------------------------------------- |
-| `/chart`            | Chart components, ChartStyle, useChart, and chart types | `bun add recharts@3.8.0 cssesc@3.0.0 es-toolkit@1.52.0`       |
-| `/calendar`         | Calendar, CalendarDayButton                             | `bun add @daypicker/react@^10.0.2`                            |
-| `/persian-calendar` | PersianCalendar                                         | `bun add @daypicker/persian@^10.0.2 @daypicker/react@^10.0.2` |
-| `/carousel`         | Carousel components, useCarousel, and carousel types    | `bun add embla-carousel-react@^8.6.0`                         |
-| `/command`          | Command components, including CommandDialog             | `bun add cmdk@^1.1.1`                                         |
-| `/resizable`        | Resizable components and SplitView                      | `bun add react-resizable-panels@^4.14.3`                      |
-| `/fonts.css`        | JetBrains Mono font stylesheet                          | `bun add @fontsource-variable/jetbrains-mono@^5.3.0`          |
-| `/sonner`           | Sonner, SonnerToaster, Toaster, toast, useSonner        | No additional install; patched implementation is bundled      |
-| `/input-otp`        | InputOTP components                                     | No additional install; patched implementation is bundled      |
-| `/virtual-table`    | VirtualTable and row measurement props                  | `@tanstack/react-virtual@3.14.13`                             |
-| `/message-scroller` | MessageScroller components, hooks, and types            | No additional install; patched implementation is bundled      |
-| `/questionnaire`    | Questionnaire components and types                      | No additional install; patched implementation is bundled      |
+| Import path suffix  | Components                                               | Install alongside the package                                                                                    |
+| ------------------- | -------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `/chart`            | Chart parts, AnalyticsChart, Sparkline, hooks and types  | `bun add recharts@3.8.0 cssesc@3.0.0 es-toolkit@1.52.0`                                                          |
+| `/calendar`         | Calendar, CalendarDayButton, DatePicker, DateRangePicker | `bun add @daypicker/react@^10.0.2`                                                                               |
+| `/persian-calendar` | PersianCalendar                                          | `bun add @daypicker/persian@^10.0.2 @daypicker/react@^10.0.2`                                                    |
+| `/carousel`         | Carousel components, useCarousel, and carousel types     | `bun add embla-carousel-react@^8.6.0`                                                                            |
+| `/command`          | Command components, including CommandDialog              | `bun add cmdk@^1.1.1`                                                                                            |
+| `/resizable`        | Resizable components and SplitView                       | `bun add react-resizable-panels@^4.14.3`                                                                         |
+| `/fonts.css`        | JetBrains Mono font stylesheet                           | `bun add @fontsource-variable/jetbrains-mono@^5.3.0`                                                             |
+| `/sonner`           | Sonner, SonnerToaster, Toaster, toast, useSonner         | No additional install; patched implementation is bundled                                                         |
+| `/input-otp`        | InputOTP components                                      | No additional install; patched implementation is bundled                                                         |
+| `/virtual-table`    | VirtualTable and row measurement props                   | `@tanstack/react-virtual@3.14.13`                                                                                |
+| `/message-scroller` | MessageScroller components, hooks, and types             | No additional install; patched implementation is bundled                                                         |
+| `/questionnaire`    | Questionnaire components and types                       | No additional install; patched implementation is bundled                                                         |
+| `/data-grid`        | DataGrid and native table helpers                        | `bun add @tanstack/react-table@9.2.8`                                                                            |
+| `/file-upload`      | FileUpload selection and validation                      | `bun add react-dropzone@^20.1.4`                                                                                 |
+| `/color-picker`     | ColorPicker                                              | `bun add react-colorful@^5.8.1`                                                                                  |
+| `/image-crop`       | ImageCrop and native export helpers                      | `bun add react-image-crop@^11.1.2`                                                                               |
+| `/tree`             | Tree, native hooks and features                          | `bun add @headless-tree/core@^1.8.0 @headless-tree/react@^1.8.0`                                                 |
+| `/editor`           | RichTextEditor, native Tiptap hooks and StarterKit       | `bun add @tiptap/core@^3.32.0 @tiptap/react@^3.32.0 @tiptap/pm@^3.32.0 @tiptap/starter-kit@^3.32.0`              |
+| `/event-calendar`   | EventCalendar, EventForm and native calendar APIs        | `bun add react-big-calendar@^1.20.0 date-fns@^4.4.0`; TypeScript: `bun add -d @types/react-big-calendar@^1.16.3` |
+| `/gantt`            | Gantt and Roadmap                                        | `bun add date-fns@^4.4.0 @date-fns/tz@^1.5.0`                                                                    |
+
+Import `@alexgorbatchev/shadcn/event-calendar.css` for EventCalendar, and `react-image-crop/dist/ReactCrop.css` for ImageCrop. The root also provides application shells, dashboard and billing layouts, authentication/settings forms, account/workspace controls, Kanban, facets, tags, number fields, toolbars, meters, stat cards and status displays. See the [component catalog reference](./docs/internal/component-catalog.md) for source groups, native APIs, dependency costs and consumer responsibilities.
 
 For example:
 
@@ -64,11 +83,11 @@ import { ChartContainer, type ChartConfig } from "@alexgorbatchev/shadcn/chart";
 import { Carousel, CarouselContent, CarouselItem } from "@alexgorbatchev/shadcn/carousel";
 ```
 
-The patched `sonner`, `input-otp`, and `@shadcn/react` packages remain regular dependencies pending upstream fixes. Other feature dependencies are optional peers, so a core-only installation does not request them. Shared providers work across entry points.
+The patched `sonner`, `input-otp`, and `@shadcn/react` packages remain regular dependencies pending upstream fixes. `@base-ui/utils` is a regular dependency at the exact version `@base-ui/react` requires, so the portal components share Base UI's own ref merging without installing a second copy. Other feature dependencies are optional peers, so a core-only installation does not request them. Shared providers work across entry points.
 
 The optional assistant-ui catalog provides presentational families under `/assistant-ui/<family>` and runtime adapters under `/assistant-ui/native/<family>`. For example, import `ApprovalCard` from `@alexgorbatchev/shadcn/assistant-ui/approval-card`. Add `@alexgorbatchev/shadcn/assistant-ui.css` to your stylesheet. Native threads require an actual assistant-ui runtime and the selected family's optional peers. See the [assistant-ui reference](./docs/internal/assistant-ui.md) for imports, dependency-bearing styles, source inventory, and the SelectionToolbar isolation limitation.
 
-For embedded surfaces, import `PortalProvider` from the package root and pass the real overlay `container`. Dialogs, alerts, sheets, drawers, menus, navigation popups, comboboxes, selects, hover cards, tooltips, popovers, and Base UI toasts inherit that container. Native portal props can still supply an explicit container override.
+For embedded surfaces, import `PortalProvider` from the package root and pass the real overlay `container`. Dialogs, alerts, sheets, drawers, menus, navigation popups, comboboxes, selects, hover cards, tooltips, popovers, and Base UI toasts inherit that container. The container applies to the outermost popup: a popup opened inside another one, such as a select in a dialog, renders inside that popup's portal, where a modal dialog counts it as inside the dialog and keeps it reachable by assistive technology and the pointer. Native portal props can still supply an explicit container override.
 
 # Quick Start
 
@@ -173,6 +192,12 @@ Override tokens after the theme imports. This example uses the existing success
 }
 ```
 
+# LLM Documentation
+
+Storybook serves a generated `llms.txt` index at its site root, with linked setup instructions and a reference page for each story file. Pages contain public package imports, documented story controls, default args, and Storybook CSF examples with interaction tests omitted. The excerpts can depend on local helpers and fixtures; each page links to its full source. Story controls describe the configured controls, rather than the complete TypeScript props API.
+
+The npm package includes the same index at `llms.txt` in its root and its linked pages under `llms/`. Package and Storybook builds regenerate these files from the public exports, README, and story catalog.
+
 # Component Catalog
 
 | Area                     | Components                                                                                                                                                                                    |
@@ -189,6 +214,10 @@ Use the composed parts exported from the package root, such as `DialogTrigger`,
 
 `ScrollArea` supplies a native scroll viewport and one vertical `ScrollBar` by default. Set `scrollbars={<ScrollBar orientation="horizontal" />}` for a wide horizontal layout, or supply a fragment containing vertical and horizontal parts for both axes. The tracks stay outside the viewport and reserve their shared corner. `keepMounted` belongs to `ScrollBar`; root and track className callbacks receive native overflow/scroll state. Focus the viewport for native keyboard scrolling.
 
+Scrolling is intentional: cards, panels, dialogs, sheets, and floating surfaces carry `data-scroll="none"`. Put long content in a nested `ScrollArea` or an explicitly styled native scroll viewport; the outer surface stays stationary. `DialogContent` bounds its height to the viewport and uses a flex column, so give a nested `ScrollArea` `className="min-h-0"` to let it shrink within the dialog. Headers and footers stay outside that scroll area when they need to remain visible.
+
+`ThemeProvider` mounts the development-only `ScrollGuard`. Without a theme provider, mount `<ScrollGuard />` once in your app. Add `data-scroll="none"` to any HTML element to apply the same check. The guard throws a browser error identifying the element, axis, and scroll range when computed `overflow: auto` or `scroll` permits overflowing content to scroll. It checks the marked element itself, including portaled elements in the same document, after content and size changes; nested scroll viewports remain independent. Hidden and clipped overflow do not trigger it. Duplicate mounts share one observer per document, and the final unmount disconnects it. Pass `ownerDocument` to check an iframe's document; shadow roots require their own layout validation. The guard installs no observers when the consuming application's `NODE_ENV` is `"production"`.
+
 `ButtonLink` renders a native anchor with Button's `variant`, `size`, `align`, `truncate`, `fullWidth`, and `density` options, so navigation keeps the link role, Enter activation, and browser link behavior without `role="button"`. Pass `href` for a plain link, or a router link element through `render`, such as `<ButtonLink variant="outline" render={<Link to="/settings" />}>Settings</ButtonLink>`; class names, children, handlers, and refs merge with the rendered element. Its render callback receives typed slot and density state. Mark icons with `data-icon="inline-start"` or `data-icon="inline-end"` as in Button. Use `Button` for actions that do not navigate.
 
 `Badge` renders a span by default. Use `render={<a href="https://base-ui.com/" />}` for navigation or a native button for actions; handlers and refs merge with the rendered element. Its render callback receives typed variant, density, and slot state. Mark icons with `data-icon="inline-start"` or `data-icon="inline-end"`; their spacing follows inline direction. Use the success and warning variants for those statuses.

package/THIRD_PARTY_NOTICES.md

@@ -14,6 +14,8 @@ Questionnaire adapts the official registry's fifteen styled parts around `@shadc
 
 ## shadcn/ui
 
+Questionnaire's NativeChoiceKeyboard and ItemArrowNavigation Storybook interactions adapt the native choice-navigation and contextual horizontal-arrow browser tests from `packages/react/src/questionnaire/questionnaire.browser.test.tsx` at upstream commit `3d98900e9b73c45f035f8109e9d41ba6a51685e7` (https://github.com/shadcn-ui/ui). Local changes use this package's styled compositions, Storybook's play context and accessible queries, and assert unanswered-item guards, focus, selection and submitted answers. The upstream MIT notice below covers these adaptations.
+
 Sidebar adapts the official provider and styled parts, preserving custom render/ref contracts, keyboard toggling within each provider, consumer-owned persistence, and native mobile Sheet behavior. Local changes support density, cancelled toggle events, observation without controlled state, inert offcanvas panels, configured mobile widths, and centered icons with accessible collapsed labels. Separator uses Base UI's current orientation attributes, and Tooltip preserves native state callbacks.
 
 Field preserves the official form composition and filters empty error messages before rendering an alert. Popover preserves native className callbacks on its popup, title, and description. Storybook form, date picker, and data table examples follow the official composition guides; the data table uses TanStack Table v9's native API.
@@ -155,3 +157,61 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+## ReUI public component examples
+
+DataGrid, FilterBar, Stepper, FileUpload, Tree, Kanban and planning compositions use the reviewed public MIT registry as a reference. Local integrations use TanStack Table v9, Base UI Tabs, react-dropzone, Headless Tree, React Big Calendar and the package's drag/drop contracts. Styling, native callbacks, keyboard alternatives and behavioral tests are package-owned. Premium blocks, icons and templates are excluded.
+
+Reviewed source: https://github.com/keenthemes/reui/tree/067aa0dc7f8bbfec1cd76fc5ad31f842be5f569a
+
+MIT License
+
+Copyright (c) 2025 Keenthemes Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## Kibo UI examples
+
+RichTextEditor, FileUpload, ImageCrop, ColorPicker, TagInput, EventForm and Roadmap adapt the reviewed MIT composition patterns with native engine APIs and this package's theme. Local implementations preserve Tiptap ownership, native file validation, crop helpers, color conversion and shared roadmap state. The reviewed color-state conversion and image-size retry defects are not copied.
+
+Reviewed source: https://github.com/shadcnblocks/kibo/tree/3d63cdb15b79d972e3dc38a10997987672f9b263
+
+Copyright (c) 2023 — Present shadcnblocks
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## Tremor Blocks
+
+StatCard, DashboardLayout, BillingUsage and SettingsSection follow the reviewed MIT dashboard, KPI, billing and form composition patterns. Local versions use semantic tokens, package primitives, consumer callbacks and behavioral stories. BarList, StatusTracker and chart compositions use package Meter/Tooltip and native Recharts; no Tremor Apache-2.0 runtime source is bundled by these additions.
+
+Reviewed source: https://github.com/tremorlabs/tremor-blocks/tree/b319e8d3d3678a4f60f4802f7e85bc1abc52d598
+
+The MIT License (MIT)
+
+Copyright (c) 2025 Tremor Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## coss ui MIT registry reference
+
+NumberField, Toolbar, Meter and date-picker compositions consult the MIT registry under apps/ui at https://github.com/cosscom/ui/tree/3d8ca28e7d90123e9e0f44665944dc240b026ccb/apps/ui. The repository's LICENSING.md designates apps/ui and apps/origin as MIT; its default AGPL license does not apply to these directories. These package implementations use native Base UI primitives and existing Calendar/Popover presentation. No AGPL packages/ui implementation or tests are incorporated.
+
+## Mantine UI design reference
+
+The MIT examples at https://github.com/mantinedev/ui.mantine.dev/tree/966b0ff96011c3373a0a76ffd09c3150c4eb6047 inform responsive layout, authentication, account and statistic variants. Overlapping patterns are consolidated into this package's own compositions; no Mantine runtime, stylesheet or test helper is bundled.
+
+## Optional feature engines
+
+The optional feature imports use external, separately installed react-dropzone 20.1.4 (MIT), react-colorful 5.8.1 (MIT), react-image-crop 11.1.2 (ISC), Headless Tree 1.8.0 (MIT), Tiptap 3.32.0 (MIT), React Big Calendar 1.20.0 (MIT), date-fns 4.4.0 (MIT), and @date-fns/tz 1.5.0 (MIT). Their distributions retain their own license files. No third-party engine source is bundled into the package archive by these integrations. EventCalendar's companion stylesheet imports the externally installed React Big Calendar structural stylesheet and applies local semantic-token presentation.

package/dist/{chunk-q2ewq67a.js → chunk-02qymemz.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 import {
   useCopyToClipboard
 } from "./chunk-6synj4j9.js";

package/dist/{chunk-k89xxj12.js → chunk-0ewzb2ax.js}

@@ -4,7 +4,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";

package/dist/{chunk-0jb0xgdb.js → chunk-0w6rxpr5.js}

@@ -1,6 +1,6 @@
 import {
   CommandInput2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 
 // src/components/assistant-ui/elements/ModelSelectorSearch.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-0q6mg89k.js → chunk-1c5jjkhw.js}

@@ -4,7 +4,7 @@ import {
 import {
   MermaidSvg,
   MermaidZoom2
-} from "./chunk-r4fr62ca.js";
+} from "./chunk-djm7qq62.js";
 
 // src/components/assistant-ui/elements/MermaidDiagram.tsx
 import { useMemo } from "react";

package/dist/{chunk-x82x81th.js → chunk-1p7pend8.js}

@@ -1,16 +1,16 @@
 import {
   CommandList2,
   CommandGroup2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-ghmkxqn5.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-cre60717.js";
+} from "./chunk-72qr0gqe.js";
 import {
   ModelSelectorItem2
-} from "./chunk-vpj3vk7v.js";
+} from "./chunk-83cckb23.js";
 
 // src/components/assistant-ui/elements/ModelSelectorList.tsx
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/dist/chunk-21wbz345.js

@@ -0,0 +1,65 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  buttonVariants2
+} from "./chunk-73rkr9ct.js";
+
+// src/components/Toolbar.tsx
+import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
+import { jsx } from "react/jsx-runtime";
+function Toolbar2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Root, {
+    "data-density": density,
+    "data-slot": "toolbar",
+    "data-scroll": "none",
+    className: (state) => cn2("flex min-w-0 gap-control-gap rounded-sm border border-border bg-card p-1 text-card-foreground data-[orientation=vertical]:flex-col", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToolbarButton2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Button, {
+    "data-density": density,
+    "data-slot": "toolbar-button",
+    className: (state) => cn2(buttonVariants2({ variant: "ghost" }), "data-disabled:border-dashed data-disabled:border-border data-disabled:bg-transparent data-disabled:text-faint-foreground data-disabled:font-normal", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToolbarLink2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Link, {
+    "data-density": density,
+    "data-slot": "toolbar-link",
+    className: (state) => cn2(buttonVariants2({ variant: "ghost" }), typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToolbarInput2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Input, {
+    "data-density": density,
+    "data-slot": "toolbar-input",
+    className: (state) => cn2("h-control min-w-0 rounded-sm border border-input bg-secondary px-control-x text-sm outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToolbarGroup2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Group, {
+    "data-density": density,
+    "data-slot": "toolbar-group",
+    className: (state) => cn2("flex items-center gap-control-gap data-[orientation=vertical]:flex-col", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+function ToolbarSeparator2({
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ToolbarPrimitive.Separator, {
+    "data-density": density,
+    "data-slot": "toolbar-separator",
+    className: (state) => cn2("shrink-0 self-stretch bg-border data-[orientation=vertical]:mx-1 data-[orientation=vertical]:w-px data-[orientation=horizontal]:my-1 data-[orientation=horizontal]:h-px", typeof className === "function" ? className(state) : className),
+    ...props
+  });
+}
+
+export { Toolbar2, ToolbarButton2, ToolbarLink2, ToolbarInput2, ToolbarGroup2, ToolbarSeparator2 };

package/dist/{chunk-zgpdhtkw.js → chunk-21x1n6gn.js}

@@ -1,21 +1,21 @@
 import {
   ContextDisplayRoot2
-} from "./chunk-2gten6a1.js";
+} from "./chunk-6wvhq8wq.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayRing3
-} from "./chunk-vx7c2xhq.js";
+} from "./chunk-5v4typ39.js";
 import {
   ContextDisplayBar3
-} from "./chunk-6xr41wyr.js";
+} from "./chunk-46jdxdzy.js";
 import {
   ContextDisplayText3
-} from "./chunk-r7fy89jq.js";
+} from "./chunk-79667fz5.js";
 
 // src/components/assistant-ui/native/ContextDisplay.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-h46mdagy.js → chunk-24pefkd5.js}

@@ -15,7 +15,7 @@ import {
   DialogHeader2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 import {
   Input2
 } from "./chunk-59p19t57.js";

package/dist/{chunk-msave608.js → chunk-2bx2r98r.js}

@@ -5,7 +5,7 @@ import {
   Popover2,
   PopoverTrigger2,
   PopoverContent2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   AgentStatus3
 } from "./chunk-4k2jzddw.js";

package/dist/{chunk-41wykzq3.js → chunk-2tmvz090.js}

@@ -5,7 +5,7 @@ import {
   HoverCard2,
   HoverCardTrigger2,
   HoverCardContent2
-} from "./chunk-m54kq3he.js";
+} from "./chunk-hh43wg05.js";
 import {
   Button2
 } from "./chunk-73rkr9ct.js";

package/dist/{chunk-wxncy44f.js → chunk-3d9v39ga.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ds65prb9.js";
 import {
   MermaidDiagram3
-} from "./chunk-0q6mg89k.js";
+} from "./chunk-1c5jjkhw.js";
 
 // src/components/assistant-ui/elements/GenerativeUi.tsx
 import ReactMarkdown from "react-markdown";

package/dist/{chunk-2b9agdrf.js → chunk-3dyqen8w.js}

@@ -1,7 +1,7 @@
 import {
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   getPercentColor,
   getContextSegments

package/dist/{chunk-f63f8w58.js → chunk-3jrsp186.js}

@@ -1,6 +1,6 @@
 import {
   Popover2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   contextDisplayContext,
   getUsagePercent

package/dist/{chunk-njzam0hx.js → chunk-3qqdfft7.js}

@@ -43,6 +43,7 @@ function TaskCard3({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "TaskCard",
     "data-slot": "task-card",
+    "data-scroll": "none",
     "data-state": state,
     className: cn2(paper, "flex w-full max-w-sm flex-col overflow-hidden rounded-md", className),
     ...props,

package/dist/{chunk-gfm2arhj.js → chunk-43hfchxf.js}

@@ -123,7 +123,7 @@ var ComposerTriggerPopoverImpl = ({
   ...props
 }) => {
   const warnedRef = useRef(false);
-  if (!warnedRef.current && Boolean(directive) === Boolean(action)) {
+  if (process.env.NODE_ENV !== "production" && !warnedRef.current && Boolean(directive) === Boolean(action)) {
     warnedRef.current = true;
     console.warn("[assistant-ui] ComposerTriggerPopover requires exactly one of `directive` or `action` props.");
   }

package/dist/{chunk-6xr41wyr.js → chunk-46jdxdzy.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot2
-} from "./chunk-2gten6a1.js";
+} from "./chunk-6wvhq8wq.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-x7z9jzyf.js → chunk-4djw71cv.js}

@@ -4,6 +4,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -37,21 +41,27 @@ function PopoverContent2({
   const resolvedDensity = useDensity(density);
   const direction = useDirection();
   const container = usePortalContainer2();
+  const portal = usePortalNode();
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, {
     container,
-    children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
-      dir: direction,
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate ",
-      children: /* @__PURE__ */ jsx(PopoverPrimitive.Popup, {
+    ref: portal.ref,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children: /* @__PURE__ */ jsx(PopoverPrimitive.Positioner, {
         dir: direction,
-        "data-density": resolvedDensity,
-        "data-slot": "popover-content",
-        className: (state) => cn2("flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-md bg-popover p-2.5 text-sm text-popover-foreground shadow-frame border border-frame-edge shadow-frame outline-hidden duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
-        ...props
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "isolate ",
+        children: /* @__PURE__ */ jsx(PopoverPrimitive.Popup, {
+          dir: direction,
+          "data-density": resolvedDensity,
+          "data-slot": "popover-content",
+          "data-scroll": "none",
+          className: (state) => cn2("flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-md bg-popover p-2.5 text-sm text-popover-foreground shadow-frame border border-frame-edge shadow-frame outline-hidden duration-120 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:data-open:animate-none motion-reduce:data-closed:animate-none", typeof className === "function" ? className(state) : className),
+          ...props
+        })
       })
     })
   });

package/dist/{chunk-mjpc4qf7.js → chunk-52e8a05a.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   ConversationMap2
-} from "./chunk-ed49y20r.js";
+} from "./chunk-ws4y7ctw.js";
 import {
   usePrefersReducedMotion
 } from "./chunk-jy57625a.js";

package/dist/{chunk-kc4mmrwk.js → chunk-5ayp2vkw.js}

@@ -7,7 +7,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 
 // src/components/assistant-ui/elements/BackgroundInbox.tsx
 import { CheckIcon, Loader2Icon, XIcon } from "lucide-react";

package/dist/{chunk-vx7c2xhq.js → chunk-5v4typ39.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot2
-} from "./chunk-2gten6a1.js";
+} from "./chunk-6wvhq8wq.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-gt8m0zeq.js → chunk-5wndb6hx.js}

@@ -6,7 +6,7 @@ import {
   PopoverTrigger2,
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 
 // src/components/assistant-ui/native/MessageTiming.tsx
 import { useMessageTiming } from "@assistant-ui/react";

package/dist/{chunk-550z7s64.js → chunk-6432235c.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-8x8yxf6x.js → chunk-67dkgsm3.js}

@@ -2,10 +2,10 @@ import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "./chunk-1x2ch0xc.js";
+} from "./chunk-rffrerg5.js";
 import {
   Thread2
-} from "./chunk-f8758vjx.js";
+} from "./chunk-az81pc04.js";
 
 // src/components/assistant-ui/native/AssistantSidebar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-f73en61v.js → chunk-6f3qpy7v.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-73rkr9ct.js";
 import {
   Card2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Table2,
   TableHeader2,

package/dist/{chunk-2gten6a1.js → chunk-6wvhq8wq.js}

@@ -1,9 +1,9 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 import {
   ContextDisplayRuntimeRoot2
-} from "./chunk-emasqc8x.js";
+} from "./chunk-sat9hjv7.js";
 
 // src/components/assistant-ui/native/ContextDisplayRoot.tsx
 import { jsx } from "react/jsx-runtime";