@vamos-ui/react 0.4.0 → 0.4.1

package/dist/components/toggle.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Toggle as TogglePrimitive, ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import * as TogglePrimitive from "radix-ui/toggle";
+import * as ToggleGroupPrimitive from "radix-ui/toggle-group";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
-export const toggleVariants = cva([
+export const toggleVariants = /*#__PURE__*/ cva([
     "relative inline-flex shrink-0 select-none items-center justify-center gap-1.5 whitespace-nowrap font-medium outline-none",
     "transition-[background-color,color,box-shadow,border-color] duration-150 focus-ring [&_svg]:shrink-0",
     "disabled:pointer-events-none disabled:opacity-45",
@@ -36,7 +37,7 @@ export const toggleVariants = cva([
  * <Toggle variant="outline" defaultPressed>Show archived</Toggle>
  * ```
  */
-export const Toggle = React.forwardRef(function Toggle({ variant = "ghost", size = "md", label, className, children, title, ...props }, ref) {
+export const Toggle = /*#__PURE__*/ React.forwardRef(function Toggle({ variant = "ghost", size = "md", label, className, children, title, ...props }, ref) {
     const iconOnly = Boolean(label) && !hasText(children);
     return (_jsx(TogglePrimitive.Root, { ref: ref, "data-slot": "toggle", "aria-label": props["aria-label"] ?? (iconOnly ? label : undefined), title: title ?? (iconOnly ? label : undefined), className: cn(toggleVariants({ variant, size, iconOnly }), className), ...props, children: children }));
 });
@@ -50,7 +51,7 @@ function hasText(node) {
     });
     return found;
 }
-const ToggleGroupContext = React.createContext({ variant: "outline", size: "md" });
+const ToggleGroupContext = /*#__PURE__*/ React.createContext({ variant: "outline", size: "md" });
 const trackClass = (orientation) => cn("gap-0.5 rounded-ui border border-line bg-selected p-[3px]", orientation === "vertical" ? "flex-col" : "");
 /**
  * A set of toggles with roving focus (one tab stop, arrow keys move): view switches, alignment,
@@ -64,7 +65,7 @@ const trackClass = (orientation) => cn("gap-0.5 rounded-ui border border-line bg
  * </ToggleGroup>
  * ```
  */
-export const ToggleGroup = React.forwardRef(function ToggleGroup(props, ref) {
+export const ToggleGroup = /*#__PURE__*/ React.forwardRef(function ToggleGroup(props, ref) {
     const { variant = "segmented", size = "md", orientation = "horizontal", block, className, children, ...rest } = props;
     const ctx = React.useMemo(() => ({ variant, size }), [variant, size]);
     const layout = cn("relative isolate items-stretch", block ? "flex w-full [&>*]:flex-1" : "inline-flex w-fit max-w-full", orientation === "vertical" && "flex-col", variant === "segmented" && trackClass(orientation), 
@@ -93,7 +94,7 @@ function SingleToggleGroup({ value, defaultValue, onValueChange, allowEmpty = fa
         }, children: children }));
 }
 /** One toggle inside a `ToggleGroup`. */
-export const ToggleGroupItem = React.forwardRef(function ToggleGroupItem({ label, className, children, title, ...props }, ref) {
+export const ToggleGroupItem = /*#__PURE__*/ React.forwardRef(function ToggleGroupItem({ label, className, children, title, ...props }, ref) {
     const { variant, size } = React.useContext(ToggleGroupContext);
     const iconOnly = Boolean(label) && !hasText(children);
     const segmentSize = variant === "segmented"

package/dist/components/tooltip.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
+import * as TooltipPrimitive from "radix-ui/tooltip";
 import { type VariantProps } from "class-variance-authority";
 /** `true` when a `TooltipProvider` is above this point (IconButton switches from `title` to Tooltip). */
 export declare function useHasTooltipProvider(): boolean;

package/dist/components/tooltip.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot, Tooltip as TooltipPrimitive } from "radix-ui";
+import * as Slot from "radix-ui/slot";
+import * as TooltipPrimitive from "radix-ui/tooltip";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { usePortalContainer } from "../lib/theme-scope.js";
@@ -10,7 +11,7 @@ import { KbdGroup } from "./kbd.js";
 /* ------------------------------------------------------------------ */
 /* Provider                                                            */
 /* ------------------------------------------------------------------ */
-const TooltipProviderContext = React.createContext(false);
+const TooltipProviderContext = /*#__PURE__*/ React.createContext(false);
 /** `true` when a `TooltipProvider` is above this point (IconButton switches from `title` to Tooltip). */
 export function useHasTooltipProvider() {
     return React.useContext(TooltipProviderContext);
@@ -32,7 +33,7 @@ export function TooltipRoot(props) {
     return (_jsx(EnsureProvider, { children: _jsx(TooltipPrimitive.Root, { ...props }) }));
 }
 export const TooltipTrigger = TooltipPrimitive.Trigger;
-export const tooltipContentVariants = cva([
+export const tooltipContentVariants = /*#__PURE__*/ cva([
     "ui-pop z-(--z-tooltip) max-w-[min(18rem,calc(100vw-1.5rem))] select-none rounded-ui-sm px-2 py-1 text-[12.5px] leading-snug font-medium",
     // tooltips never blur — they open and close too often to spend the glass budget on
     "[--blur:0px] backdrop-filter-none",
@@ -51,7 +52,7 @@ export const tooltipContentVariants = cva([
     },
     defaultVariants: { tone: "inverted" },
 });
-export const TooltipContent = React.forwardRef(function TooltipContent({ className, tone, arrow = false, shortcut, sideOffset = 6, collisionPadding = 8, children, ...props }, ref) {
+export const TooltipContent = /*#__PURE__*/ React.forwardRef(function TooltipContent({ className, tone, arrow = false, shortcut, sideOffset = 6, collisionPadding = 8, children, ...props }, ref) {
     const container = usePortalContainer();
     const inverted = (tone ?? "inverted") === "inverted";
     return (_jsx(TooltipPrimitive.Portal, { container: container, children: _jsxs(TooltipPrimitive.Content, { ref: ref, "data-slot": "tooltip-content", "data-tone": tone ?? "inverted", sideOffset: sideOffset, collisionPadding: collisionPadding, className: cn(tooltipContentVariants({ tone }), className), ...props, children: [_jsx("span", { className: "min-w-0", children: children }), shortcut ? (_jsx(KbdGroup, { keys: shortcut, size: "sm", variant: "ghost", className: cn("-me-0.5", inverted && "[&_kbd_kbd]:border-[color-mix(in_srgb,var(--scene)_28%,transparent)] [&_kbd_kbd]:text-[color-mix(in_srgb,var(--scene)_78%,transparent)]") })) : null, arrow ? (_jsx(TooltipPrimitive.Arrow, { asChild: true, width: 10, height: 5, children: _jsx(FloatingArrow, { width: 10, height: 5, fill: inverted ? "var(--fg)" : "var(--popover-nested)", stroke: inverted ? "none" : "var(--popover-border)" }) })) : null] }) }));

package/dist/components/top-bar.js

@@ -19,7 +19,7 @@ const topBarLabels = {
  * Bridge between the top bar and the App shell (mobile nav button). App shell provides it; outside
  * a shell the menu button needs its own `onClick`.
  */
-export const TopBarShellContext = React.createContext(null);
+export const TopBarShellContext = /*#__PURE__*/ React.createContext(null);
 /**
  * The sticky bar above the content: mobile menu button, ⌘K search, contextual actions,
  * notifications and the user menu. The same in every app.
@@ -33,7 +33,7 @@ export const TopBarShellContext = React.createContext(null);
  * </TopBar>
  * ```
  */
-export const TopBar = React.forwardRef(function TopBar({ sticky = true, variant = "bar", scrollTarget, className, role, ...props }, ref) {
+export const TopBar = /*#__PURE__*/ React.forwardRef(function TopBar({ sticky = true, variant = "bar", scrollTarget, className, role, ...props }, ref) {
     const [scrolled, setScrolled] = React.useState(false);
     React.useEffect(() => {
         if (typeof window === "undefined")
@@ -64,7 +64,7 @@ export function TopBarSeparator({ className }) {
     return _jsx("span", { "aria-hidden": true, "data-slot": "top-bar-separator", className: cn("mx-1 h-5 w-px shrink-0 bg-line", className) });
 }
 /** Opens the App shell's mobile navigation. Visible only below 768px. */
-export const TopBarMenuButton = React.forwardRef(function TopBarMenuButton({ className, onClick, labels, ...props }, ref) {
+export const TopBarMenuButton = /*#__PURE__*/ React.forwardRef(function TopBarMenuButton({ className, onClick, labels, ...props }, ref) {
     const shell = React.useContext(TopBarShellContext);
     const t = useLabels("topBar", topBarLabels, labels);
     return (_jsx(IconButton, { ref: ref, label: t("menu"), size: "sm", tooltip: false, "aria-expanded": shell ? shell.mobileNavOpen : undefined, "aria-haspopup": "dialog", onClick: (e) => {
@@ -77,7 +77,7 @@ export const TopBarMenuButton = React.forwardRef(function TopBarMenuButton({ cla
  * The ⌘K trigger: a real button that looks like a field. Collapses to an icon button when the bar is
  * narrower than 560px.
  */
-export const TopBarSearch = React.forwardRef(function TopBarSearch({ placeholder, shortcut = "mod+k", onOpen, onClick, className, labels, ...props }, ref) {
+export const TopBarSearch = /*#__PURE__*/ React.forwardRef(function TopBarSearch({ placeholder, shortcut = "mod+k", onOpen, onClick, className, labels, ...props }, ref) {
     const t = useLabels("topBar", topBarLabels, labels);
     const palette = useCommandPalette();
     const open = (e) => {

package/dist/components/tour.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
+import * as PopoverPrimitive from "radix-ui/popover";
 import { X } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";

package/dist/components/tree-select.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Popover as PopoverPrimitive } from "radix-ui";
+import * as PopoverPrimitive from "radix-ui/popover";
 import { ChevronsUpDown, Plus, Search, X } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { FieldContextReset, useFieldControl } from "../lib/field-context.js";
@@ -60,7 +60,7 @@ function PathSeparator() {
  * <TreeSelect multiple nodes={regions} valueMode="parent" value={territories} onValueChange={setTerritories} />
  * ```
  */
-export const TreeSelect = React.forwardRef(function TreeSelect(props, ref) {
+export const TreeSelect = /*#__PURE__*/ React.forwardRef(function TreeSelect(props, ref) {
     const { nodes, loadChildren, selectable = "any", showPath = true, defaultExpanded = "selected", onCreate, searchable = true, mode = "popover", height = 288, size = "md", placeholder, searchPlaceholder, labels, className, } = props;
     const multiple = props.multiple === true;
     const t = useLabels("treeSelect", treeSelectLabels, labels);

package/dist/components/tree-view.js

@@ -19,7 +19,7 @@ const treeViewLabels = {
     noMatches: "No matches for “{query}”",
     results: "{count, plural, =0 {No matches} one {# match} other {# matches}}",
 };
-export const treeRowVariants = cva([
+export const treeRowVariants = /*#__PURE__*/ cva([
     "group/tree-row relative flex w-full min-w-0 cursor-default select-none items-center gap-1.5 rounded-ui-sm pe-1.5 text-start outline-none",
     "transition-colors duration-100",
     "hover:bg-hover focus-visible:bg-hover focus-visible:shadow-[inset_0_0_0_2px_var(--ring)]",
@@ -57,7 +57,7 @@ export function TreeLabelText({ text, query, locale }) {
  * icon, label, badge and hover actions. Used by Tree view and Tree select; render it inside an
  * element carrying `tree.getTreeProps()`.
  */
-export const TreeViewRow = React.forwardRef(function TreeViewRow({ item, tree, indent = 16, guides = true, size = "md", variant = "default", checkbox, query, label, actions, labels, onRowClick, className, style, onClick, onDoubleClick, ...props }, ref) {
+export const TreeViewRow = /*#__PURE__*/ React.forwardRef(function TreeViewRow({ item, tree, indent = 16, guides = true, size = "md", variant = "default", checkbox, query, label, actions, labels, onRowClick, className, style, onClick, onDoubleClick, ...props }, ref) {
     const t = useLabels("treeView", treeViewLabels, labels);
     const { locale } = useLocale();
     const { node } = item;
@@ -95,7 +95,7 @@ export const TreeViewRow = React.forwardRef(function TreeViewRow({ item, tree, i
  * <TreeView aria-label="Categories" data={categories} selectionMode="checkbox" checkValueMode="leaf" />
  * ```
  */
-export const TreeView = React.forwardRef(function TreeView({ data, expanded, defaultExpanded, onExpandedChange, selectionMode = "single", selected, defaultSelected, onSelectedChange, cascade, checkValueMode, isSelectable, loadChildren, filter, onAction, renderActions, renderLabel, virtual = false, height, indent = 16, guides = true, variant = "default", size = "md", emptyState, labels, className, style, ...props }, ref) {
+export const TreeView = /*#__PURE__*/ React.forwardRef(function TreeView({ data, expanded, defaultExpanded, onExpandedChange, selectionMode = "single", selected, defaultSelected, onSelectedChange, cascade, checkValueMode, isSelectable, loadChildren, filter, onAction, renderActions, renderLabel, virtual = false, height, indent = 16, guides = true, variant = "default", size = "md", emptyState, labels, className, style, ...props }, ref) {
     const t = useLabels("treeView", treeViewLabels, labels);
     const { locale, dir } = useLocale();
     const checkbox = selectionMode === "checkbox";

package/dist/components/typography.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot } from "radix-ui";
+import * as Slot from "radix-ui/slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 /*
  * Typography — server-compatible. Headings read the data-font axis: --font-heading,
  * --display-weight / --display-tracking / --display-em, and scale with --display-scale.
  */
-export const headingVariants = cva("text-balance text-fg [overflow-wrap:break-word]", {
+export const headingVariants = /*#__PURE__*/ cva("text-balance text-fg [overflow-wrap:break-word]", {
     variants: {
         size: {
             /** 56px × display-scale (fluid down to 38px on phones). Hero / page title on websites. */
@@ -35,14 +35,14 @@ const defaultSize = { 1: "xl", 2: "lg", 3: "md", 4: "sm", 5: "sm", 6: "sm" };
  * <Heading level={2} size="md">Billing details</Heading>
  * ```
  */
-export const Heading = React.forwardRef(function Heading({ level = 2, size, asChild, className, ...props }, ref) {
+export const Heading = /*#__PURE__*/ React.forwardRef(function Heading({ level = 2, size, asChild, className, ...props }, ref) {
     const Comp = (asChild ? Slot.Root : `h${level}`);
     return _jsx(Comp, { ref: ref, "data-slot": "heading", "data-size": size ?? defaultSize[level], className: cn(headingVariants({ size: size ?? defaultSize[level] }), className), ...props });
 });
 /* ------------------------------------------------------------------ */
 /* Text                                                                */
 /* ------------------------------------------------------------------ */
-export const textVariants = cva("", {
+export const textVariants = /*#__PURE__*/ cva("", {
     variants: {
         size: {
             xs: "text-xs leading-[1.45]",
@@ -78,22 +78,22 @@ export const textVariants = cva("", {
  * <Text truncate={2}>{post.excerpt}</Text>
  * ```
  */
-export const Text = React.forwardRef(function Text({ as = "p", size, tone, weight, truncate, tabular, asChild, className, style, title, children, ...props }, ref) {
+export const Text = /*#__PURE__*/ React.forwardRef(function Text({ as = "p", size, tone, weight, truncate, tabular, asChild, className, style, title, children, ...props }, ref) {
     const Comp = (asChild ? Slot.Root : as);
     const lines = typeof truncate === "number" && truncate > 1 ? truncate : undefined;
     const autoTitle = truncate && title === undefined && (typeof children === "string" || typeof children === "number") ? String(children) : title;
     return (_jsx(Comp, { ref: ref, "data-slot": "text", title: autoTitle, className: cn(textVariants({ size, tone, weight }), as === "p" && !truncate && "text-pretty", (truncate === true || truncate === 1) && "truncate", lines && "overflow-hidden [display:-webkit-box] [-webkit-box-orient:vertical]", tabular && "tabular", className), style: lines ? { ...style, WebkitLineClamp: lines } : style, ...props, children: children }));
 });
 /** The opening paragraph under a page or article title. */
-export const Lead = React.forwardRef(function Lead({ className, ...props }, ref) {
+export const Lead = /*#__PURE__*/ React.forwardRef(function Lead({ className, ...props }, ref) {
     return _jsx("p", { ref: ref, "data-slot": "lead", className: cn("text-pretty text-[length:var(--text-lead)] leading-[1.5] text-fg-muted", className), ...props });
 });
 /** Inline code: `slug`, `npm run build`, a field key. */
-export const Code = React.forwardRef(function Code({ className, ...props }, ref) {
+export const Code = /*#__PURE__*/ React.forwardRef(function Code({ className, ...props }, ref) {
     return (_jsx("code", { ref: ref, "data-slot": "code", className: cn("rounded-[5px] border border-line bg-selected px-[0.36em] py-[0.08em] font-mono text-[0.86em] text-fg [overflow-wrap:anywhere]", className), ...props }));
 });
 /** A pulled quote or testimonial, set in the heading face. */
-export const Blockquote = React.forwardRef(function Blockquote({ attribution, className, children, ...props }, ref) {
+export const Blockquote = /*#__PURE__*/ React.forwardRef(function Blockquote({ attribution, className, children, ...props }, ref) {
     return (_jsxs("figure", { "data-slot": "blockquote", className: cn("grid gap-2.5 border-s-2 border-accent-ink ps-5", className), children: [_jsx("blockquote", { ref: ref, className: "font-display text-[length:calc(22px*var(--display-scale))] leading-[1.4] text-fg [&_em]:[font-style:var(--display-em)]", ...props, children: children }), attribution ? _jsx("figcaption", { className: "text-[13px] text-fg-subtle", children: attribution }) : null] }));
 });
 /**
@@ -105,7 +105,7 @@ export const Blockquote = React.forwardRef(function Blockquote({ attribution, cl
  * <Numeric signOf={-4.2}>−4.2%</Numeric>
  * ```
  */
-export const Numeric = React.forwardRef(function Numeric({ mono, signOf, className, ...props }, ref) {
+export const Numeric = /*#__PURE__*/ React.forwardRef(function Numeric({ mono, signOf, className, ...props }, ref) {
     return (_jsx("span", { ref: ref, "data-slot": "numeric", className: cn("tabular whitespace-nowrap", mono && "font-mono text-[0.94em]", signOf !== undefined && (signOf < 0 ? "text-danger" : signOf > 0 ? "text-success" : "text-fg-muted"), className), ...props }));
 });
 /**
@@ -118,11 +118,11 @@ export const Numeric = React.forwardRef(function Numeric({ mono, signOf, classNa
  * <Prose size="lg" lang="en"><h2>Opening hours</h2><p>…</p></Prose>
  * ```
  */
-export const Prose = React.forwardRef(function Prose({ size = "md", html, fullWidth, asChild, className, children, ...props }, ref) {
+export const Prose = /*#__PURE__*/ React.forwardRef(function Prose({ size = "md", html, fullWidth, asChild, className, children, ...props }, ref) {
     const Comp = asChild ? Slot.Root : "div";
     return (_jsx(Comp, { ref: ref, "data-slot": "prose", className: cn("prose-ui", size === "sm" && "prose-ui-sm", size === "lg" && "prose-ui-lg", fullWidth && "max-w-none", className), ...(html !== undefined ? { dangerouslySetInnerHTML: { __html: html } } : { children }), ...props }));
 });
 /** Wraps a wide table inside Prose in a keyboard-scrollable region. */
-export const ProseTable = React.forwardRef(function ProseTable({ label, className, ...props }, ref) {
+export const ProseTable = /*#__PURE__*/ React.forwardRef(function ProseTable({ label, className, ...props }, ref) {
     return _jsx("div", { ref: ref, role: "region", "aria-label": label, tabIndex: 0, "data-slot": "prose-table", className: cn(className), ...props });
 });

package/dist/components/user-picker.js

@@ -67,7 +67,7 @@ function Bold({ text, query, locale }) {
  * <UserPicker multiple trigger="avatars" source={people} value={assignees} onValueChange={setAssignees} aria-label="Assignees" />
  * ```
  */
-export const UserPicker = React.forwardRef(function UserPicker(props, ref) {
+export const UserPicker = /*#__PURE__*/ React.forwardRef(function UserPicker(props, ref) {
     const { source, teams, getTeamMembers, currentUserId, trigger = "field", maxAvatars = 3, roleLabel, labels, selectedRecords, ...rest } = props;
     const t = useLabels("userPicker", userPickerLabels, labels);
     const { locale } = useLocale();
@@ -156,7 +156,7 @@ export const UserPicker = React.forwardRef(function UserPicker(props, ref) {
     return _jsx(RecordPicker, { ref: ref, ...shared, source: combined, multiple: false, renderTrigger: renderTrigger });
 });
 /** Avatar stack + "+" — the compact trigger for table cells and record headers. */
-const AvatarsTrigger = React.forwardRef(function AvatarsTrigger({ selected, max, size = "md", className, "aria-label": label, ...props }, ref) {
+const AvatarsTrigger = /*#__PURE__*/ React.forwardRef(function AvatarsTrigger({ selected, max, size = "md", className, "aria-label": label, ...props }, ref) {
     const avatarSize = size === "sm" ? "xs" : size === "lg" ? "md" : "sm";
     return (_jsxs("button", { ref: ref, type: "button", "data-slot": "user-picker-avatars", className: cn("group/avatars inline-flex items-center gap-1 rounded-full p-0.5 pe-1 outline-none transition-colors hover:bg-hover focus-ring disabled:pointer-events-none disabled:opacity-50", className), ...props, children: [label ? _jsx("span", { className: "sr-only", children: label }) : null, selected.length ? (_jsx(AvatarGroup, { max: max, size: avatarSize, "aria-hidden": true, children: selected.map((u) => (_jsx(Avatar, { name: u.name, src: u.avatarUrl }, u.id))) })) : null, _jsx("span", { "aria-hidden": true, className: cn("inline-flex items-center justify-center rounded-full border border-dashed border-field-border-hover text-fg-subtle transition-colors group-hover/avatars:border-fg-subtle group-hover/avatars:text-fg", avatarSize === "xs" ? "size-5 [&_svg]:size-3" : avatarSize === "sm" ? "size-6 [&_svg]:size-3.5" : "size-8 [&_svg]:size-4"), children: _jsx(Plus, {}) })] }));
 });

package/dist/components/version-history.js

@@ -164,7 +164,7 @@ function Segments({ line }) {
  * <DiffView before={v11.body} after={v12.body} mode="split" beforeLabel="v11" afterLabel="v12" />
  * ```
  */
-export const DiffView = React.forwardRef(function DiffView({ before, after, granularity = "word", mode = "unified", context = 3, beforeLabel, afterLabel, lineNumbers = true, toolbar = true, actions, wrap = true, labels, className, ...props }, ref) {
+export const DiffView = /*#__PURE__*/ React.forwardRef(function DiffView({ before, after, granularity = "word", mode = "unified", context = 3, beforeLabel, afterLabel, lineNumbers = true, toolbar = true, actions, wrap = true, labels, className, ...props }, ref) {
     const t = useLabels("versionHistory", versionHistoryLabels, labels);
     const f = useFormat();
     const lines = React.useMemo(() => diffText(before, after, granularity), [before, after, granularity]);
@@ -275,7 +275,7 @@ function humanize(key) {
  * ]} />
  * ```
  */
-export const FieldDiff = React.forwardRef(function FieldDiff({ before, after, fields, onlyChanges = true, beforeLabel, afterLabel, labels, className, ...props }, ref) {
+export const FieldDiff = /*#__PURE__*/ React.forwardRef(function FieldDiff({ before, after, fields, onlyChanges = true, beforeLabel, afterLabel, labels, className, ...props }, ref) {
     const t = useLabels("versionHistory", versionHistoryLabels, labels);
     const f = useFormat();
     const defs = fields ?? diffRecords(before, after).map((d) => ({ key: d.key, label: humanize(d.key) }));
@@ -314,7 +314,7 @@ export const FieldDiff = React.forwardRef(function FieldDiff({ before, after, fi
  * />
  * ```
  */
-export const VersionHistory = React.forwardRef(function VersionHistory({ versions, compare, defaultCompare, onCompareChange, loadVersion, fields, onRestore, layout = "page", defaultMode, granularity = "word", context = 3, labels, className, ...props }, ref) {
+export const VersionHistory = /*#__PURE__*/ React.forwardRef(function VersionHistory({ versions, compare, defaultCompare, onCompareChange, loadVersion, fields, onRestore, layout = "page", defaultMode, granularity = "word", context = 3, labels, className, ...props }, ref) {
     const t = useLabels("versionHistory", versionHistoryLabels, labels);
     const f = useFormat();
     const sorted = React.useMemo(() => [...versions].sort((a, b) => b.createdAt.localeCompare(a.createdAt)), [versions]);

package/dist/data-table/data-table.js

@@ -162,7 +162,7 @@ const features = tableFeatures({
     sortedRowModel: createSortedRowModel(),
     paginatedRowModel: createPaginatedRowModel(),
 });
-const DataTableContext = React.createContext(null);
+const DataTableContext = /*#__PURE__*/ React.createContext(null);
 /**
  * The table's state and helpers, for custom layouts and bindings inside `<DataTable>`.
  *

package/dist/data-table/filter-bar.js

@@ -394,7 +394,7 @@ const chipSize = {
  * One applied filter: `Stage │ is any of │ Proposal, Won │ ×`. Every segment is its own button
  * with a full accessible name; × removes it (Delete / Backspace too).
  */
-export const FilterChip = React.forwardRef(function FilterChip({ clause, field, onEdit, onRemove, readOnly, disabled, size = "md", labels, optionCache }, ref) {
+export const FilterChip = /*#__PURE__*/ React.forwardRef(function FilterChip({ clause, field, onEdit, onRemove, readOnly, disabled, size = "md", labels, optionCache }, ref) {
     const t = useLabels("filterBar", filterBarLabels, labels);
     const format = useFormat();
     const dl = React.useMemo(() => describeLabelsFrom(t), [t]);
@@ -421,7 +421,7 @@ export const FilterChip = React.forwardRef(function FilterChip({ clause, field,
  * <FilterBar fields={fields} value={filters} onChange={setFilters} resultCount={rows.length} />
  * ```
  */
-export const FilterBar = React.forwardRef(function FilterBar({ fields, value: valueProp, defaultValue, onChange, q, onQChange, searchPlaceholder, facets, resultCount, maxVisibleChips, layout = "auto", size = "md", disabled, readOnly, me, addRequest, actions, labels, className, ...props }, ref) {
+export const FilterBar = /*#__PURE__*/ React.forwardRef(function FilterBar({ fields, value: valueProp, defaultValue, onChange, q, onQChange, searchPlaceholder, facets, resultCount, maxVisibleChips, layout = "auto", size = "md", disabled, readOnly, me, addRequest, actions, labels, className, ...props }, ref) {
     const t = useLabels("filterBar", filterBarLabels, labels);
     const format = useFormat();
     const dl = React.useMemo(() => describeLabelsFrom(t), [t]);

package/dist/data-table/index.d.ts

@@ -1,8 +1,15 @@
-export * from "./types.js";
-export * from "./filter-fns.js";
-export * from "./url-state.js";
-export * from "./view-state.js";
-export * from "./csv.js";
-export * from "./filter-bar.js";
-export * from "./saved-views.js";
-export * from "./data-table.js";
+export { ME, clauseId, createListState, defaultOps, emptyColumnsState, emptyFilterGroup, emptySelection, fieldOps, flattenClauses, isClauseComplete, isCursorPage, isFilterGroup, isRowSelected, opTakesNoValue, selectionCount } from "./types.js";
+export type { ColumnsState, CursorPage, DataTableSelection, FieldType, FilterClause, FilterFieldDef, FilterGroup, FilterOp, FilterOption, ListDensity, ListState, ListStateChangeReason, OffsetPage, PageState, RelativeDate, RelativeDatePreset, SavedView, SortClause, ViewState } from "./types.js";
+export { addDays, applyFilters, dayKey, describeFilters, describeValue, filterOpLabels, hasActiveFilters, matchClause, readField, relativeDateLabels, resolveRelativeDate, searchRows, weekStartFor } from "./filter-fns.js";
+export type { DescribeLabels, FilterContext } from "./filter-fns.js";
+export { createHistoryAdapter, createMemoryAdapter, decodeFilters, encodeFilters, listStateToParams, mergeListStateIntoSearch, parseListState, resolveUrlKeys, serializeListState } from "./url-state.js";
+export type { ParseOptions, SerializeOptions, UrlStateAdapter, UrlStateKeys, UrlStateOptions } from "./url-state.js";
+export { applyViewState, resolveInitialView, toViewState, viewStateEqual } from "./view-state.js";
+export { csvDelimiter, downloadCsv, escapeCsvCell, toCsv } from "./csv.js";
+export type { CsvCell, CsvOptions } from "./csv.js";
+export { FilterBar, FilterChip, filterBarLabels } from "./filter-bar.js";
+export type { FilterBarLabels, FilterBarProps, FilterChipProps } from "./filter-bar.js";
+export { SavedViews, savedViewsLabels } from "./saved-views.js";
+export type { SavedViewsLabels, SavedViewsProps, SavedViewsSaveInput } from "./saved-views.js";
+export { DataTable, DataTableBulkBar, DataTableCards, DataTableContent, DataTableExport, DataTableFilterBar, DataTableFooter, DataTableSavedViews, DataTableSearch, DataTableToolbar, DataTableValue, DataTableViewOptions, dataTableLabels, filterFieldsFromColumns, readColumnValue, useDataTable } from "./data-table.js";
+export type { DataTableBulkAction, DataTableCellContext, DataTableCellEditor, DataTableColumn, DataTableContextValue, DataTableExportOptions, DataTableLabels, DataTableProps, DataTableSavedViewsProps, DataTableSearchProps } from "./data-table.js";

package/dist/data-table/index.js

@@ -1,9 +1,10 @@
 // Public API of @vamos-ui/react/data-table — Data Table, Filter bar, Saved views and the shared list-state contract.
-export * from "./types.js";
-export * from "./filter-fns.js";
-export * from "./url-state.js";
-export * from "./view-state.js";
-export * from "./csv.js";
-export * from "./filter-bar.js";
-export * from "./saved-views.js";
-export * from "./data-table.js";
+// Named re-exports on purpose (not `export *`): see scripts/named-exports.mjs.
+export { ME, clauseId, createListState, defaultOps, emptyColumnsState, emptyFilterGroup, emptySelection, fieldOps, flattenClauses, isClauseComplete, isCursorPage, isFilterGroup, isRowSelected, opTakesNoValue, selectionCount } from "./types.js";
+export { addDays, applyFilters, dayKey, describeFilters, describeValue, filterOpLabels, hasActiveFilters, matchClause, readField, relativeDateLabels, resolveRelativeDate, searchRows, weekStartFor } from "./filter-fns.js";
+export { createHistoryAdapter, createMemoryAdapter, decodeFilters, encodeFilters, listStateToParams, mergeListStateIntoSearch, parseListState, resolveUrlKeys, serializeListState } from "./url-state.js";
+export { applyViewState, resolveInitialView, toViewState, viewStateEqual } from "./view-state.js";
+export { csvDelimiter, downloadCsv, escapeCsvCell, toCsv } from "./csv.js";
+export { FilterBar, FilterChip, filterBarLabels } from "./filter-bar.js";
+export { SavedViews, savedViewsLabels } from "./saved-views.js";
+export { DataTable, DataTableBulkBar, DataTableCards, DataTableContent, DataTableExport, DataTableFilterBar, DataTableFooter, DataTableSavedViews, DataTableSearch, DataTableToolbar, DataTableValue, DataTableViewOptions, dataTableLabels, filterFieldsFromColumns, readColumnValue, useDataTable } from "./data-table.js";

package/dist/data-table/saved-views.js

@@ -76,7 +76,7 @@ function defaultShareUrl(id) {
  * <SavedViews views={views} {...table.savedViewsBinding(views)} onSave={create} onUpdate={update} />
  * ```
  */
-export const SavedViews = React.forwardRef(function SavedViews({ views, activeId, current, isDirty: dirtyProp, onSelect, onSave, onUpdate, onRename, onDelete, onSetDefault, onReset, getShareUrl = defaultShareUrl, permissions, variant = "auto", showAll = true, maxVisible = 4, sortByName, panelId, size = "md", labels, className, ...props }, ref) {
+export const SavedViews = /*#__PURE__*/ React.forwardRef(function SavedViews({ views, activeId, current, isDirty: dirtyProp, onSelect, onSave, onUpdate, onRename, onDelete, onSetDefault, onReset, getShareUrl = defaultShareUrl, permissions, variant = "auto", showAll = true, maxVisible = 4, sortByName, panelId, size = "md", labels, className, ...props }, ref) {
     const t = useLabels("savedViews", savedViewsLabels, labels);
     const { locale } = useLocale();
     const { ref: measureRef, width } = useContainerWidth();

package/dist/editor/block-editor.js

@@ -238,7 +238,7 @@ export function BlockEditor(props) {
  * The editable canvas. Wears the site theme (`canvasTheme`) and is always `solid`, even inside a
  * glass admin, for long-text readability and scroll performance.
  */
-export const BlockEditorContent = React.forwardRef(function BlockEditorContent({ className, ...props }, ref) {
+export const BlockEditorContent = /*#__PURE__*/ React.forwardRef(function BlockEditorContent({ className, ...props }, ref) {
     const { editor, variant, lang, editorLabel, a11y, readOnly, size, canvasTheme = {} } = useBlockEditor();
     // ARIA on the contenteditable element (Tiptap owns the node).
     React.useEffect(() => {

package/dist/editor/context.js

@@ -17,7 +17,7 @@ export function createSlashStore() {
         close: { current: null },
     };
 }
-export const BlockEditorContext = React.createContext(null);
+export const BlockEditorContext = /*#__PURE__*/ React.createContext(null);
 /** The surrounding `BlockEditor` (editor instance, registry, labels…). */
 export function useBlockEditor() {
     const ctx = React.useContext(BlockEditorContext);

package/dist/editor/menus.js

@@ -43,7 +43,7 @@ function useToolbarKeys(editor) {
         items[next].focus();
     }, [editor]);
 }
-const ToolbarButton = React.forwardRef(function ToolbarButton({ label, shortcut, active, first, className, children, ...props }, ref) {
+const ToolbarButton = /*#__PURE__*/ React.forwardRef(function ToolbarButton({ label, shortcut, active, first, className, children, ...props }, ref) {
     return (_jsx(IconButtonTooltip, { label: label, shortcut: shortcut, side: "top", children: _jsx("button", { ref: ref, type: "button", "data-toolbar-item": "", "aria-label": label, "aria-pressed": active === undefined ? undefined : active, tabIndex: first ? 0 : -1, 
             // Keep the text selection: never steal focus on pointer down.
             onMouseDown: (e) => e.preventDefault(), className: cn("vui-tb-btn focus-ring", className), ...props, children: children }) }));

package/dist/fonts/font-picker.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { Check, ChevronsUpDown, Search } from "lucide-react";
-import { Popover as PopoverPrimitive } from "radix-ui";
+import * as PopoverPrimitive from "radix-ui/popover";
 import { cn } from "../lib/cn.js";
 import { controlVariants } from "../lib/variants.js";
 import { useControllableState } from "../lib/use-controllable-state.js";
@@ -73,7 +73,7 @@ function useSeen(root) {
  * focus stays in the search field; ↑/↓, PageUp/PageDown, Home/End (with Ctrl) move, Enter selects.
  * Use it inline (settings pages) or through `FontPicker` (popover).
  */
-export const FontPickerList = React.forwardRef(function FontPickerList({ value: valueProp, defaultValue, onValueChange, fonts = googleFonts, categories, previewText = FONT_PREVIEW_TEXT, loadPreviews = true, specimen = true, autoFocus, listHeight = "18rem", labels, className, ...props }, ref) {
+export const FontPickerList = /*#__PURE__*/ React.forwardRef(function FontPickerList({ value: valueProp, defaultValue, onValueChange, fonts = googleFonts, categories, previewText = FONT_PREVIEW_TEXT, loadPreviews = true, specimen = true, autoFocus, listHeight = "18rem", labels, className, ...props }, ref) {
     const t = useLabels("fontPicker", fontPickerLabels, labels);
     const { locale } = useLocale();
     const uid = React.useId();
@@ -201,7 +201,7 @@ export const FontPickerList = React.forwardRef(function FontPickerList({ value:
  * A select-like trigger that opens the searchable font list in a popover. Closes on selection.
  * Inside a `Field` it picks up the id, description and invalid state.
  */
-export const FontPicker = React.forwardRef(function FontPicker(rawProps, ref) {
+export const FontPicker = /*#__PURE__*/ React.forwardRef(function FontPicker(rawProps, ref) {
     const props = useFieldControl(rawProps);
     const { open: openProp, defaultOpen, onOpenChange, size = "md", placeholder, disabled, showCategory = true, align = "start", id, name, required, className, contentClassName, value: valueProp, defaultValue, onValueChange, labels, loadPreviews = true, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, ...listProps } = props;
     delete listProps.readOnly;

package/dist/fonts/pairing-picker.js

@@ -17,7 +17,7 @@ export const fontPairingPickerLabels = {
  * Pick one of the curated pairings. A WAI-ARIA radio group with a roving tab stop:
  * arrow keys move and select, Home/End jump to the ends.
  */
-export const FontPairingPicker = React.forwardRef(function FontPairingPicker({ value: valueProp, defaultValue, onValueChange, pairings = fontPairings, layout = "grid", showDescription, loadPreviews = true, disabled, labels, className, onKeyDown, ...props }, ref) {
+export const FontPairingPicker = /*#__PURE__*/ React.forwardRef(function FontPairingPicker({ value: valueProp, defaultValue, onValueChange, pairings = fontPairings, layout = "grid", showDescription, loadPreviews = true, disabled, labels, className, onKeyDown, ...props }, ref) {
     const t = useLabels("fontPairingPicker", fontPairingPickerLabels, labels);
     const [value, setValue] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? null, name: "FontPairingPicker" });
     const refs = React.useRef([]);

package/dist/fonts/provider.js

@@ -5,7 +5,7 @@ import { cn } from "../lib/cn.js";
 import { useControllableState, useIsomorphicLayoutEffect } from "../lib/use-controllable-state.js";
 import { applyFontPairing, clearFontPairing, fontPairings, getFontPairing, pairingFamilies, pairingVars } from "./pairings.js";
 import { loadGoogleFonts } from "./loader.js";
-const FontPairingContext = React.createContext(null);
+const FontPairingContext = /*#__PURE__*/ React.createContext(null);
 /** The active pairing and a setter. Outside a `FontProvider` it returns the Editorial preset and a no-op setter. */
 export function useFontPairing() {
     return React.useContext(FontPairingContext) ?? { pairing: fontPairings[0], setPairing: () => { }, pairings: fontPairings };