@alexgorbatchev/shadcn 0.0.19 → 0.0.21

package/dist/components/gantt/index.js

@@ -0,0 +1,357 @@
+import {
+  Tabs2,
+  TabsList2,
+  TabsTrigger2,
+  TabsContent2,
+  DragDropProvider2,
+  DragSource2,
+  DropTarget2,
+  Kanban2
+} from "../../chunk-kbg2e95b.js";
+import"../../chunk-cp2m7y7v.js";
+import"../../chunk-wjx6zf94.js";
+import {
+  Button2
+} from "../../chunk-73rkr9ct.js";
+import {
+  NativeSelect2,
+  NativeSelectOption2
+} from "../../chunk-r9qrb6b6.js";
+import {
+  Table2,
+  TableHeader2,
+  TableBody2,
+  TableRow2,
+  TableHead2,
+  TableCell2
+} from "../../chunk-0y0kqaqj.js";
+
+// src/components/gantt/Gantt.tsx
+import { useId, useState } from "react";
+import { TZDate } from "@date-fns/tz";
+import { addDays, differenceInCalendarDays, format, startOfDay } from "date-fns";
+import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Gantt({
+  label,
+  tasks,
+  startDate,
+  days = 30,
+  timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone,
+  onTaskSelect,
+  onTaskChange,
+  density
+}) {
+  const id = useId();
+  const type = `application/x-gantt-${id.replaceAll(":", "").toLowerCase()}`;
+  const [zoom, setZoom] = useState("day");
+  const width = zoom === "day" ? 48 : zoom === "week" ? 24 : 12;
+  const start = startOfDay(new TZDate(startDate, timeZone));
+  const dates = Array.from({ length: days }, (_, index) => addDays(start, index));
+  const shift = (task, delta) => {
+    onTaskChange?.({
+      ...task,
+      start: new Date(addDays(new TZDate(task.start, timeZone), delta).getTime()),
+      end: new Date(addDays(new TZDate(task.end, timeZone), delta).getTime())
+    });
+  };
+  return /* @__PURE__ */ jsx(DragDropProvider2, {
+    children: /* @__PURE__ */ jsxs("section", {
+      "aria-label": label,
+      "data-density": density,
+      "data-scroll": "none",
+      className: "grid min-w-0 gap-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center justify-between gap-3",
+          children: [
+            /* @__PURE__ */ jsx("h2", {
+              className: "font-semibold",
+              children: label
+            }),
+            /* @__PURE__ */ jsxs(NativeSelect2, {
+              "aria-label": "Timeline zoom",
+              value: zoom,
+              onChange: (event) => setZoom(event.target.value),
+              children: [
+                /* @__PURE__ */ jsx(NativeSelectOption2, {
+                  value: "day",
+                  children: "Day scale"
+                }),
+                /* @__PURE__ */ jsx(NativeSelectOption2, {
+                  value: "week",
+                  children: "Week scale"
+                }),
+                /* @__PURE__ */ jsx(NativeSelectOption2, {
+                  value: "month",
+                  children: "Month scale"
+                })
+              ]
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsx("div", {
+          role: "region",
+          "aria-label": `${label} timeline`,
+          tabIndex: 0,
+          className: "max-h-[65vh] overflow-auto rounded-sm border border-border",
+          children: /* @__PURE__ */ jsxs(Table2, {
+            "aria-label": label,
+            children: [
+              /* @__PURE__ */ jsx(TableHeader2, {
+                children: /* @__PURE__ */ jsxs(TableRow2, {
+                  children: [
+                    /* @__PURE__ */ jsx(TableHead2, {
+                      scope: "col",
+                      className: "sticky start-0 z-20 min-w-56 bg-card",
+                      children: "Task"
+                    }),
+                    dates.map((date) => /* @__PURE__ */ jsx(TableHead2, {
+                      scope: "col",
+                      className: "px-0 text-center text-xs",
+                      style: { minWidth: width, width },
+                      children: /* @__PURE__ */ jsx("abbr", {
+                        title: format(date, "PPP"),
+                        children: format(date, zoom === "day" ? "EEE d" : "d")
+                      })
+                    }, date.toISOString()))
+                  ]
+                })
+              }),
+              /* @__PURE__ */ jsxs(TableBody2, {
+                children: [
+                  tasks.map((task) => {
+                    const offset = differenceInCalendarDays(new TZDate(task.start, timeZone), start);
+                    const duration = differenceInCalendarDays(new TZDate(task.end, timeZone), new TZDate(task.start, timeZone)) + 1;
+                    const left = Math.max(0, offset);
+                    const right = Math.min(days, offset + duration);
+                    return /* @__PURE__ */ jsxs(TableRow2, {
+                      children: [
+                        /* @__PURE__ */ jsx(TableHead2, {
+                          scope: "row",
+                          className: "sticky start-0 z-10 bg-card",
+                          children: /* @__PURE__ */ jsxs("div", {
+                            className: "flex items-center gap-1",
+                            children: [
+                              /* @__PURE__ */ jsx(Button2, {
+                                type: "button",
+                                variant: "link",
+                                className: "min-w-0 flex-1 justify-start px-0",
+                                onClick: () => onTaskSelect(task),
+                                children: task.title
+                              }),
+                              /* @__PURE__ */ jsx(Button2, {
+                                type: "button",
+                                variant: "ghost",
+                                size: "icon-xs",
+                                "aria-label": `Move ${task.title} one day earlier`,
+                                disabled: !onTaskChange,
+                                onClick: () => shift(task, -1),
+                                children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+                              }),
+                              /* @__PURE__ */ jsx(Button2, {
+                                type: "button",
+                                variant: "ghost",
+                                size: "icon-xs",
+                                "aria-label": `Move ${task.title} one day later`,
+                                disabled: !onTaskChange,
+                                onClick: () => shift(task, 1),
+                                children: /* @__PURE__ */ jsx(ArrowRightIcon, {})
+                              })
+                            ]
+                          })
+                        }),
+                        /* @__PURE__ */ jsx(TableCell2, {
+                          colSpan: days,
+                          className: "p-0",
+                          children: /* @__PURE__ */ jsxs("div", {
+                            className: "relative h-14",
+                            style: { width: days * width },
+                            children: [
+                              /* @__PURE__ */ jsx("div", {
+                                className: "absolute inset-0 grid",
+                                style: { gridTemplateColumns: `repeat(${days},${width}px)` },
+                                children: dates.map((date) => /* @__PURE__ */ jsx(DropTarget2, {
+                                  "data-date": format(date, "yyyy-MM-dd"),
+                                  accept: [type],
+                                  canDrop: (item) => Boolean(onTaskChange) && typeof item.data === "string" && tasks.some((candidate) => candidate.id === item.data),
+                                  onDrop: (item) => {
+                                    const source = tasks.find((candidate) => candidate.id === item.data);
+                                    if (source)
+                                      shift(source, differenceInCalendarDays(date, new TZDate(source.start, timeZone)));
+                                  },
+                                  className: "border-s border-border data-over:bg-accent"
+                                }, date.toISOString()))
+                              }),
+                              right > left && /* @__PURE__ */ jsxs(DragSource2, {
+                                type,
+                                data: task.id,
+                                labels: [task.title],
+                                disabled: !onTaskChange,
+                                render: /* @__PURE__ */ jsx(Button2, {
+                                  type: "button",
+                                  variant: "secondary",
+                                  onClick: () => onTaskSelect(task)
+                                }),
+                                "aria-label": `${task.title}: ${format(new TZDate(task.start, timeZone), "PPP")} to ${format(new TZDate(task.end, timeZone), "PPP")}${task.progress === undefined ? "" : `, ${task.progress}% complete`}`,
+                                className: "absolute top-2 overflow-hidden border border-border px-2 text-xs data-dragging:opacity-50",
+                                style: { insetInlineStart: left * width + 2, width: (right - left) * width - 4 },
+                                children: [
+                                  task.progress !== undefined && /* @__PURE__ */ jsx("span", {
+                                    "aria-hidden": "true",
+                                    className: "absolute inset-y-0 start-0 bg-primary/15",
+                                    style: { width: `${Math.max(0, Math.min(100, task.progress))}%` }
+                                  }),
+                                  /* @__PURE__ */ jsx("span", {
+                                    className: "relative truncate",
+                                    children: task.title
+                                  })
+                                ]
+                              })
+                            ]
+                          })
+                        })
+                      ]
+                    }, task.id);
+                  }),
+                  !tasks.length && /* @__PURE__ */ jsx(TableRow2, {
+                    children: /* @__PURE__ */ jsx(TableCell2, {
+                      colSpan: days + 1,
+                      children: "No tasks scheduled."
+                    })
+                  })
+                ]
+              })
+            ]
+          })
+        })
+      ]
+    })
+  });
+}
+// src/components/gantt/Roadmap.tsx
+import { useState as useState2 } from "react";
+import { format as format2 } from "date-fns";
+import { TZDate as TZDate2 } from "@date-fns/tz";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Roadmap({
+  label,
+  items,
+  columns,
+  startDate,
+  days,
+  timeZone,
+  onItemsChange,
+  onItemSelect,
+  density
+}) {
+  const [view, setView] = useState2("board");
+  return /* @__PURE__ */ jsxs2(Tabs2, {
+    value: view,
+    onValueChange: (value) => {
+      if (typeof value === "string")
+        setView(value);
+    },
+    density,
+    children: [
+      /* @__PURE__ */ jsxs2(TabsList2, {
+        "aria-label": `${label} view`,
+        children: [
+          /* @__PURE__ */ jsx2(TabsTrigger2, {
+            value: "board",
+            children: "Board"
+          }),
+          /* @__PURE__ */ jsx2(TabsTrigger2, {
+            value: "timeline",
+            children: "Timeline"
+          }),
+          /* @__PURE__ */ jsx2(TabsTrigger2, {
+            value: "list",
+            children: "List"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx2(TabsContent2, {
+        value: "board",
+        children: /* @__PURE__ */ jsx2(Kanban2, {
+          label,
+          items,
+          columns,
+          onItemsChange,
+          renderItem: (item) => /* @__PURE__ */ jsx2(Button2, {
+            type: "button",
+            variant: "link",
+            className: "h-auto px-0",
+            onClick: () => onItemSelect(item),
+            children: item.title
+          })
+        })
+      }),
+      /* @__PURE__ */ jsx2(TabsContent2, {
+        value: "timeline",
+        children: /* @__PURE__ */ jsx2(Gantt, {
+          label,
+          tasks: items,
+          startDate,
+          days,
+          timeZone,
+          onTaskSelect: onItemSelect,
+          onTaskChange: (task) => onItemsChange(items.map((item) => item.id === task.id ? task : item))
+        })
+      }),
+      /* @__PURE__ */ jsx2(TabsContent2, {
+        value: "list",
+        children: /* @__PURE__ */ jsxs2(Table2, {
+          "aria-label": label,
+          children: [
+            /* @__PURE__ */ jsx2(TableHeader2, {
+              children: /* @__PURE__ */ jsxs2(TableRow2, {
+                children: [
+                  /* @__PURE__ */ jsx2(TableHead2, {
+                    children: "Task"
+                  }),
+                  /* @__PURE__ */ jsx2(TableHead2, {
+                    children: "Status"
+                  }),
+                  /* @__PURE__ */ jsx2(TableHead2, {
+                    children: "Start"
+                  }),
+                  /* @__PURE__ */ jsx2(TableHead2, {
+                    children: "End"
+                  })
+                ]
+              })
+            }),
+            /* @__PURE__ */ jsx2(TableBody2, {
+              children: items.map((item) => /* @__PURE__ */ jsxs2(TableRow2, {
+                children: [
+                  /* @__PURE__ */ jsx2(TableCell2, {
+                    children: /* @__PURE__ */ jsx2(Button2, {
+                      type: "button",
+                      variant: "link",
+                      onClick: () => onItemSelect(item),
+                      children: item.title
+                    })
+                  }),
+                  /* @__PURE__ */ jsx2(TableCell2, {
+                    children: columns.find((column) => column.id === item.columnId)?.label ?? item.columnId
+                  }),
+                  /* @__PURE__ */ jsx2(TableCell2, {
+                    children: format2(new TZDate2(item.start, timeZone), "PP")
+                  }),
+                  /* @__PURE__ */ jsx2(TableCell2, {
+                    children: format2(new TZDate2(item.end, timeZone), "PP")
+                  })
+                ]
+              }, item.id))
+            })
+          ]
+        })
+      })
+    ]
+  });
+}
+export {
+  Gantt,
+  Roadmap
+};

package/dist/components/image-crop/ImageCrop.d.ts

@@ -0,0 +1,10 @@
+import { type ReactCropProps } from "react-image-crop";
+import type { ReactElement } from "react";
+import type { IDensityProps } from "../../density/types.js";
+type ImageCropProps = ReactCropProps & IDensityProps;
+/** Import react-image-crop/dist/ReactCrop.css alongside the package theme. */
+declare function ImageCrop({ className, density, ...props }: ImageCropProps): ReactElement;
+export { ImageCrop };
+export type { ImageCropProps };
+export { centerCrop, makeAspectCrop, convertToPixelCrop, convertToPercentCrop, cropToCanvas, cropToImg, } from "react-image-crop";
+export type { Crop, PixelCrop, PercentCrop } from "react-image-crop";

package/dist/components/image-crop/index.d.ts

@@ -0,0 +1,2 @@
+export { ImageCrop, centerCrop, makeAspectCrop, convertToPixelCrop, convertToPercentCrop, cropToCanvas, cropToImg, } from "./ImageCrop.js";
+export type { ImageCropProps, Crop, PixelCrop, PercentCrop } from "./ImageCrop.js";

package/dist/components/image-crop/index.js

@@ -0,0 +1,35 @@
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+
+// src/components/image-crop/ImageCrop.tsx
+import { ReactCrop } from "react-image-crop";
+import {
+  centerCrop,
+  makeAspectCrop,
+  convertToPixelCrop,
+  convertToPercentCrop,
+  cropToCanvas,
+  cropToImg
+} from "react-image-crop";
+import { jsx } from "react/jsx-runtime";
+function ImageCrop({ className, density, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-scroll": "none",
+    className: "max-w-full rounded-sm border border-border bg-card p-2",
+    children: /* @__PURE__ */ jsx(ReactCrop, {
+      ...props,
+      className: cn2("max-w-full [&_.ReactCrop__drag-handle]:border-foreground [&_.ReactCrop__drag-handle]:bg-background", className)
+    })
+  });
+}
+export {
+  ImageCrop,
+  centerCrop,
+  convertToPercentCrop,
+  convertToPixelCrop,
+  cropToCanvas,
+  cropToImg,
+  makeAspectCrop
+};

package/dist/components/questionnaire/index.js

@@ -270,8 +270,8 @@ function Je({ "aria-describedby": e, "aria-keyshortcuts": t, disabled: i = false
 function Xe({ defaultItem: e, item: t, items: i, noValidate: a, onItemChange: s, onReset: o, onSubmit: u, ref: f2, shortcuts: g }) {
   let d = p.useMemo(() => We(i), [i]), [c$1, S] = p.useState([]), [B, Q] = p.useState(() => we(d, e)), [x, U] = p.useState(null), [P, A] = p.useState(0), G = p.useRef(null), v = t !== undefined, C = v ? t : B, E = p.useRef(C), O = a === false, V = g ?? null, L = p.useRef(new Set);
   p.useLayoutEffect(() => {
-    if (false)
-      ;
+    if (process.env.NODE_ENV === "production")
+      return;
     if (!d || !x) {
       L.current.clear();
       return;

package/dist/components/resizable/Resizable.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement } from "react";
 import type { GroupProps, PanelProps, SeparatorProps } from "react-resizable-panels";
 declare function Resizable({ className, ...props }: GroupProps): ReactElement;
-declare function ResizablePanel(props: PanelProps): ReactElement;
+declare function ResizablePanel({ style, ...props }: PanelProps): ReactElement;
 type ResizableHandleProps = SeparatorProps & {
     withHandle?: boolean;
     thickness?: "default" | "strong";

package/dist/components/resizable/index.js

@@ -3,7 +3,7 @@ import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "../../chunk-1x2ch0xc.js";
+} from "../../chunk-rffrerg5.js";
 import {
   Separator2
 } from "../../chunk-rajgnfbr.js";

package/dist/components/tree/Tree.d.ts

@@ -0,0 +1,16 @@
+import type { TreeInstance, ItemInstance } from "@headless-tree/core";
+import type { ReactElement, ReactNode } from "react";
+import type { IDensityProps } from "../../density/types.js";
+type TreeProps<T> = IDensityProps & {
+    tree: TreeInstance<T>;
+    label: string;
+    renderIcon?: (item: ItemInstance<T>) => ReactNode;
+    renderLabel?: (item: ItemInstance<T>) => ReactNode;
+};
+/** Render a native Headless Tree instance; configure loading, selection, and actions with useTree. */
+declare function Tree<T>({ tree, label, renderIcon, renderLabel, density }: TreeProps<T>): ReactElement;
+export { Tree };
+export type { TreeProps };
+export { useTree, AssistiveTreeDescription } from "@headless-tree/react";
+export { syncDataLoaderFeature, asyncDataLoaderFeature, hotkeysCoreFeature, selectionFeature, checkboxesFeature, searchFeature, renamingFeature, expandAllFeature, } from "@headless-tree/core";
+export type { TreeInstance, ItemInstance, TreeConfig } from "@headless-tree/core";

package/dist/components/tree/index.d.ts

@@ -0,0 +1,2 @@
+export { Tree, useTree, AssistiveTreeDescription, syncDataLoaderFeature, asyncDataLoaderFeature, hotkeysCoreFeature, selectionFeature, checkboxesFeature, searchFeature, renamingFeature, expandAllFeature, } from "./Tree.js";
+export type { TreeProps, TreeInstance, ItemInstance, TreeConfig } from "./Tree.js";

package/dist/components/tree/index.js

@@ -0,0 +1,57 @@
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.js";
+
+// src/components/tree/Tree.tsx
+import { ChevronRightIcon, FileIcon, FolderIcon, FolderOpenIcon } from "lucide-react";
+import { useTree, AssistiveTreeDescription } from "@headless-tree/react";
+import {
+  syncDataLoaderFeature,
+  asyncDataLoaderFeature,
+  hotkeysCoreFeature,
+  selectionFeature,
+  checkboxesFeature,
+  searchFeature,
+  renamingFeature,
+  expandAllFeature
+} from "@headless-tree/core";
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+function Tree({ tree, label, renderIcon, renderLabel, density }) {
+  return /* @__PURE__ */ jsx("div", {
+    ...tree.getContainerProps(label),
+    "data-density": density,
+    className: "grid gap-1 rounded-sm border border-border bg-card p-2",
+    children: tree.getItems().map((item) => /* @__PURE__ */ createElement("div", {
+      ...item.getProps(),
+      key: item.getKey(),
+      style: { paddingInlineStart: `${item.getItemMeta().level * 20 + 8}px` },
+      className: cn2("flex min-h-control cursor-default items-center gap-2 rounded-sm py-1 pr-2 text-sm outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring", tree.getState().selectedItems?.includes(item.getId()) && "bg-accent text-accent-foreground")
+    }, item.isFolder() ? /* @__PURE__ */ jsx(ChevronRightIcon, {
+      "aria-hidden": "true",
+      className: cn2("size-3.5 shrink-0", item.isExpanded() && "rotate-90")
+    }) : /* @__PURE__ */ jsx("span", {
+      className: "size-3.5 shrink-0"
+    }), /* @__PURE__ */ jsx("span", {
+      "aria-hidden": "true",
+      className: "flex shrink-0 [&>svg]:size-4",
+      children: renderIcon ? renderIcon(item) : item.isFolder() ? item.isExpanded() ? /* @__PURE__ */ jsx(FolderOpenIcon, {}) : /* @__PURE__ */ jsx(FolderIcon, {}) : /* @__PURE__ */ jsx(FileIcon, {})
+    }), /* @__PURE__ */ jsx("span", {
+      className: "min-w-0 truncate",
+      children: renderLabel ? renderLabel(item) : item.getItemName()
+    })))
+  });
+}
+export {
+  AssistiveTreeDescription,
+  Tree,
+  asyncDataLoaderFeature,
+  checkboxesFeature,
+  expandAllFeature,
+  hotkeysCoreFeature,
+  renamingFeature,
+  searchFeature,
+  selectionFeature,
+  syncDataLoaderFeature,
+  useTree
+};

package/dist/event-calendar.css

@@ -0,0 +1,83 @@
+@import "react-big-calendar/lib/css/react-big-calendar.css";
+
+.ag-event-calendar {
+  font-family: inherit;
+  color: var(--foreground);
+  font-size: 0.875rem;
+  --rbc-border: var(--border);
+}
+.ag-event-calendar
+  :is(
+    .rbc-month-view,
+    .rbc-month-row,
+    .rbc-header,
+    .rbc-day-bg,
+    .rbc-time-view,
+    .rbc-time-header-content,
+    .rbc-time-header,
+    .rbc-time-content,
+    .rbc-timeslot-group,
+    .rbc-day-slot .rbc-time-slot,
+    .rbc-agenda-view table,
+    .rbc-agenda-view tbody > tr > td,
+    .rbc-agenda-view thead > tr > th,
+    .rbc-time-content > * + * > *
+  ) {
+  border-color: var(--border);
+}
+.ag-event-calendar :is(.rbc-event, .rbc-background-event) {
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--border);
+  border-radius: var(--radius-sm);
+  font: inherit;
+  text-align: start;
+}
+.ag-event-calendar .rbc-event.rbc-selected {
+  background-color: var(--accent);
+  color: var(--accent-foreground);
+}
+.ag-event-calendar .rbc-event:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+  box-shadow: none;
+}
+.ag-event-calendar .rbc-off-range {
+  color: var(--muted-foreground);
+}
+.ag-event-calendar .rbc-off-range-bg {
+  background: var(--muted);
+}
+.ag-event-calendar .rbc-today {
+  background: var(--accent);
+}
+.ag-event-calendar .rbc-current-time-indicator {
+  background-color: var(--primary);
+}
+.ag-event-calendar .rbc-show-more {
+  color: var(--primary);
+  background: transparent;
+}
+.ag-event-calendar .rbc-show-more:hover {
+  color: var(--foreground);
+}
+.ag-event-calendar .rbc-slot-selection {
+  background: var(--accent);
+  color: var(--accent-foreground);
+  border: 1px solid var(--ring);
+}
+.ag-event-calendar .rbc-slot-selecting {
+  background: var(--muted);
+}
+.ag-event-calendar .rbc-time-header.rbc-overflowing {
+  border-color: var(--border);
+}
+.ag-event-calendar .rbc-events-container .rbc-event {
+  min-height: 1.5rem;
+}
+.ag-event-calendar .rbc-button-link {
+  border-radius: var(--radius-sm);
+}
+.ag-event-calendar .rbc-button-link:focus-visible {
+  outline: 2px solid var(--ring);
+}

package/dist/hooks/usePortalNode.d.ts

@@ -0,0 +1,14 @@
+import { type Ref, type RefCallback, type RefObject } from "react";
+export interface IPortalNode {
+    /** Attaches to the Base UI portal element, together with the consumer's own ref. */
+    ref: RefCallback<HTMLDivElement> | null;
+    /** The portal element. Popups opened inside the portaled content portal into it. */
+    node: RefObject<HTMLDivElement | null>;
+}
+/**
+ * Tracks a popup's portal element. A provided container applies to the outermost popup only: popups opened inside it
+ * portal into its portal element, where Base UI nests them without a container and where a modal popup counts them as
+ * inside it. Placed beside a modal popup instead, a popup that is already mounted when it opens is hidden from
+ * assistive technology and pointer input.
+ */
+export declare function usePortalNode(ref?: Ref<HTMLDivElement>): IPortalNode;

package/dist/index.d.ts

@@ -37,6 +37,8 @@ export { DensityProvider } from "./components/DensityProvider.js";
 export type { IDensityProviderProps } from "./components/DensityProvider.js";
 export type { Density, IDensityProps } from "./density/types.js";
 export { ThemeProvider } from "./components/ThemeProvider.js";
+export { ScrollGuard } from "./components/ScrollGuard.js";
+export type { IScrollGuardProps } from "./components/ScrollGuard.js";
 export type { IThemeProviderProps } from "./components/ThemeProvider.js";
 export { useTheme } from "./hooks/useTheme.js";
 export type { ThemeMode, ResolvedTheme, IThemeContextValue } from "./theme/types.js";
@@ -86,3 +88,36 @@ export { PortalProvider } from "./components/PortalProvider.js";
 export type { IPortalProviderProps } from "./components/PortalProvider.js";
 export { usePortalContainer } from "./hooks/usePortalContainer.js";
 export type { PortalContainer } from "./portal/types.js";
+export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, NumberFieldScrubArea, NumberFieldScrubAreaCursor, } from "./components/NumberField.js";
+export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from "./components/Meter.js";
+export { Toolbar, ToolbarButton, ToolbarLink, ToolbarInput, ToolbarGroup, ToolbarSeparator, } from "./components/Toolbar.js";
+export { Stepper, StepperList, StepperTrigger, StepperIndicator, StepperContent } from "./components/Stepper.js";
+export { AppShell } from "./components/AppShell.js";
+export type { AppShellProps, AppShellNavigationItem } from "./components/AppShell.js";
+export { PageHeader } from "./components/PageHeader.js";
+export type { PageHeaderProps } from "./components/PageHeader.js";
+export { WorkspaceSwitcher } from "./components/WorkspaceSwitcher.js";
+export type { WorkspaceSwitcherProps } from "./components/WorkspaceSwitcher.js";
+export { AccountMenu } from "./components/AccountMenu.js";
+export type { AccountMenuProps, AccountAction } from "./components/AccountMenu.js";
+export { StatCard } from "./components/StatCard.js";
+export type { StatCardProps } from "./components/StatCard.js";
+export { AuthForm } from "./components/AuthForm.js";
+export type { AuthFormProps, AuthFormMode, AuthFormValues } from "./components/AuthForm.js";
+export { SettingsSection } from "./components/SettingsSection.js";
+export type { SettingsSectionProps } from "./components/SettingsSection.js";
+export { TagInput } from "./components/TagInput.js";
+export type { TagInputProps } from "./components/TagInput.js";
+export { FilterBar } from "./components/FilterBar.js";
+export type { FilterBarProps, FilterDefinition } from "./components/FilterBar.js";
+export { Kanban } from "./components/Kanban.js";
+export type { KanbanProps, KanbanColumn, KanbanItem } from "./components/Kanban.js";
+export { BarList } from "./components/BarList.js";
+export type { BarListProps, BarListItem } from "./components/BarList.js";
+export { StatusTracker } from "./components/StatusTracker.js";
+export type { StatusTrackerProps, StatusTrackerItem } from "./components/StatusTracker.js";
+export { DashboardLayout } from "./components/DashboardLayout.js";
+export type { DashboardLayoutProps, DashboardStat } from "./components/DashboardLayout.js";
+export { BillingUsage } from "./components/BillingUsage.js";
+export type { BillingUsageProps, UsageMetric } from "./components/BillingUsage.js";
+export type { ILabelValue } from "./options/types.js";