@alexgorbatchev/shadcn 0.0.19 → 0.0.21

package/dist/chunk-mz3e810d.js

@@ -0,0 +1,83 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider2({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delay,
+    ...props
+  });
+}
+function Tooltip2({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props
+  });
+}
+function TooltipTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  });
+}
+function TooltipContent2({
+  density,
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  const container = usePortalContainer2();
+  const portal = usePortalNode();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
+    container,
+    ref: portal.ref,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, {
+        dir: direction,
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "isolate ",
+        children: /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, {
+          "data-density": resolvedDensity,
+          "data-slot": "tooltip-content",
+          className: (state) => cn2("inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-control-gap rounded-md border border-frame-edge shadow-frame bg-popover px-3 py-1.5 font-sans text-xs text-popover-foreground has-data-[slot=kbd]:pe-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **: **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", typeof className === "function" ? className(state) : className),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+              className: " size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-start-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-end-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+            })
+          ]
+        })
+      })
+    })
+  });
+}
+
+export { TooltipProvider2, Tooltip2, TooltipTrigger2, TooltipContent2 };

package/dist/{chunk-serw27sv.js → chunk-nkw2vsf3.js}

@@ -40,6 +40,7 @@ function SettingsPanel2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "SettingsPanel",
     "data-slot": "settings-panel",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-4 rounded-md p-4"), className),
     ...props,
     children: [

package/dist/{chunk-wf5cnpdg.js → chunk-p45ytcc2.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-86211e5a.js → chunk-p8gshf3k.js}

@@ -1,6 +1,6 @@
 import {
   PopoverTrigger2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 
 // src/components/assistant-ui/elements/ContextDisplayTrigger.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-3552jz55.js → chunk-qcsxnn16.js}

@@ -34,6 +34,7 @@ function AgentCard2({
     "aria-labelledby": titleId,
     "aria-describedby": descriptionId,
     "data-slot": "agent-card",
+    "data-scroll": "none",
     className: cn2(paper, "flex w-full max-w-sm flex-col gap-2 rounded-md p-2"),
     ...props,
     children: [

package/dist/{chunk-q40gqpwh.js → chunk-qgjjcmpa.js}

@@ -6,7 +6,7 @@ import {
   Tooltip2,
   TooltipTrigger2,
   TooltipContent2
-} from "./chunk-czg9p52v.js";
+} from "./chunk-mz3e810d.js";
 
 // src/components/assistant-ui/elements/TooltipIconButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/chunk-r9qrb6b6.js

@@ -0,0 +1,54 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/NativeSelect.tsx
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function NativeSelect2({
+  density,
+  className,
+  dir,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", {
+    dir,
+    className: cn2("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+    "data-density": density,
+    "data-slot": "native-select-wrapper",
+    "data-size": size,
+    children: [
+      /* @__PURE__ */ jsx("select", {
+        dir,
+        "data-slot": "native-select",
+        "data-size": size,
+        className: "h-control w-full min-w-0 appearance-none rounded-sm border border-input bg-secondary py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive data-[size=sm]:h-control-sm data-[size=sm]:rounded-sm data-[size=sm]:py-0.5",
+        ...props
+      }),
+      /* @__PURE__ */ jsx(ChevronDownIcon, {
+        className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
+        "aria-hidden": "true",
+        "data-slot": "native-select-icon"
+      })
+    ]
+  });
+}
+function NativeSelectOption2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("option", {
+    "data-density": density,
+    "data-slot": "native-select-option",
+    className: cn2("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
+}
+function NativeSelectOptGroup2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("optgroup", {
+    "data-density": density,
+    "data-slot": "native-select-optgroup",
+    className: cn2("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
+}
+
+export { NativeSelect2, NativeSelectOption2, NativeSelectOptGroup2 };

package/dist/{chunk-1x2ch0xc.js → chunk-rffrerg5.js}

@@ -12,9 +12,11 @@ function Resizable2({ className, ...props }) {
     ...props
   });
 }
-function ResizablePanel2(props) {
+function ResizablePanel2({ style, ...props }) {
   return /* @__PURE__ */ jsx(Panel, {
     "data-slot": "resizable-panel",
+    "data-scroll": "none",
+    style: { overflow: "clip", ...style },
     ...props
   });
 }

package/dist/{chunk-h561m2ae.js → chunk-s83v0taa.js}

@@ -9,7 +9,7 @@ import {
   DropdownMenuTrigger2,
   DropdownMenuContent2,
   DropdownMenuItem2
-} from "./chunk-mx21wpq0.js";
+} from "./chunk-d4bm5rzy.js";
 import {
   mono
 } from "./chunk-fgmcbtyt.js";

package/dist/{chunk-emasqc8x.js → chunk-sat9hjv7.js}

@@ -1,6 +1,6 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 
 // src/components/assistant-ui/native/ContextDisplayRuntimeRoot.tsx
 import { useAuiState } from "@assistant-ui/react";

package/dist/{chunk-k4vvp62d.js → chunk-seeed8a2.js}

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

package/dist/{chunk-akaezred.js → chunk-tea1nrwn.js}

@@ -1,9 +1,9 @@
 import {
   MermaidZoom2
-} from "./chunk-r4fr62ca.js";
+} from "./chunk-djm7qq62.js";
 import {
   MermaidDiagram3
-} from "./chunk-0q6mg89k.js";
+} from "./chunk-1c5jjkhw.js";
 
 // src/components/assistant-ui/native/MermaidDiagram.tsx
 import { memo } from "react";

package/dist/{chunk-0zwxgwr4.js → chunk-tynbgc30.js}

@@ -10,7 +10,7 @@ import {
   SidebarMenu2,
   SidebarMenuItem2,
   SidebarMenuButton2
-} from "./chunk-45kmek5e.js";
+} from "./chunk-dq7kr5y0.js";
 import {
   ThreadList3
 } from "./chunk-1tgrhacr.js";

package/dist/{chunk-47xfhw4f.js → chunk-v9r6t8bz.js}

@@ -36,6 +36,7 @@ function ReasoningPanel2({
   return /* @__PURE__ */ jsxs(Collapsible2, {
     "data-testid": "ReasoningPanel",
     "data-slot": "reasoning-panel",
+    "data-scroll": "none",
     open,
     onOpenChange: (next) => onOpenChange(next),
     render: /* @__PURE__ */ jsx("div", {

package/dist/{chunk-48b1ya7g.js → chunk-ve9gpkxd.js}

@@ -1,6 +1,6 @@
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 
 // src/components/assistant-ui/native/VoiceDisconnectButton.tsx
 import { useVoiceControls } from "@assistant-ui/react";

package/dist/{chunk-jacxpetf.js → chunk-vjtbpkht.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-wbj4frbk.js";
 import {
   VoiceMuteButton2
-} from "./chunk-m1a9e1py.js";
+} from "./chunk-d2z4gebj.js";
 import {
   VoiceDisconnectButton2
-} from "./chunk-48b1ya7g.js";
+} from "./chunk-ve9gpkxd.js";
 
 // src/components/assistant-ui/native/VoiceControl.tsx
 import { AuiIf } from "@assistant-ui/react";

package/dist/{chunk-g7v9cqyg.js → chunk-vq8nc5xa.js}

@@ -9,7 +9,7 @@ import {
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 import {
   safeHref,
   hostOf

package/dist/{chunk-55bcw5ff.js → chunk-w1w71edg.js}

@@ -24,6 +24,7 @@ function ArtifactCard2({
   return /* @__PURE__ */ jsxs(Button2, {
     "data-testid": "ArtifactCard",
     "data-slot": "artifact-card",
+    "data-scroll": "none",
     variant: "outline",
     disabled: !props.onClick,
     ...props,

package/dist/{chunk-z5d2zpnj.js → chunk-wkpf4bv7.js}

@@ -8,7 +8,7 @@ import {
   CardDescription2,
   CardContent2,
   CardFooter2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Field2,
   FieldLabel2

package/dist/{chunk-ed49y20r.js → chunk-ws4y7ctw.js}

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

package/dist/{chunk-38kwkd1a.js → chunk-wwyzwptb.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-e6hk39ev.js";
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 import {
   Thread2
-} from "./chunk-f8758vjx.js";
+} from "./chunk-az81pc04.js";
 import {
   ThreadListSearch2,
   ThreadListRoot2,
@@ -189,6 +189,7 @@ function AssistantModal2() {
       }),
       isPortalReady && /* @__PURE__ */ jsxs(AssistantModalPrimitive.Content, {
         "data-density": density,
+        "data-scroll": "none",
         ref: contentRef,
         sideOffset: 16,
         "aria-labelledby": titleId,

package/dist/{chunk-yncp9nsv.js → chunk-z4jpedvh.js}

@@ -26,6 +26,7 @@ function ScheduleCard2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "ScheduleCard",
     "data-slot": "schedule-card",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
     ...props,
     children: [

package/dist/{chunk-b12s32e3.js → chunk-zj06vvcz.js}

@@ -6,7 +6,7 @@ import {
   PopoverTrigger2,
   PopoverContent2,
   PopoverTitle2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   ContextBreakdown2
 } from "./chunk-vfhztmet.js";

package/dist/components/AccountMenu.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+type AccountAction = "profile" | "settings" | "sign-out";
+type AccountMenuProps = IDensityProps & {
+    name: string;
+    email?: string;
+    image?: string;
+    onAction: (action: AccountAction) => void;
+};
+declare function AccountMenu({ name, email, image, onAction, density }: AccountMenuProps): ReactElement;
+export { AccountMenu };
+export type { AccountMenuProps, AccountAction };

package/dist/components/AlertDialog.d.ts

@@ -4,7 +4,7 @@ import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog
 import { Button } from "./Button.js";
 declare function AlertDialog<Payload>({ ...props }: AlertDialogPrimitive.Root.Props<Payload>): ReactElement;
 declare function AlertDialogTrigger<Payload>({ ...props }: AlertDialogPrimitive.Trigger.Props<Payload>): ReactElement;
-declare function AlertDialogPortal({ container, ...props }: AlertDialogPrimitive.Portal.Props): ReactElement;
+declare function AlertDialogPortal({ container, ref, children, ...props }: AlertDialogPrimitive.Portal.Props): ReactElement;
 type AlertDialogOverlayProps = AlertDialogPrimitive.Backdrop.Props & IDensityProps;
 declare function AlertDialogOverlay({ density, className, ...props }: AlertDialogOverlayProps): ReactElement;
 type AlertDialogContentProps = AlertDialogPrimitive.Popup.Props & {

package/dist/components/AppShell.d.ts

@@ -0,0 +1,23 @@
+import type { CSSProperties, ReactElement, ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+type AppShellNavigationItem = {
+    id: string;
+    label: string;
+    href: string;
+    icon?: ReactNode;
+    active?: boolean;
+};
+type AppShellProps = IDensityProps & {
+    navigation: readonly AppShellNavigationItem[];
+    brand: ReactNode;
+    children: ReactNode;
+    header?: ReactNode;
+    sidebarFooter?: ReactNode;
+    footer?: ReactNode;
+    height?: CSSProperties["height"];
+    defaultSidebarOpen?: boolean;
+    label?: string;
+};
+declare function AppShell({ navigation, brand, children, header, sidebarFooter, footer, height, defaultSidebarOpen, label, density, }: AppShellProps): ReactElement;
+export { AppShell };
+export type { AppShellNavigationItem, AppShellProps };

package/dist/components/AuthForm.d.ts

@@ -0,0 +1,18 @@
+import { type ReactElement, type ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+type AuthFormMode = "sign-in" | "sign-up" | "reset-password";
+type AuthFormValues = {
+    email: string;
+    password: string;
+    name: string;
+};
+type AuthFormProps = IDensityProps & {
+    mode?: AuthFormMode;
+    onSubmit: (values: AuthFormValues) => void | Promise<void>;
+    footer?: ReactNode;
+    alternativeActions?: ReactNode;
+    disabled?: boolean;
+};
+declare function AuthForm({ mode, onSubmit, footer, alternativeActions, disabled, density, }: AuthFormProps): ReactElement;
+export { AuthForm };
+export type { AuthFormProps, AuthFormMode, AuthFormValues };

package/dist/components/BarList.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+type BarListItem = {
+    id: string;
+    label: string;
+    value: number;
+};
+type BarListProps = IDensityProps & {
+    label: string;
+    items: readonly BarListItem[];
+    onItemSelect?: (item: BarListItem) => void;
+    valueFormatter?: (value: number) => string;
+};
+declare function BarList({ label, items, onItemSelect, valueFormatter, density, }: BarListProps): ReactElement;
+export { BarList };
+export type { BarListProps, BarListItem };

package/dist/components/BillingUsage.d.ts

@@ -0,0 +1,20 @@
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+type UsageMetric = {
+    id: string;
+    label: string;
+    used: number;
+    limit: number;
+    unit?: string;
+};
+type BillingUsageProps = IDensityProps & {
+    plan: string;
+    price: string;
+    period: string;
+    metrics: readonly UsageMetric[];
+    onManage: () => void;
+    pending?: boolean;
+};
+declare function BillingUsage({ plan, price, period, metrics, onManage, pending, density }: BillingUsageProps): ReactElement;
+export { BillingUsage };
+export type { BillingUsageProps, UsageMetric };

package/dist/components/Combobox.d.ts

@@ -32,8 +32,9 @@ type ComboboxChipsProps = ComponentPropsWithRef<typeof ComboboxPrimitive.Chips>
 declare function ComboboxChips({ density, className, ...props }: ComboboxChipsProps): ReactElement;
 type ComboboxChipProps = ComboboxPrimitive.Chip.Props & {
     showRemove?: boolean;
+    removeLabel?: string;
 } & IDensityProps;
-declare function ComboboxChip({ density, className, children, showRemove, ...props }: ComboboxChipProps): ReactElement;
+declare function ComboboxChip({ density, className, children, showRemove, removeLabel, ...props }: ComboboxChipProps): ReactElement;
 type ComboboxChipsInputProps = ComboboxPrimitive.Input.Props & IDensityProps;
 declare function ComboboxChipsInput({ density, className, ...props }: ComboboxChipsInputProps): ReactElement;
 export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, };

package/dist/components/ContextMenu.d.ts

@@ -3,7 +3,7 @@ import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
 declare function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): ReactElement;
-declare function ContextMenuPortal({ container, ...props }: ContextMenuPrimitive.Portal.Props): ReactElement;
+declare function ContextMenuPortal({ container, ref, children, ...props }: ContextMenuPrimitive.Portal.Props): ReactElement;
 type ContextMenuTriggerProps = ContextMenuPrimitive.Trigger.Props & IDensityProps;
 declare function ContextMenuTrigger({ density, className, ...props }: ContextMenuTriggerProps): ReactElement;
 type ContextMenuContentProps = ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps;

package/dist/components/DashboardLayout.d.ts

@@ -0,0 +1,18 @@
+import type { ReactElement, ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+import { type StatCardProps } from "./StatCard.js";
+type DashboardStat = Omit<StatCardProps, "density"> & {
+    id: string;
+};
+type DashboardLayoutProps = IDensityProps & {
+    title: string;
+    description?: ReactNode;
+    actions?: ReactNode;
+    filters?: ReactNode;
+    stats: readonly DashboardStat[];
+    children: ReactNode;
+    footer?: ReactNode;
+};
+declare function DashboardLayout({ title, description, actions, filters, stats, children, footer, density, }: DashboardLayoutProps): ReactElement;
+export { DashboardLayout };
+export type { DashboardLayoutProps, DashboardStat };

package/dist/components/Dialog.d.ts

@@ -3,7 +3,7 @@ import type { ComponentProps, ReactElement } from "react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 declare function Dialog<Payload>({ ...props }: DialogPrimitive.Root.Props<Payload>): ReactElement;
 declare function DialogTrigger<Payload>({ ...props }: DialogPrimitive.Trigger.Props<Payload>): ReactElement;
-declare function DialogPortal({ container, ...props }: DialogPrimitive.Portal.Props): ReactElement;
+declare function DialogPortal({ container, ref, children, ...props }: DialogPrimitive.Portal.Props): ReactElement;
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): ReactElement;
 type DialogOverlayProps = DialogPrimitive.Backdrop.Props & IDensityProps;
 declare function DialogOverlay({ density, className, ...props }: DialogOverlayProps): ReactElement;

package/dist/components/Drawer.d.ts

@@ -6,7 +6,7 @@ type DrawerProps<Payload> = DrawerPrimitive.Root.Props<Payload> & {
 };
 declare function Drawer<Payload>({ modal, showSwipeHandle, snapPoints, swipeDirection, ...props }: DrawerProps<Payload>): ReactElement;
 declare function DrawerTrigger<Payload>({ ...props }: DrawerPrimitive.Trigger.Props<Payload>): ReactElement;
-declare function DrawerPortal({ container, ...props }: DrawerPrimitive.Portal.Props): ReactElement;
+declare function DrawerPortal({ container, ref, children, ...props }: DrawerPrimitive.Portal.Props): ReactElement;
 declare function DrawerClose({ ...props }: DrawerPrimitive.Close.Props): ReactElement;
 type DrawerOverlayProps = DrawerPrimitive.Backdrop.Props & IDensityProps;
 declare function DrawerOverlay({ density, className, ...props }: DrawerOverlayProps): ReactElement;

package/dist/components/DropdownMenu.d.ts

@@ -3,7 +3,7 @@ import type { IDensityProps } from "../density/types.js";
 import type { ComponentProps, ReactElement } from "react";
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 declare function DropdownMenu<Payload>({ ...props }: MenuPrimitive.Root.Props<Payload>): ReactElement;
-declare function DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props): 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";

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,20 @@
+import type { ILabelValue } from "../options/types.js";
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+type FilterDefinition = {
+    id: string;
+    label: string;
+    options: readonly ILabelValue[];
+};
+type FilterBarProps = IDensityProps & {
+    label: string;
+    search: string;
+    onSearchChange: (value: string) => void;
+    filters: readonly FilterDefinition[];
+    value: Record<string, string>;
+    onValueChange: (value: Record<string, string>) => void;
+    disabled?: boolean;
+};
+declare function FilterBar({ label, search, onSearchChange, filters, value, onValueChange, disabled, density, }: FilterBarProps): ReactElement;
+export { FilterBar };
+export type { FilterBarProps, FilterDefinition };

package/dist/components/Kanban.d.ts

@@ -0,0 +1,23 @@
+import { type ReactElement, type ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+type KanbanColumn = {
+    id: string;
+    label: string;
+};
+type KanbanItem = {
+    id: string;
+    columnId: string;
+    title: string;
+};
+type KanbanProps<T extends KanbanItem> = IDensityProps & {
+    label: string;
+    columns: readonly KanbanColumn[];
+    items: readonly T[];
+    onItemsChange: (items: T[]) => void;
+    renderItem?: (item: T) => ReactNode;
+    canMove?: (item: T, columnId: string) => boolean;
+    disabled?: boolean;
+};
+declare function Kanban<T extends KanbanItem>({ label, columns, items, onItemsChange, renderItem, canMove, disabled, density, }: KanbanProps<T>): ReactElement;
+export { Kanban };
+export type { KanbanProps, KanbanColumn, KanbanItem };

package/dist/components/Meter.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+import { Meter as MeterPrimitive } from "@base-ui/react/meter";
+declare function Meter({ density, className, ...props }: MeterPrimitive.Root.Props & IDensityProps): ReactElement;
+declare function MeterLabel({ density, className, ...props }: MeterPrimitive.Label.Props & IDensityProps): ReactElement;
+declare function MeterValue({ density, className, ...props }: MeterPrimitive.Value.Props & IDensityProps): ReactElement;
+declare function MeterTrack({ density, className, ...props }: MeterPrimitive.Track.Props & IDensityProps): ReactElement;
+declare function MeterIndicator({ density, className, ...props }: MeterPrimitive.Indicator.Props & IDensityProps): ReactElement;
+export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator };

package/dist/components/NumberField.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../density/types.js";
+import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
+declare function NumberField({ density, className, ...props }: NumberFieldPrimitive.Root.Props & IDensityProps): ReactElement;
+declare function NumberFieldGroup({ density, className, ...props }: NumberFieldPrimitive.Group.Props & IDensityProps): ReactElement;
+declare function NumberFieldInput({ density, className, ...props }: NumberFieldPrimitive.Input.Props & IDensityProps): ReactElement;
+declare function NumberFieldDecrement({ density, className, children, ...props }: NumberFieldPrimitive.Decrement.Props & IDensityProps): ReactElement;
+declare function NumberFieldIncrement({ density, className, children, ...props }: NumberFieldPrimitive.Increment.Props & IDensityProps): ReactElement;
+declare function NumberFieldScrubArea({ density, className, ...props }: NumberFieldPrimitive.ScrubArea.Props & IDensityProps): ReactElement;
+declare function NumberFieldScrubAreaCursor({ density, className, children, ...props }: NumberFieldPrimitive.ScrubAreaCursor.Props & IDensityProps): ReactElement;
+export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, NumberFieldScrubArea, NumberFieldScrubAreaCursor, };

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement, ReactNode } from "react";
+import type { IDensityProps } from "../density/types.js";
+type PageHeaderProps = IDensityProps & {
+    title: string;
+    description?: ReactNode;
+    breadcrumbs?: ReactNode;
+    actions?: ReactNode;
+};
+declare function PageHeader({ title, description, breadcrumbs, actions, density }: PageHeaderProps): ReactElement;
+export { PageHeader };
+export type { PageHeaderProps };

package/dist/components/ScrollGuard.d.ts

@@ -0,0 +1,6 @@
+export interface IScrollGuardProps {
+    /** Defaults to the current document. Supply an iframe's document to check its elements. */
+    ownerDocument?: Document;
+}
+/** Development-only errors for user-scrollable overflow on elements marked data-scroll="none". */
+export declare function ScrollGuard({ ownerDocument }: IScrollGuardProps): null;