@alexgorbatchev/shadcn 0.0.47 → 0.0.49

package/dist/{chunk-kz9np152.js → chunk-ybs1waxw.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   paper
 } from "./chunk-fgmcbtyt.js";

package/dist/{chunk-474fgeht.js → chunk-yeht7bxz.js}

@@ -1,9 +1,9 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 
 // src/components/assistant-ui/elements/ConnectionState.tsx
 import { CheckIcon, CloudOffIcon, Loader2Icon } from "lucide-react";

package/dist/{chunk-4e1eq1t5.js → chunk-z0z9p92d.js}

@@ -1,14 +1,14 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   InputGroup2,
   InputGroupAddon2,
   InputGroupInput2
-} from "./chunk-14mh00z3.js";
+} from "./chunk-rxjxb4vy.js";
 import {
   field,
   mono

package/dist/{chunk-5myr07fp.js → chunk-z15pn5a5.js}

@@ -1,9 +1,9 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 
 // src/components/assistant-ui/elements/Suggestions.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-p5x18ckg.js → chunk-zdp3bb9e.js}

@@ -1,6 +1,6 @@
 import {
   EveAskQuestion2
-} from "./chunk-vg2j5044.js";
+} from "./chunk-t5e0s8q6.js";
 
 // src/components/assistant-ui/eveAskQuestionToolkit.ts
 import { defineToolkit } from "@assistant-ui/react";

package/dist/{chunk-kv1akmf5.js → chunk-zdpm4kf4.js}

@@ -1,13 +1,13 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Card2,
   CardHeader2,
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-bygq5yqf.js";
+} from "./chunk-k1f35j55.js";
 import {
   codeScroll,
   codeSurface

package/dist/{chunk-ray29hdb.js → chunk-zk8enn91.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-tcefvfr8.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Popover2,
   PopoverTrigger2,
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-21ab0jsp.js";
+} from "./chunk-bf8kbj33.js";
 
 // src/components/assistant-ui/native/MessageTiming.tsx
 import { useMessageTiming } from "@assistant-ui/react";

package/dist/{chunk-r7mfpkbb.js → chunk-zmygyj8h.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-tcefvfr8.js";
 import {
   AnalyticsLink
-} from "./chunk-4710gn6d.js";
+} from "./chunk-m4geb1s5.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   Dialog2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-jgdpa00w.js";
+} from "./chunk-4t23yhc0.js";
 import {
   safeHref
 } from "./chunk-xhtsnwnb.js";

package/dist/{chunk-m7n2f6nf.js → chunk-zrgacdwr.js}

@@ -1,6 +1,6 @@
 import {
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 
 // src/components/assistant-ui/elements/ComposerModelTrigger.tsx
 import { ChevronDownIcon } from "lucide-react";

package/dist/{chunk-cvg5366s.js → chunk-zthc8ajd.js}

@@ -1,6 +1,6 @@
 import {
   CommandEmpty2
-} from "./chunk-0twprqdp.js";
+} from "./chunk-5bq2j907.js";
 
 // src/components/assistant-ui/elements/ModelSelectorEmpty.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-3g8p9apn.js → chunk-zyxzn7xf.js}

@@ -1,6 +1,6 @@
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 
 // src/components/assistant-ui/elements/ReasoningFade.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/components/ActionsMenu.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps, type ReactElement, type ReactNode } from "react";
+import { Button } from "./Button.js";
+import { DropdownMenuTrigger } from "./DropdownMenu.js";
+import { ContextMenuTrigger } from "./ContextMenu.js";
+interface IActionsMenuProps {
+    label: string;
+    items: ReactNode;
+    children?: ReactNode;
+    size?: "icon-xs" | "icon-sm" | "sm";
+    variant?: ComponentProps<typeof Button>["variant"];
+    disabled?: boolean;
+    trigger?: ComponentProps<typeof DropdownMenuTrigger>["render"];
+    contextTarget?: ComponentProps<typeof ContextMenuTrigger>["render"];
+}
+declare function ActionsMenu({ children, contextTarget, ...props }: IActionsMenuProps): ReactElement;
+type ActionsMenuTriggerProps = Omit<ComponentProps<typeof DropdownMenuTrigger>, "handle">;
+declare function ActionsMenuTrigger({ children, render, ...props }: ActionsMenuTriggerProps): ReactElement;
+declare function ActionsMenuContextTarget(props: ComponentProps<typeof ContextMenuTrigger>): ReactElement;
+declare function ActionsMenuContextContent(): ReactElement;
+export { ActionsMenu, ActionsMenuTrigger, ActionsMenuContextTarget, ActionsMenuContextContent };
+export type { IActionsMenuProps, ActionsMenuTriggerProps };

package/dist/components/AppShell.d.ts

@@ -3,10 +3,21 @@ import type { IDensityProps } from "../density/types.js";
 type AppShellNavigationItem = {
     id: string;
     label: string;
-    href: string;
     icon?: ReactNode;
     active?: boolean;
-};
+} & ({
+    href: string;
+    render?: never;
+} | {
+    href?: never;
+    /** A router link element, such as `<Link to="/settings" />`; it owns the destination and navigation. */
+    render: ReactElement;
+});
+/**
+ * - `scroll`: children scroll in a padded column.
+ * - `fill`: children fill the remaining area without padding or scrolling and own their overflow.
+ */
+type AppShellContent = "scroll" | "fill";
 type AppShellProps = IDensityProps & {
     navigation: readonly AppShellNavigationItem[];
     brand: ReactNode;
@@ -17,7 +28,8 @@ type AppShellProps = IDensityProps & {
     height?: CSSProperties["height"];
     defaultSidebarOpen?: boolean;
     label?: string;
+    content?: AppShellContent;
 };
-declare function AppShell({ navigation, brand, children, header, sidebarFooter, footer, height, defaultSidebarOpen, label, density, }: AppShellProps): ReactElement;
+declare function AppShell({ navigation, brand, children, header, sidebarFooter, footer, height, defaultSidebarOpen, label, content, density, }: AppShellProps): ReactElement;
 export { AppShell };
-export type { AppShellNavigationItem, AppShellProps };
+export type { AppShellContent, AppShellNavigationItem, AppShellProps };

package/dist/components/ConfirmationDialog.d.ts

@@ -1,4 +1,4 @@
-import { type ReactElement } from "react";
+import { type ReactElement, type ReactNode } from "react";
 interface IConfirmationDialogProps {
     open: boolean;
     title: string;
@@ -6,6 +6,7 @@ interface IConfirmationDialogProps {
     confirmLabel: string;
     onOpenChange: (open: boolean) => void;
     onConfirm: () => void | Promise<void>;
+    renderError?: (error: unknown) => ReactNode;
 }
-export declare function ConfirmationDialog({ open, title, description, confirmLabel, onOpenChange, onConfirm, }: IConfirmationDialogProps): ReactElement;
+export declare function ConfirmationDialog({ open, title, description, confirmLabel, onOpenChange, onConfirm, renderError, }: IConfirmationDialogProps): ReactElement;
 export {};

package/dist/components/Container.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { IDensityProps } from "../density/types.js";
+import type { ContainerWidth, LayoutSpacing, LayoutState } from "../layout/types.js";
+type ContainerProps = useRender.ComponentProps<"div", LayoutState> & IDensityProps & {
+    /** Maximum inline size: `xs` 20rem, `sm` 24rem, `md` 42rem, `lg` 64rem, `xl` 80rem, or `full`. */
+    width?: ContainerWidth;
+    padding?: LayoutSpacing;
+};
+/** Horizontally centered column with a maximum width. Use `render` for a semantic element such as `main`. */
+declare function Container({ width, padding, density, className, render, ...props }: ContainerProps): ReactElement;
+export { Container };
+export type { ContainerProps };

package/dist/components/ContextMenu.d.ts

@@ -1,7 +1,6 @@
 import type { IAnalyticsProps } from "../analytics/types.js";
-import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
 import type { IDensityProps } from "../density/types.js";
-import type { ComponentProps, ReactElement } from "react";
+import type { ReactElement } from "react";
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
 declare function ContextMenu({ analytics, ...props }: ContextMenuPrimitive.Root.Props & IAnalyticsProps): ReactElement;
 declare function ContextMenuPortal({ container, ref, children, ...props }: ContextMenuPrimitive.Portal.Props): ReactElement;
@@ -9,17 +8,5 @@ type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props & IDensityProp
 declare function ContextMenuTrigger({ density, className, ...props }: ContextMenuTriggerProps): ReactElement;
 type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps;
 declare function ContextMenuContent({ density, className, align, alignOffset, side, sideOffset, ...props }: ContextMenuContentProps): ReactElement;
-declare function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): ReactElement;
-declare function ContextMenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
-declare function ContextMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
-declare function ContextMenuSub({ analytics, ...props }: ContextMenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
-declare function ContextMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
-declare function ContextMenuSubContent({ ...props }: ComponentProps<typeof ContextMenuContent>): ReactElement;
-declare function ContextMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
-declare function ContextMenuRadioGroup({ analytics, ...props }: ContextMenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
-declare function ContextMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
-type ContextMenuSeparatorProps = ContextMenuPrimitive.Separator.Props & IDensityProps;
-declare function ContextMenuSeparator({ density, className, ...props }: ContextMenuSeparatorProps): ReactElement;
-type ContextMenuShortcutProps = ComponentProps<"span"> & IDensityProps;
-declare function ContextMenuShortcut({ density, className, ...props }: ContextMenuShortcutProps): ReactElement;
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+export { MenuGroup as ContextMenuGroup, MenuLabel as ContextMenuLabel, MenuItem as ContextMenuItem, MenuCheckboxItem as ContextMenuCheckboxItem, MenuRadioGroup as ContextMenuRadioGroup, MenuRadioItem as ContextMenuRadioItem, MenuSeparator as ContextMenuSeparator, MenuShortcut as ContextMenuShortcut, MenuSub as ContextMenuSub, MenuSubTrigger as ContextMenuSubTrigger, MenuSubContent as ContextMenuSubContent, } from "./MenuParts.js";
+export { ContextMenu, ContextMenuPortal, ContextMenuTrigger, ContextMenuContent };

package/dist/components/DropdownMenu.d.ts

@@ -1,27 +1,8 @@
 import type { IAnalyticsProps } from "../analytics/types.js";
-import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
-import type { IDensityProps } from "../density/types.js";
-import type { ComponentProps, ReactElement } from "react";
+import type { ReactElement } from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 declare function DropdownMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
-declare function DropdownMenuPortal({ container, ref, children, ...props }: MenuPrimitive.Portal.Props): ReactElement;
 declare function DropdownMenuTrigger<Payload>({ ...props }: MenuPrimitive.Trigger.Props<Payload>): ReactElement;
-type DropdownMenuContentProps = MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps & {
-    width?: "content" | "anchor";
-};
-declare function DropdownMenuContent({ density, width, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuContentProps): ReactElement;
-declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactElement;
-declare function DropdownMenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
-declare function DropdownMenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
-declare function DropdownMenuSub({ analytics, ...props }: MenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
-declare function DropdownMenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
-type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuContent> & IDensityProps;
-declare function DropdownMenuSubContent({ density, align, alignOffset, side, sideOffset, className, ...props }: DropdownMenuSubContentProps): ReactElement;
-declare function DropdownMenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
-declare function DropdownMenuRadioGroup({ analytics, ...props }: MenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
-declare function DropdownMenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
-type DropdownMenuSeparatorProps = MenuPrimitive.Separator.Props & IDensityProps;
-declare function DropdownMenuSeparator({ density, className, ...props }: DropdownMenuSeparatorProps): ReactElement;
-type DropdownMenuShortcutProps = ComponentProps<"span"> & IDensityProps;
-declare function DropdownMenuShortcut({ density, className, ...props }: DropdownMenuShortcutProps): ReactElement;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { MenuGroup as DropdownMenuGroup, MenuLabel as DropdownMenuLabel, MenuItem as DropdownMenuItem, MenuCheckboxItem as DropdownMenuCheckboxItem, MenuRadioGroup as DropdownMenuRadioGroup, MenuRadioItem as DropdownMenuRadioItem, MenuSeparator as DropdownMenuSeparator, MenuShortcut as DropdownMenuShortcut, MenuSub as DropdownMenuSub, MenuSubTrigger as DropdownMenuSubTrigger, MenuSubContent as DropdownMenuSubContent, } from "./MenuParts.js";
+export { DropdownMenu, DropdownMenuTrigger };
+export { MenuPortal as DropdownMenuPortal, MenuPopup as DropdownMenuContent } from "./MenuPopup.js";

package/dist/components/FormDialog.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentProps, FormEventHandler, ReactElement, ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+import { Button } from "./Button.js";
+import { DialogContent } from "./Dialog.js";
+interface IFormDialogProps extends IDensityProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: ReactNode;
+    size?: ComponentProps<typeof DialogContent>["size"];
+    isBusy?: boolean;
+    onSubmit?: FormEventHandler<HTMLFormElement>;
+    submitLabel?: string;
+    submitVariant?: ComponentProps<typeof Button>["variant"];
+    submitDisabled?: boolean;
+    primaryAction?: ReactNode;
+    cancelLabel?: string;
+    error?: ReactNode;
+    children: ReactNode;
+}
+/** Controlled dialog layout; the caller owns submission, validation, and pending state. */
+export declare function FormDialog({ open, onOpenChange, title, description, size, density, isBusy, onSubmit, submitLabel, submitVariant, submitDisabled, primaryAction, cancelLabel, error, children, }: IFormDialogProps): ReactElement;
+export {};

package/dist/components/Grid.d.ts

@@ -0,0 +1,27 @@
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { IDensityProps } from "../density/types.js";
+import type { GridAlign, GridColumns, GridMinColumnWidth, GridSpan, LayoutHeight, LayoutSpacing, LayoutState, ResponsiveValue } from "../layout/types.js";
+type GridProps = useRender.ComponentProps<"div", LayoutState> & IDensityProps & {
+    /** Column count, optionally per viewport breakpoint, such as `{ base: 1, md: 2, xl: 4 }`. */
+    columns?: ResponsiveValue<GridColumns>;
+    /** Fit as many equal columns of at least this width as the grid's own width allows; replaces `columns`. */
+    minColumnWidth?: GridMinColumnWidth;
+    gap?: LayoutSpacing;
+    padding?: LayoutSpacing;
+    /** Block-axis alignment of items within their rows. */
+    align?: GridAlign;
+    /** Take the remaining space of a parent Stack; content may shrink below its intrinsic size. */
+    grow?: boolean;
+    height?: LayoutHeight;
+};
+/** CSS grid with breakpoint or intrinsic columns and density-aware spacing. Use `render` for a semantic element. */
+declare function Grid({ columns, minColumnWidth, gap, padding, align, grow, height, density, className, render, ...props }: GridProps): ReactElement;
+type GridItemProps = useRender.ComponentProps<"div", LayoutState> & IDensityProps & {
+    /** Columns to span, optionally per viewport breakpoint; `full` spans every column at any count. */
+    span?: ResponsiveValue<GridSpan>;
+};
+/** A grid cell that spans several columns. Use `render` for a semantic element. */
+declare function GridItem({ span, density, className, render, ...props }: GridItemProps): ReactElement;
+export { Grid, GridItem };
+export type { GridProps, GridItemProps };

package/dist/components/Heading.d.ts

@@ -0,0 +1,21 @@
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { Density, IDensityProps } from "../density/types.js";
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingSize = "sm" | "base" | "lg" | "xl";
+type HeadingState = {
+    slot: "heading";
+    level: HeadingLevel;
+    density?: Density;
+};
+type HeadingProps = useRender.ComponentProps<"h2", HeadingState> & IDensityProps & {
+    /** Document outline level; it selects the `h1`–`h6` element. */
+    level: HeadingLevel;
+    /** Visual size, independent of the outline level. Defaults by level. */
+    size?: HeadingSize;
+    truncate?: boolean;
+};
+/** Section heading whose outline level and visual size are chosen independently. */
+declare function Heading({ level, size, truncate, density, className, render, ...props }: HeadingProps): ReactElement;
+export { Heading };
+export type { HeadingProps, HeadingLevel, HeadingSize };

package/dist/components/InlineEdit.d.ts

@@ -1,15 +1,17 @@
 import type { IAnalyticsProps } from "../analytics/types.js";
-import { type ReactElement } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import type { IDensityProps } from "../density/types.js";
 interface IInlineEditProps extends IDensityProps, IAnalyticsProps {
     label: string;
     value: string;
     isDisabled?: boolean;
     shouldSelectOnMount?: boolean;
+    hasChanges?: boolean;
+    renderError?: (error: unknown) => ReactNode;
     onValueChange: (value: string) => void;
     onCommit: (value: string) => void | Promise<void>;
     onCancel: () => void;
 }
 /** A mounted edit session. The consumer replaces its display with this field while editing. */
-export declare function InlineEdit({ analytics, label, value, density, isDisabled, shouldSelectOnMount, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
+export declare function InlineEdit({ analytics, label, value, density, isDisabled, shouldSelectOnMount, hasChanges, renderError, onValueChange, onCommit, onCancel, }: IInlineEditProps): ReactElement;
 export {};

package/dist/components/MenuParts.d.ts

@@ -0,0 +1,24 @@
+import type { IAnalyticsProps } from "../analytics/types.js";
+import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuPopupProps } from "../menu/types.js";
+import type { IDensityProps } from "../density/types.js";
+import type { ComponentProps, ReactElement } from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+declare function MenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactElement;
+declare function MenuLabel({ density, className, inset, ...props }: MenuLabelProps): ReactElement;
+declare function MenuItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
+type MenuLinkItemProps = MenuPrimitive.LinkItem.Props & IDensityProps & IAnalyticsProps & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+};
+declare function MenuLinkItem({ analytics, density, className, inset, variant, ...props }: MenuLinkItemProps): ReactElement;
+declare function MenuSub({ analytics, ...props }: MenuPrimitive.SubmenuRoot.Props & IAnalyticsProps): ReactElement;
+declare function MenuSubTrigger({ density, className, inset, children, ...props }: MenuSubTriggerProps): ReactElement;
+declare function MenuSubContent({ density, align, alignOffset, side, sideOffset, className, ...props }: MenuPopupProps): ReactElement;
+declare function MenuCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
+declare function MenuRadioGroup({ analytics, ...props }: MenuPrimitive.RadioGroup.Props & IAnalyticsProps): ReactElement;
+declare function MenuRadioItem({ density, className, children, inset, ...props }: MenuRadioItemProps): ReactElement;
+type MenuSeparatorProps = MenuPrimitive.Separator.Props & IDensityProps;
+declare function MenuSeparator({ density, className, ...props }: MenuSeparatorProps): ReactElement;
+type MenuShortcutProps = ComponentProps<"span"> & IDensityProps;
+declare function MenuShortcut({ density, className, ...props }: MenuShortcutProps): ReactElement;
+export { MenuGroup, MenuLabel, MenuItem, MenuLinkItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent, };

package/dist/components/MenuPopup.d.ts

@@ -0,0 +1,6 @@
+import type { MenuPopupProps } from "../menu/types.js";
+import type { ReactElement } from "react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+declare function MenuPortal({ container, ref, children, ...props }: MenuPrimitive.Portal.Props): ReactElement;
+declare function MenuPopup({ density, width, align, alignOffset, side, sideOffset, className, ...props }: MenuPopupProps): ReactElement;
+export { MenuPortal, MenuPopup };

package/dist/components/Menubar.d.ts

@@ -1,10 +1,10 @@
 import type { IAnalyticsProps } from "../analytics/types.js";
-import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps } from "../menu/types.js";
+import type { MenuLabelProps, MenuItemProps, MenuSubTriggerProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuPopupProps } from "../menu/types.js";
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
-import { DropdownMenuContent, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent } from "./DropdownMenu.js";
+import { DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub } from "./DropdownMenu.js";
 type MenubarProps = MenubarPrimitive.Props & IDensityProps;
 declare function Menubar({ density, className, ...props }: MenubarProps): ReactElement;
 declare function MenubarMenu<Payload>({ analytics, ...props }: MenuPrimitive.Root.Props<Payload> & IAnalyticsProps): ReactElement;
@@ -12,8 +12,7 @@ declare function MenubarGroup({ ...props }: ComponentProps<typeof DropdownMenuGr
 declare function MenubarPortal({ ...props }: ComponentProps<typeof DropdownMenuPortal>): ReactElement;
 type MenubarTriggerProps<Payload> = MenuPrimitive.Trigger.Props<Payload> & IDensityProps;
 declare function MenubarTrigger<Payload>({ density, className, ...props }: MenubarTriggerProps<Payload>): ReactElement;
-type MenubarContentProps = ComponentProps<typeof DropdownMenuContent> & IDensityProps;
-declare function MenubarContent({ density, className, align, alignOffset, sideOffset, ...props }: MenubarContentProps): ReactElement;
+declare function MenubarContent({ density, className, align, alignOffset, sideOffset, ...props }: MenuPopupProps): ReactElement;
 declare function MenubarItem({ analytics, density, className, inset, variant, ...props }: MenuItemProps & IAnalyticsProps): ReactElement;
 declare function MenubarCheckboxItem({ analytics, density, className, children, checked, inset, ...props }: MenuCheckboxItemProps & IAnalyticsProps): ReactElement;
 declare function MenubarRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuRadioGroup>): ReactElement;
@@ -25,6 +24,5 @@ type MenubarShortcutProps = ComponentProps<typeof DropdownMenuShortcut> & IDensi
 declare function MenubarShortcut({ density, className, ...props }: MenubarShortcutProps): ReactElement;
 declare function MenubarSub({ ...props }: ComponentProps<typeof DropdownMenuSub>): ReactElement;
 declare function MenubarSubTrigger({ density, className, inset, ...props }: MenuSubTriggerProps): ReactElement;
-type MenubarSubContentProps = ComponentProps<typeof DropdownMenuSubContent> & IDensityProps;
-declare function MenubarSubContent({ density, className, ...props }: MenubarSubContentProps): ReactElement;
+declare function MenubarSubContent({ density, className, ...props }: MenuPopupProps): ReactElement;
 export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };

package/dist/components/ScrollArea.d.ts

@@ -3,8 +3,10 @@ import type { ReactElement, ReactNode } from "react";
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
 type ScrollAreaProps = ScrollAreaPrimitive.Root.Props & IDensityProps & {
     scrollbars?: ReactNode;
+    /** Take the remaining space of a parent flex layout, such as a Stack, and scroll within it. */
+    grow?: boolean;
 };
-declare function ScrollArea({ density, className, children, scrollbars, ...props }: ScrollAreaProps): ReactElement;
+declare function ScrollArea({ density, className, children, scrollbars, grow, ...props }: ScrollAreaProps): ReactElement;
 type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props & IDensityProps;
 declare function ScrollBar({ density, className, orientation, ...props }: ScrollBarProps): ReactElement;
 export { ScrollArea, ScrollBar };

package/dist/components/Stack.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { IDensityProps } from "../density/types.js";
+import type { LayoutHeight, LayoutSpacing, LayoutState, ResponsiveValue, StackAlign, StackDirection, StackJustify } from "../layout/types.js";
+type StackProps = useRender.ComponentProps<"div", LayoutState> & IDensityProps & {
+    /** Main axis; pass breakpoint values, such as `{ base: "vertical", md: "horizontal" }`, to change it responsively. */
+    direction?: ResponsiveValue<StackDirection>;
+    gap?: LayoutSpacing;
+    padding?: LayoutSpacing;
+    /** Cross-axis alignment of the children. */
+    align?: StackAlign;
+    /** Main-axis distribution of the children. */
+    justify?: StackJustify;
+    wrap?: boolean;
+    /** Take the remaining space of a parent Stack; content may shrink below its intrinsic size. */
+    grow?: boolean;
+    height?: LayoutHeight;
+};
+/** Flex layout along one axis with density-aware spacing. Use `render` for a semantic element. */
+declare function Stack({ direction, gap, padding, align, justify, wrap, grow, height, density, className, render, ...props }: StackProps): ReactElement;
+export { Stack };
+export type { StackProps };

package/dist/components/Table.d.ts

@@ -1,5 +1,6 @@
 import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
+import type { TextAlign } from "../typography/types.js";
 type TableProps = ComponentProps<"table"> & IDensityProps & {
     layout?: "auto" | "fixed";
 };
@@ -12,7 +13,7 @@ type TableFooterProps = ComponentProps<"tfoot"> & IDensityProps;
 declare function TableFooter({ density, className, ...props }: TableFooterProps): ReactElement;
 type TableRowProps = ComponentProps<"tr"> & IDensityProps;
 declare function TableRow({ density, className, ...props }: TableRowProps): ReactElement;
-type TableTextAlign = "start" | "center" | "end";
+type TableTextAlign = TextAlign;
 type TableVisibility = "sm" | "lg" | "container-sm" | "container-md";
 interface ITableCellOptions {
     truncate?: boolean;

package/dist/components/Text.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { Density, IDensityProps } from "../density/types.js";
+import type { TextAlign } from "../typography/types.js";
+type TextSize = "xs" | "sm" | "base" | "lg";
+type TextTone = "default" | "muted" | "faint" | "primary" | "success" | "warning" | "destructive";
+type TextWeight = "normal" | "medium" | "semibold";
+type TextState = {
+    slot: "text";
+    density?: Density;
+};
+type TextProps = useRender.ComponentProps<"p", TextState> & IDensityProps & {
+    size?: TextSize;
+    tone?: TextTone;
+    weight?: TextWeight;
+    align?: TextAlign;
+    /** Keep one line and end overflowing text with an ellipsis; otherwise long words wrap. */
+    truncate?: boolean;
+    /** Use equal-width digits for aligned numbers. */
+    tabular?: boolean;
+};
+/** Body text with semantic size, tone, and weight. Renders a paragraph; use `render={<span />}` for inline text. */
+declare function Text({ size, tone, weight, align, truncate, tabular, density, className, render, ...props }: TextProps): ReactElement;
+export { Text };
+export type { TextProps, TextSize, TextTone, TextWeight };

package/dist/components/WeatherForecast.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentProps, ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+import { type IWeatherDay, type TemperatureUnit } from "./WeatherSummary.js";
+type WeatherForecastDay = IWeatherDay & {
+    id: string;
+};
+type WeatherForecastProps = Omit<ComponentProps<"ul">, "children"> & IDensityProps & {
+    days: readonly WeatherForecastDay[];
+    /** Accessible name of the forecast list. */
+    label: string;
+    unit?: TemperatureUnit;
+    locale?: string;
+    /** `strip` shows compact days side by side and wraps them; `list` shows one detailed day per row. */
+    variant?: "strip" | "list";
+};
+/** Several days of weather as a labelled list. */
+declare function WeatherForecast({ days, label, unit, locale, variant, density, className, ...props }: WeatherForecastProps): ReactElement;
+export { WeatherForecast };
+export type { WeatherForecastDay, WeatherForecastProps };

package/dist/components/WeatherSummary.d.ts

@@ -0,0 +1,32 @@
+import type { ReactElement, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import type { Density, IDensityProps } from "../density/types.js";
+type WeatherCondition = "clear" | "partly-cloudy" | "cloudy" | "fog" | "drizzle" | "rain" | "snow" | "thunderstorm";
+type TemperatureUnit = "celsius" | "fahrenheit";
+interface IWeatherDay {
+    /** Day or period name, such as a formatted date. */
+    label: ReactNode;
+    condition: WeatherCondition;
+    /** Localized condition text; defaults to an English name for `condition`. */
+    conditionLabel?: string;
+    high: number;
+    low: number;
+    /** Chance of precipitation from 0 to 100. */
+    precipitationProbability?: number;
+}
+type WeatherSummaryState = {
+    slot: "weather-summary";
+    condition: WeatherCondition;
+    density?: Density;
+};
+type WeatherSummaryProps = Omit<useRender.ComponentProps<"div", WeatherSummaryState>, "children"> & IDensityProps & IWeatherDay & {
+    unit?: TemperatureUnit;
+    /** BCP 47 locale for temperatures and percentages; defaults to the runtime locale. */
+    locale?: string;
+    /** `compact` keeps the condition name for assistive technology only. */
+    variant?: "default" | "compact";
+};
+/** One day's forecast: label, condition icon and name, high and low temperatures, and precipitation chance. */
+declare function WeatherSummary({ label, condition, conditionLabel, high, low, precipitationProbability, unit, locale, variant, density, className, render, ...props }: WeatherSummaryProps): ReactElement;
+export { WeatherSummary };
+export type { IWeatherDay, TemperatureUnit, WeatherCondition, WeatherSummaryProps };

package/dist/components/analytics/AnalyticsLink.d.ts

@@ -1,7 +1,8 @@
-import type { ComponentProps, ReactElement } from "react";
+import type { ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
 import type { IAnalyticsProps } from "../../analytics/types.js";
-type AnalyticsLinkProps = ComponentProps<"a"> & IAnalyticsProps & {
+type AnalyticsLinkProps = useRender.ComponentProps<"a"> & IAnalyticsProps & {
     component: string;
 };
-export declare function AnalyticsLink({ component, analytics, ...props }: AnalyticsLinkProps): ReactElement;
+export declare function AnalyticsLink({ component, analytics, render, ...props }: AnalyticsLinkProps): ReactElement;
 export {};