@vamos-ui/react 0.3.0 → 0.4.1

package/dist/components/command.js

@@ -48,43 +48,43 @@ const commandLabels = {
  * </Command>
  * ```
  */
-export const Command = React.forwardRef(function Command({ className, filter, label, loop = true, vimBindings = false, labels, ...props }, ref) {
+export const Command = /*#__PURE__*/ React.forwardRef(function Command({ className, filter, label, loop = true, vimBindings = false, labels, ...props }, ref) {
     const { locale } = useLocale();
     const t = useLabels("command", commandLabels, labels);
     const defaultFilter = React.useMemo(() => cmdkFilter(locale), [locale]);
     return (_jsx(Cmdk, { ref: ref, "data-slot": "command", label: label ?? t("label"), filter: filter ?? defaultFilter, loop: loop, vimBindings: vimBindings, className: cn("vui-command flex min-h-0 w-full flex-col overflow-hidden text-fg", className), ...props }));
 });
 /** The search field. Placeholder from the dictionary (`command.placeholder`). */
-export const CommandInput = React.forwardRef(function CommandInput({ className, chip, end, placeholder, labels, ...props }, ref) {
+export const CommandInput = /*#__PURE__*/ React.forwardRef(function CommandInput({ className, chip, end, placeholder, labels, ...props }, ref) {
     const t = useLabels("command", commandLabels, labels);
     return (_jsxs("div", { "data-slot": "command-input", className: "flex items-center gap-2.5 border-b border-line px-4", children: [_jsx(Search, { "aria-hidden": true, className: "size-4 shrink-0 text-fg-subtle" }), chip ? (_jsx("span", { "data-slot": "command-chip", className: "inline-flex max-w-[40%] shrink-0 items-center gap-1 truncate rounded-ui-sm bg-selected px-2 py-0.5 text-xs font-medium text-fg-muted", children: chip })) : null, _jsx(Cmdk.Input, { ref: ref, placeholder: placeholder ?? t("placeholder"), className: cn("h-[calc(var(--control-h)+0.75rem)] min-w-0 flex-1 bg-transparent text-[15px] text-fg outline-none placeholder:text-fg-subtle", className), ...props }), end] }));
 });
 /** The scrolling listbox. */
-export const CommandList = React.forwardRef(function CommandList({ className, ...props }, ref) {
+export const CommandList = /*#__PURE__*/ React.forwardRef(function CommandList({ className, ...props }, ref) {
     return (_jsx(Cmdk.List, { ref: ref, "data-slot": "command-list", className: cn("max-h-[min(26rem,60dvh)] min-h-0 scroll-py-2 overflow-y-auto overscroll-contain p-1.5 outline-none", className), ...props }));
 });
 /** Shown when nothing matches. Default text from the dictionary (`command.empty`). */
-export const CommandEmpty = React.forwardRef(function CommandEmpty({ className, children, labels, ...props }, ref) {
+export const CommandEmpty = /*#__PURE__*/ React.forwardRef(function CommandEmpty({ className, children, labels, ...props }, ref) {
     const t = useLabels("command", commandLabels, labels);
     return (_jsx(Cmdk.Empty, { ref: ref, "data-slot": "command-empty", className: cn("px-3 py-8 text-center text-sm text-fg-muted", className), ...props, children: children ?? t("empty") }));
 });
 /** A loading row (async results). */
-export const CommandLoading = React.forwardRef(function CommandLoading({ className, children, labels, label, ...props }, ref) {
+export const CommandLoading = /*#__PURE__*/ React.forwardRef(function CommandLoading({ className, children, labels, label, ...props }, ref) {
     const t = useLabels("command", commandLabels, labels);
     return (_jsx(Cmdk.Loading, { ref: ref, "data-slot": "command-loading", label: label ?? t("loading"), className: cn("flex items-center gap-2 px-3 py-2.5 text-[13px] text-fg-muted", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "xs" }), " ", t("loading")] })) }));
 });
 /** A titled group of items. */
-export const CommandGroup = React.forwardRef(function CommandGroup({ className, ...props }, ref) {
+export const CommandGroup = /*#__PURE__*/ React.forwardRef(function CommandGroup({ className, ...props }, ref) {
     return (_jsx(Cmdk.Group, { ref: ref, "data-slot": "command-group", className: cn("[&:not(:first-child)]:mt-1.5", "[&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:pt-2 [&_[cmdk-group-heading]]:pb-1.5", "[&_[cmdk-group-heading]]:text-[11px] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-[0.04em] [&_[cmdk-group-heading]]:text-fg-subtle", className), ...props }));
 });
 /** A hairline between groups. */
-export const CommandSeparator = React.forwardRef(function CommandSeparator({ className, ...props }, ref) {
+export const CommandSeparator = /*#__PURE__*/ React.forwardRef(function CommandSeparator({ className, ...props }, ref) {
     // Decorative: role="separator" is not an allowed child of the listbox (axe aria-required-children);
     // the group headings already tell screen readers where a section starts.
     return _jsx(Cmdk.Separator, { ref: ref, "aria-hidden": true, "data-slot": "command-separator", className: cn("-mx-1.5 my-1.5 h-px bg-line", className), ...props });
 });
 /** One selectable row. Highlighted with the arrow keys; Enter or click runs `onSelect`. */
-export const CommandItem = React.forwardRef(function CommandItem({ className, icon, description, shortcut, badge, chevron, loading, children, ...props }, ref) {
+export const CommandItem = /*#__PURE__*/ React.forwardRef(function CommandItem({ className, icon, description, shortcut, badge, chevron, loading, children, ...props }, ref) {
     return (_jsxs(Cmdk.Item, { ref: ref, "data-slot": "command-item", "aria-busy": loading || undefined, className: cn(itemVariants({ size: "md" }), "min-h-[calc(var(--control-h)*0.95)] gap-2.5 px-2.5 data-[selected=true]:bg-selected", className), ...props, children: [loading ? (_jsx(Spinner, { size: "xs", className: "shrink-0" })) : icon ? (_jsx("span", { "aria-hidden": true, className: cn("flex shrink-0 items-center text-fg-muted", description && "self-start pt-0.5"), children: icon })) : null, _jsxs("span", { className: itemSlots.label, children: [children, description ? _jsx("span", { className: cn(itemSlots.description, "mt-0.5 truncate"), children: description }) : null] }), badge != null ? _jsx("span", { className: "ms-auto flex shrink-0 items-center ps-3", children: badge }) : null, shortcut ? _jsx(CommandShortcut, { keys: shortcut, className: badge == null ? "ms-auto" : undefined }) : null, chevron ? _jsx(ChevronRight, { "aria-hidden": true, className: cn("size-3.5! shrink-0 text-fg-subtle rtl:-scale-x-100", !shortcut && badge == null && "ms-auto") }) : null] }));
 });
 const MODIFIER_KEYS = /^(mod|ctrl|control|meta|cmd|command|alt|option|shift)$/i;
@@ -167,7 +167,7 @@ export function createCommandRegistry(init = {}) {
         registry.registerSource(s);
     return registry;
 }
-const PaletteContext = React.createContext(null);
+const PaletteContext = /*#__PURE__*/ React.createContext(null);
 const allowedBy = (a, can) => !a.permission || (Array.isArray(a.permission) ? a.permission : [a.permission]).every((p) => can(p));
 const toShortcut = (s) => (Array.isArray(s) ? s.join("+") : s);
 const RECENT_KEY = "ui-cmd-recent";

package/dist/components/comment-thread.js

@@ -147,7 +147,7 @@ function findTrigger(value, caret, triggers) {
  * ↑/↓ move, Enter or Tab insert, Esc close), optional attachments, and ⌘/Ctrl+Enter to send.
  * Picked mentions are stored as `@[Name](user:id)` in the submitted body.
  */
-export const CommentComposer = React.forwardRef(function CommentComposer({ onSubmit, onCancel, defaultValue, parentId, mentionSources, allowAttachments, placeholder, submitLabel, author, autoFocus, variant = "inline", compact, labels, className, ...props }, ref) {
+export const CommentComposer = /*#__PURE__*/ React.forwardRef(function CommentComposer({ onSubmit, onCancel, defaultValue, parentId, mentionSources, allowAttachments, placeholder, submitLabel, author, autoFocus, variant = "inline", compact, labels, className, ...props }, ref) {
     const t = useLabels("comments", commentLabels, labels);
     const { locale } = useLocale();
     const initial = React.useMemo(() => (defaultValue ? parseMentions(defaultValue) : null), [defaultValue]);
@@ -318,7 +318,7 @@ export const CommentComposer = React.forwardRef(function CommentComposer({ onSub
                                 }) }), results.length === 0 ? (_jsx("p", { className: "flex items-center gap-2 px-2 py-1.5 text-[13px] text-fg-muted", children: searching ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "xs" }), " ", t("searching")] })) : (t("noMatch", { query: picker.query })) })) : null] })) : null, _jsx("span", { className: "sr-only", "aria-live": "polite", children: open && !searching ? t("suggestions", { count: results.length }) : "" })] })] }));
 });
 /** One comment: avatar, author and time, body with mention chips, attachments, reactions and actions. An `<article>` labelled by its header. */
-export const Comment = React.forwardRef(function Comment({ comment: c, currentUserId, isReply, onReply, onEdit, onDelete, onResolve, onRetry, onDiscard, onReact, getLink, reactions = defaultReactions, mentionSources, renderMention, onPreviewAttachment, readOnly, compact, now, labels, className, children, ...props }, ref) {
+export const Comment = /*#__PURE__*/ React.forwardRef(function Comment({ comment: c, currentUserId, isReply, onReply, onEdit, onDelete, onResolve, onRetry, onDiscard, onReact, getLink, reactions = defaultReactions, mentionSources, renderMention, onPreviewAttachment, readOnly, compact, now, labels, className, children, ...props }, ref) {
     const t = useLabels("comments", commentLabels, labels);
     const f = useFormat();
     const headId = React.useId();
@@ -380,7 +380,7 @@ function ReactionPicker({ reactions, current, onPick, t }) {
  * />
  * ```
  */
-export const CommentThread = React.forwardRef(function CommentThread({ comments, currentUserId, currentUser, onSubmit, onEdit, onDelete, onResolve, onRetry, onDiscard, onReact, reactions, getLink, mentionSources, renderMention, onPreviewAttachment, allowAttachments, order = "oldest-first", layout = "thread", composer = "inline", readOnly, now, labels, className, ...props }, ref) {
+export const CommentThread = /*#__PURE__*/ React.forwardRef(function CommentThread({ comments, currentUserId, currentUser, onSubmit, onEdit, onDelete, onResolve, onRetry, onDiscard, onReact, reactions, getLink, mentionSources, renderMention, onPreviewAttachment, allowAttachments, order = "oldest-first", layout = "thread", composer = "inline", readOnly, now, labels, className, ...props }, ref) {
     const t = useLabels("comments", commentLabels, labels);
     const compact = layout === "compact";
     const [replyTo, setReplyTo] = React.useState(null);

package/dist/components/context-menu.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import * as ContextMenuPrimitive from "radix-ui/context-menu";
 import type { MenuEntry } from "../lib/variants.js";
 export declare const ContextMenuRoot: React.FC<ContextMenuPrimitive.ContextMenuProps>;
 export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/context-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import * as ContextMenuPrimitive from "radix-ui/context-menu";
 import { cn } from "../lib/cn.js";
 import { usePortalContainer } from "../lib/theme-scope.js";
 import { Layer } from "../lib/layer.js";
@@ -12,34 +12,34 @@ export const ContextMenuGroup = ContextMenuPrimitive.Group;
 export const ContextMenuSub = ContextMenuPrimitive.Sub;
 export const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
 /** The menu panel, opened at the pointer. Portals into the nearest `ThemeScope`. */
-export const ContextMenuContent = React.forwardRef(function ContextMenuContent({ className, size = "md", collisionPadding = 12, ...props }, ref) {
+export const ContextMenuContent = /*#__PURE__*/ React.forwardRef(function ContextMenuContent({ className, size = "md", collisionPadding = 12, ...props }, ref) {
     const container = usePortalContainer();
     return (_jsx(ContextMenuPrimitive.Portal, { container: container, children: _jsx(MenuSizeContext.Provider, { value: size, children: _jsx(Layer, { asChild: true, children: _jsx(ContextMenuPrimitive.Content, { ref: ref, "data-slot": "context-menu-content", collisionPadding: collisionPadding, className: cn(menuContentVariants({ size }), "max-h-(--radix-context-menu-content-available-height)", className), ...props }) }) }) }));
 });
 /** One action. Same API as `DropdownMenuItem`. */
-export const ContextMenuItem = React.forwardRef(function ContextMenuItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
+export const ContextMenuItem = /*#__PURE__*/ React.forwardRef(function ContextMenuItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(ContextMenuPrimitive.Item, { ref: ref, "data-slot": "context-menu-item", "data-tone": tone, asChild: asChild, className: menuItemClass({ size, tone, inset, className }), ...props, children: asChild ? (children) : (_jsx(MenuItemContent, { icon: icon, description: description, shortcut: shortcut, badge: badge, children: children })) }));
 });
-export const ContextMenuCheckboxItem = React.forwardRef(function ContextMenuCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
+export const ContextMenuCheckboxItem = /*#__PURE__*/ React.forwardRef(function ContextMenuCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(ContextMenuPrimitive.CheckboxItem, { ref: ref, "data-slot": "context-menu-checkbox-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(MenuCheckIcon, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
-export const ContextMenuRadioItem = React.forwardRef(function ContextMenuRadioItem({ className, shortcut, description, children, ...props }, ref) {
+export const ContextMenuRadioItem = /*#__PURE__*/ React.forwardRef(function ContextMenuRadioItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(ContextMenuPrimitive.RadioItem, { ref: ref, "data-slot": "context-menu-radio-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(MenuRadioDot, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
-export const ContextMenuLabel = React.forwardRef(function ContextMenuLabel({ className, inset, ...props }, ref) {
+export const ContextMenuLabel = /*#__PURE__*/ React.forwardRef(function ContextMenuLabel({ className, inset, ...props }, ref) {
     return _jsx(ContextMenuPrimitive.Label, { ref: ref, "data-slot": "context-menu-label", className: cn(menuLabelClass, inset && "ps-8", className), ...props });
 });
-export const ContextMenuSeparator = React.forwardRef(function ContextMenuSeparator({ className, ...props }, ref) {
+export const ContextMenuSeparator = /*#__PURE__*/ React.forwardRef(function ContextMenuSeparator({ className, ...props }, ref) {
     return _jsx(ContextMenuPrimitive.Separator, { ref: ref, "data-slot": "context-menu-separator", className: cn(menuSeparatorClass, className), ...props });
 });
-export const ContextMenuSubTrigger = React.forwardRef(function ContextMenuSubTrigger({ className, icon, inset, children, ...props }, ref) {
+export const ContextMenuSubTrigger = /*#__PURE__*/ React.forwardRef(function ContextMenuSubTrigger({ className, icon, inset, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(ContextMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "context-menu-sub-trigger", className: menuItemClass({ size, inset, className: cn("data-[state=open]:bg-hover", className) }), ...props, children: _jsx(MenuItemContent, { icon: icon, chevron: true, children: children }) }));
 });
-export const ContextMenuSubContent = React.forwardRef(function ContextMenuSubContent({ className, size: sizeProp, sideOffset = 4, collisionPadding = 12, ...props }, ref) {
+export const ContextMenuSubContent = /*#__PURE__*/ React.forwardRef(function ContextMenuSubContent({ className, size: sizeProp, sideOffset = 4, collisionPadding = 12, ...props }, ref) {
     const container = usePortalContainer();
     const parentSize = React.useContext(MenuSizeContext);
     const size = sizeProp ?? parentSize;

package/dist/components/currency-input.js

@@ -32,7 +32,7 @@ export function currencyAffix(locale, currency, display = "narrowSymbol") {
  * <CurrencyInput currency="TRY" min="0.01" align="end" onValueChange={(v) => setAmount(v)} />
  * ```
  */
-export const CurrencyInput = React.forwardRef(function CurrencyInput(props, forwardedRef) {
+export const CurrencyInput = /*#__PURE__*/ React.forwardRef(function CurrencyInput(props, forwardedRef) {
     const { currency: currencyProp, precision: precisionProp, min, max, allowNegative = false, currencyDisplay = "narrowSymbol", symbol, align = "start", value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono, labels, name, invalid, leading, trailing, inputClassName, onBlur, onKeyDown, disabled, ...rest } = props;
     const { locale, currency: providerCurrency, format: f } = useLocale();
     const currency = (currencyProp ?? providerCurrency).toUpperCase();

package/dist/components/date-picker.js

@@ -119,7 +119,7 @@ const iconButton = "inline-flex size-[calc(var(--control-h)-0.75rem)] shrink-0 i
  * <DatePicker trigger="button" placeholder="Any date" clearable />
  * ```
  */
-export const DatePicker = React.forwardRef(function DatePicker(rawProps, forwardedRef) {
+export const DatePicker = /*#__PURE__*/ React.forwardRef(function DatePicker(rawProps, forwardedRef) {
     const { value: valueProp, defaultValue, onValueChange, trigger = "input", displayFormat = "long", placeholder, min, max, disabledDays, clearable, showToday = true, name, size = "md", invalid, align = "start", open: openProp, defaultOpen, onOpenChange, onInputError, calendarProps, className, labels, calendarLabels, onBlur, ...rest } = rawProps;
     const control = useFieldControl({ ...rest, "aria-invalid": invalid ? true : undefined });
     const t = useLabels("datePicker", datePickerLabels, labels);
@@ -208,7 +208,7 @@ function zoneLabel(timeZone, locale) {
  * <DateTimePicker value={publishAt} onValueChange={setPublishAt} timeZone="Europe/Istanbul" />
  * ```
  */
-export const DateTimePicker = React.forwardRef(function DateTimePicker({ value: valueProp, defaultValue, onValueChange, defaultTime = "09:00", step = 15, hourCycle, minTime, maxTime, timeZone, name, timeLabels, labels, className, size = "md", ...dateProps }, ref) {
+export const DateTimePicker = /*#__PURE__*/ React.forwardRef(function DateTimePicker({ value: valueProp, defaultValue, onValueChange, defaultTime = "09:00", step = 15, hourCycle, minTime, maxTime, timeZone, name, timeLabels, labels, className, size = "md", ...dateProps }, ref) {
     const t = useLabels("datePicker", datePickerLabels, labels);
     const { locale } = useLocale();
     const field = useFieldContext();

package/dist/components/date-range-picker.js

@@ -51,7 +51,7 @@ const sameRange = (a, b) => (a?.from ?? null) === (b?.from ?? null) && (a?.to ??
  * <DateRangePicker commit="apply" maxDays={31} min={todayIso()} />
  * ```
  */
-export const DateRangePicker = React.forwardRef(function DateRangePicker(rawProps, ref) {
+export const DateRangePicker = /*#__PURE__*/ React.forwardRef(function DateRangePicker(rawProps, ref) {
     const { value: valueProp, defaultValue, onValueChange, presets: presetsProp = false, numberOfMonths = 2, commit = "immediate", minDays, maxDays, min, max, disabledDays, excludeDisabled, trigger = "button", nameFrom, nameTo, placeholder, clearable, size = "md", invalid, align = "start", open: openProp, defaultOpen, onOpenChange, onInputError, calendarProps, className, labels, inputLabels, calendarLabels, ...rest } = rawProps;
     const control = useFieldControl({ ...rest, "aria-invalid": invalid ? true : undefined });
     const t = useLabels("dateRangePicker", dateRangePickerLabels, labels);

package/dist/components/description-list.js

@@ -17,7 +17,7 @@ const gridCols = { 1: "", 2: "@lg/dl:grid-cols-2", 3: "@lg/dl:grid-cols-2 @3xl/d
  * ]} />
  * ```
  */
-export const DescriptionList = React.forwardRef(function DescriptionList({ items, layout = "horizontal", columns = 2, labelWidth, divided, size = "md", emptyValue, onEdit, loading, labels, className, style, children, ...props }, ref) {
+export const DescriptionList = /*#__PURE__*/ React.forwardRef(function DescriptionList({ items, layout = "horizontal", columns = 2, labelWidth, divided, size = "md", emptyValue, onEdit, loading, labels, className, style, children, ...props }, ref) {
     const isDivided = divided ?? layout === "horizontal";
     const rows = loading ? (Array.from({ length: typeof loading === "number" ? loading : 4 }, (_, i) => (_jsxs("div", { "data-slot": "description-item", "aria-hidden": true, className: "ui-dl-row", children: [_jsx("dt", { children: _jsx(Skeleton, { shape: "text", className: "h-3 w-20" }) }), _jsx("dd", { children: _jsx(Skeleton, { shape: "text", className: "h-3", style: { width: `${70 - ((i * 13) % 35)}%` } }) })] }, i)))) : items ? (items.map((it) => (_jsx(DescriptionItem, { label: it.label, hint: it.hint, span: it.span, copyable: it.copyable, emptyValue: emptyValue, labels: labels, edit: it.editable && onEdit ? (_jsx(DescriptionEditable, { value: it.editValue ?? (typeof it.value === "string" || typeof it.value === "number" ? String(it.value) : ""), display: renderValue(it.value, it.format), label: typeof it.label === "string" ? it.label : it.key, inputType: it.inputType, labels: labels, onSave: (v) => onEdit(it.key, v) })) : undefined, children: renderValue(it.value, it.format) }, it.key)))) : (children);
     return (_jsx("dl", { ref: ref, "data-slot": "description-list", "data-layout": layout, "data-divided": isDivided ? "" : undefined, "data-size": size, "aria-busy": loading ? true : undefined, className: cn("ui-dl @container/dl m-0 grid min-w-0", size === "sm" ? "text-[12.5px]" : "text-[13px]", layout === "grid" ? cn("grid-cols-1 gap-x-6 gap-y-4", gridCols[columns]) : null, className), style: labelWidth ? { ["--dl-label-w"]: labelWidth, ...style } : style, ...props, children: rows }));
@@ -29,7 +29,7 @@ function renderValue(value, format) {
 }
 const isEmpty = (v) => v === null || v === undefined || v === "" || v === false;
 /** One label/value pair (`<div><dt/><dd/></div>`). */
-export const DescriptionItem = React.forwardRef(function DescriptionItem({ label, children, hint, copyable, span, emptyValue, edit, action, labels, className, ...props }, ref) {
+export const DescriptionItem = /*#__PURE__*/ React.forwardRef(function DescriptionItem({ label, children, hint, copyable, span, emptyValue, edit, action, labels, className, ...props }, ref) {
     const empty = isEmpty(children);
     const copyText = typeof copyable === "string" ? copyable : copyable && (typeof children === "string" || typeof children === "number") ? String(children) : undefined;
     const labelText = typeof label === "string" ? label : "value";

package/dist/components/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import * as DialogPrimitive from "radix-ui/dialog";
 type SlotComponent = React.ComponentType<React.HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
     children?: React.ReactNode;

package/dist/components/dialog.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Dialog as DialogPrimitive } from "radix-ui";
+import * as DialogPrimitive from "radix-ui/dialog";
 import { X } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -11,7 +11,7 @@ import { usePortalContainer } from "../lib/theme-scope.js";
 import { IconButton } from "./button.js";
 const PlainTitle = ({ asChild: _a, ...props }) => _jsx("h2", { ...props });
 const PlainDescription = ({ asChild: _a, ...props }) => _jsx("p", { ...props });
-const LayerPartsContext = React.createContext({ Title: PlainTitle, Description: PlainDescription });
+const LayerPartsContext = /*#__PURE__*/ React.createContext({ Title: PlainTitle, Description: PlainDescription });
 /** Lets a layer (Dialog, Alert Dialog, Sheet…) plug its accessible Title/Description into the shared header. */
 export function LayerPartsProvider({ value, children }) {
     return _jsx(LayerPartsContext.Provider, { value: value, children: children });
@@ -25,7 +25,7 @@ function LayerDescriptionMount() {
  * The fixed top of a layer: title, optional description, icon and action. Shared by Dialog,
  * Alert Dialog, Sheet and Drawer (exported under each name: `DialogHeader`, `SheetHeader`…).
  */
-export const LayerHeader = React.forwardRef(function LayerHeader({ title, description, icon, action, srOnly, className, children, ...props }, ref) {
+export const LayerHeader = /*#__PURE__*/ React.forwardRef(function LayerHeader({ title, description, icon, action, srOnly, className, children, ...props }, ref) {
     const { Title, Description } = React.useContext(LayerPartsContext);
     const text = (_jsxs(_Fragment, { children: [_jsx(Title, { "data-slot": "layer-title", className: cn("font-display text-[1.3rem] leading-[1.2] text-balance text-fg", srOnly && "sr-only"), children: title }), description ? (_jsx(Description, { "data-slot": "layer-description", className: cn("mt-1 text-[13.5px] leading-relaxed text-pretty text-fg-muted", srOnly && "sr-only"), children: description })) : null, description ? _jsx(LayerDescriptionMount, {}) : null] }));
     if (srOnly)
@@ -33,7 +33,7 @@ export const LayerHeader = React.forwardRef(function LayerHeader({ title, descri
     return (_jsxs("div", { ref: ref, "data-slot": "layer-header", className: cn("vui-layer-header flex flex-none items-start gap-3.5 px-6 pt-5 pb-4 [[data-has-close]_&]:pe-14", className), ...props, children: [icon ? _jsx("div", { className: "flex flex-none items-center", children: icon }) : null, _jsxs("div", { className: "min-w-0 flex-1", children: [text, children] }), action ? _jsx("div", { className: "flex flex-none items-center gap-1.5 self-center", children: action }) : null] }));
 });
 /** The scrolling middle of a layer. Header and footer stay fixed; only the body scrolls. */
-export const LayerBody = React.forwardRef(function LayerBody({ flush, className, onScroll, ...props }, ref) {
+export const LayerBody = /*#__PURE__*/ React.forwardRef(function LayerBody({ flush, className, onScroll, ...props }, ref) {
     const [scrolled, setScrolled] = React.useState(false);
     return (_jsx("div", { ref: ref, "data-slot": "layer-body", "data-scrolled": scrolled ? "" : undefined, onScroll: (e) => {
             onScroll?.(e);
@@ -41,10 +41,10 @@ export const LayerBody = React.forwardRef(function LayerBody({ flush, className,
         }, className: cn("vui-layer-body content-start text-sm text-fg", !flush && "px-6 pt-5 pb-5 [[data-slot=layer-header]+&]:pt-0", className), ...props }));
 });
 /** The fixed bottom of a layer: actions, primary last. Stacks (primary on top) inside a mobile sheet. */
-export const LayerFooter = React.forwardRef(function LayerFooter({ align = "end", className, ...props }, ref) {
+export const LayerFooter = /*#__PURE__*/ React.forwardRef(function LayerFooter({ align = "end", className, ...props }, ref) {
     return (_jsx("div", { ref: ref, "data-slot": "layer-footer", className: cn("vui-layer-footer flex flex-none flex-wrap items-center gap-2 border-t border-line px-6 py-3.5", align === "end" && "justify-end", align === "between" && "justify-end [&>:first-child]:me-auto", align === "stretch" && "[&>*]:flex-1", className), ...props }));
 });
-const DialogRootContext = React.createContext(null);
+const DialogRootContext = /*#__PURE__*/ React.createContext(null);
 /** Read the nearest Dialog/Sheet/Drawer root — e.g. to close it from custom code (`requestOpenChange(false)`). */
 export function useDialogRoot() {
     const ctx = React.useContext(DialogRootContext);
@@ -99,7 +99,7 @@ export const DialogPortal = DialogPrimitive.Portal;
 export const DialogTitle = DialogPrimitive.Title;
 export const DialogDescription = DialogPrimitive.Description;
 /** The dimmed backdrop. `DialogContent` renders its own; export for custom layers. */
-export const DialogOverlay = React.forwardRef(function DialogOverlay({ className, blurred = true, ...props }, ref) {
+export const DialogOverlay = /*#__PURE__*/ React.forwardRef(function DialogOverlay({ className, blurred = true, ...props }, ref) {
     return (_jsx(DialogPrimitive.Overlay, { ref: ref, "data-slot": "dialog-overlay", "data-overlay-blurred": blurred ? "" : undefined, className: cn("vui-overlay ui-fade", className), ...props }));
 });
 const dialogLabels = { close: "Close" };
@@ -107,7 +107,7 @@ const dialogLabels = { close: "Close" };
  * Internal: portal + overlay + layer depth + close guard + × button around a Radix Dialog.Content.
  * Exported so other layers (Sheet, Drawer, Notification panel) share one implementation.
  */
-export const LayerContentShell = React.forwardRef(function LayerContentShell({ dismissible = true, onBeforeClose, hideClose, container, labels, overlayClassName, className, children, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, ...props }, ref) {
+export const LayerContentShell = /*#__PURE__*/ React.forwardRef(function LayerContentShell({ dismissible = true, onBeforeClose, hideClose, container, labels, overlayClassName, className, children, onEscapeKeyDown, onPointerDownOutside, onInteractOutside, onOpenAutoFocus, onCloseAutoFocus, ...props }, ref) {
     const root = React.useContext(DialogRootContext);
     // What had focus when the panel opened. Radix returns focus only to a Dialog.Trigger; a
     // controlled dialog opened from a plain button (or a menu) would drop focus to <body> on close.
@@ -174,7 +174,7 @@ export const LayerContentShell = React.forwardRef(function LayerContentShell({ d
  * The dialog panel. Renders its own portal and overlay, traps focus, closes on Esc, returns
  * focus to the trigger. Initial focus goes to `[data-autofocus]` if present, else the first field.
  */
-export const DialogContent = React.forwardRef(function DialogContent({ size = "md", mobile = "sheet", className, ...props }, ref) {
+export const DialogContent = /*#__PURE__*/ React.forwardRef(function DialogContent({ size = "md", mobile = "sheet", className, ...props }, ref) {
     return (_jsx(LayerContentShell, { ref: ref, "data-slot": "dialog-content", "data-size": size, "data-mobile": mobile, className: cn("vui-dialog ui-dialog", className), ...props }));
 });
 /** `LayerHeader` for dialogs. */

package/dist/components/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as DropdownMenuPrimitive from "radix-ui/dropdown-menu";
 import type { MenuEntry } from "../lib/variants.js";
 /** Root. Controlled (`open` / `onOpenChange`) or uncontrolled. */
 export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;

package/dist/components/dropdown-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as DropdownMenuPrimitive from "radix-ui/dropdown-menu";
 import { MoreHorizontal } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { usePortalContainer } from "../lib/theme-scope.js";
@@ -15,7 +15,7 @@ export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 /** The menu panel. Portals into the nearest `ThemeScope`; only the first layer blurs in glass mode. */
-export const DropdownMenuContent = React.forwardRef(function DropdownMenuContent({ className, size = "md", sideOffset = 6, collisionPadding = 12, align = "start", ...props }, ref) {
+export const DropdownMenuContent = /*#__PURE__*/ React.forwardRef(function DropdownMenuContent({ className, size = "md", sideOffset = 6, collisionPadding = 12, align = "start", ...props }, ref) {
     const container = usePortalContainer();
     return (_jsx(DropdownMenuPrimitive.Portal, { container: container, children: _jsx(MenuSizeContext.Provider, { value: size, children: _jsx(Layer, { asChild: true, children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, "data-slot": "dropdown-menu-content", sideOffset: sideOffset, collisionPadding: collisionPadding, align: align, className: cn(menuContentVariants({ size }), "max-h-(--radix-dropdown-menu-content-available-height)", className), ...props }) }) }) }));
 });
@@ -24,25 +24,25 @@ export const DropdownMenuContent = React.forwardRef(function DropdownMenuContent
  * `event.preventDefault()` in `onSelect` to keep it open (async actions).
  * With `asChild` the child (a link) is rendered as the item and must hold its own content.
  */
-export const DropdownMenuItem = React.forwardRef(function DropdownMenuItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
+export const DropdownMenuItem = /*#__PURE__*/ React.forwardRef(function DropdownMenuItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(DropdownMenuPrimitive.Item, { ref: ref, "data-slot": "dropdown-menu-item", "data-tone": tone, asChild: asChild, className: menuItemClass({ size, tone, inset, className }), ...props, children: asChild ? (children) : (_jsx(MenuItemContent, { icon: icon, description: description, shortcut: shortcut, badge: badge, children: children })) }));
 });
 /** A toggle (`menuitemcheckbox`). Selecting closes the menu; call `event.preventDefault()` in `onSelect` to keep it open (column toggles). */
-export const DropdownMenuCheckboxItem = React.forwardRef(function DropdownMenuCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
+export const DropdownMenuCheckboxItem = /*#__PURE__*/ React.forwardRef(function DropdownMenuCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, "data-slot": "dropdown-menu-checkbox-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(MenuCheckIcon, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
 export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 /** One choice inside a `DropdownMenuRadioGroup` (`menuitemradio`). */
-export const DropdownMenuRadioItem = React.forwardRef(function DropdownMenuRadioItem({ className, shortcut, description, children, ...props }, ref) {
+export const DropdownMenuRadioItem = /*#__PURE__*/ React.forwardRef(function DropdownMenuRadioItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, "data-slot": "dropdown-menu-radio-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(MenuRadioDot, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
-export const DropdownMenuLabel = React.forwardRef(function DropdownMenuLabel({ className, inset, ...props }, ref) {
+export const DropdownMenuLabel = /*#__PURE__*/ React.forwardRef(function DropdownMenuLabel({ className, inset, ...props }, ref) {
     return _jsx(DropdownMenuPrimitive.Label, { ref: ref, "data-slot": "dropdown-menu-label", className: cn(menuLabelClass, inset && "ps-8", className), ...props });
 });
-export const DropdownMenuSeparator = React.forwardRef(function DropdownMenuSeparator({ className, ...props }, ref) {
+export const DropdownMenuSeparator = /*#__PURE__*/ React.forwardRef(function DropdownMenuSeparator({ className, ...props }, ref) {
     return _jsx(DropdownMenuPrimitive.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", className: cn(menuSeparatorClass, className), ...props });
 });
 /** Trailing text hint (when you don't want keycaps). */
@@ -50,12 +50,12 @@ export function DropdownMenuShortcut({ className, ...props }) {
     return _jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("ms-auto ps-4 font-mono text-[11px] tracking-wide text-fg-subtle", className), ...props });
 }
 /** Opens a submenu on hover, Enter, Space or → (← in RTL). */
-export const DropdownMenuSubTrigger = React.forwardRef(function DropdownMenuSubTrigger({ className, icon, inset, children, ...props }, ref) {
+export const DropdownMenuSubTrigger = /*#__PURE__*/ React.forwardRef(function DropdownMenuSubTrigger({ className, icon, inset, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(DropdownMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", className: menuItemClass({ size, inset, className: cn("data-[state=open]:bg-hover", className) }), ...props, children: _jsx(MenuItemContent, { icon: icon, chevron: true, children: children }) }));
 });
 /** A submenu panel. It is one layer deeper, so it is opaque in glass mode. */
-export const DropdownMenuSubContent = React.forwardRef(function DropdownMenuSubContent({ className, size: sizeProp, sideOffset = 4, collisionPadding = 12, ...props }, ref) {
+export const DropdownMenuSubContent = /*#__PURE__*/ React.forwardRef(function DropdownMenuSubContent({ className, size: sizeProp, sideOffset = 4, collisionPadding = 12, ...props }, ref) {
     const container = usePortalContainer();
     const parentSize = React.useContext(MenuSizeContext);
     const size = sizeProp ?? parentSize;

package/dist/components/editor-layout.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Collapsible } from "radix-ui";
+import * as Collapsible from "radix-ui/collapsible";
 import { ArrowLeft, Check, ChevronDown, CloudOff, PanelRight, TriangleAlert } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -40,7 +40,7 @@ const editorLabels = {
 };
 /** Below this container width (44rem) the side panel becomes a sheet. Matches navigation.css. */
 const NARROW = 704;
-const EditorLayoutContext = React.createContext(null);
+const EditorLayoutContext = /*#__PURE__*/ React.createContext(null);
 function useEditorLayout() {
     return React.useContext(EditorLayoutContext);
 }
@@ -61,7 +61,7 @@ function useEditorLayout() {
  * </EditorLayout>
  * ```
  */
-export const EditorLayout = React.forwardRef(function EditorLayout({ panelOpen: panelOpenProp, defaultPanelOpen = true, onPanelOpenChange, panelWidth: panelWidthProp, defaultPanelWidth = 320, onPanelWidthChange, resizable = false, focusMode: focusModeProp, defaultFocusMode = false, onFocusModeChange, readOnly = false, scroll = "page", stickyTop, shortcuts = true, labels, className, style, children, ...props }, ref) {
+export const EditorLayout = /*#__PURE__*/ React.forwardRef(function EditorLayout({ panelOpen: panelOpenProp, defaultPanelOpen = true, onPanelOpenChange, panelWidth: panelWidthProp, defaultPanelWidth = 320, onPanelWidthChange, resizable = false, focusMode: focusModeProp, defaultFocusMode = false, onFocusModeChange, readOnly = false, scroll = "page", stickyTop, shortcuts = true, labels, className, style, children, ...props }, ref) {
     const { ref: measureRef, width } = useContainerWidth();
     const composed = useComposedRefs(ref, measureRef);
     const narrow = width !== undefined && width < NARROW;
@@ -113,7 +113,7 @@ export const EditorLayout = React.forwardRef(function EditorLayout({ panelOpen:
     return (_jsx(EditorLayoutContext.Provider, { value: ctx, children: _jsx("div", { ref: composed, "data-slot": "editor-layout", "data-scroll": scroll, "data-focus-mode": focusMode ? "" : undefined, "data-read-only": readOnly ? "" : undefined, className: cn("@container/editor relative w-full min-w-0", scroll === "panes" && "h-full min-h-0", className), style: { "--editor-panel-w": `${panelWidth}px`, ...(top !== undefined ? { "--editor-sticky-top": top } : null), ...style }, ...props, children: _jsx("div", { className: "vui-editor-grid", "data-panel": ctx.panelOpen && !narrow ? "open" : "closed", "data-scroll": scroll, children: children }) }) }));
 });
 /** The sticky publish bar: back, title, save status, actions, panel toggle. */
-export const EditorBar = React.forwardRef(function EditorBar({ back, title, status, actions, secondaryActions, menu, panelToggle = true, focusToggle = false, labels, className, children, ...props }, ref) {
+export const EditorBar = /*#__PURE__*/ React.forwardRef(function EditorBar({ back, title, status, actions, secondaryActions, menu, panelToggle = true, focusToggle = false, labels, className, children, ...props }, ref) {
     const ctx = useEditorLayout();
     const t = useLabels("editor", editorLabels, labels ?? ctx?.labels);
     const readOnly = ctx?.readOnly ?? false;
@@ -128,7 +128,7 @@ const UNITS = [
  * Where the document's changes are: "Unsaved changes" · "Saving…" · "Saved 2 min ago" ·
  * "Couldn't save · Retry" · "Offline · changes kept locally". A polite status; the error is an alert.
  */
-export const SaveStatus = React.forwardRef(function SaveStatus({ state, at, onRetry, guard = true, now: nowProp, labels, className, ...props }, ref) {
+export const SaveStatus = /*#__PURE__*/ React.forwardRef(function SaveStatus({ state, at, onRetry, guard = true, now: nowProp, labels, className, ...props }, ref) {
     const ctx = useEditorLayout();
     const t = useLabels("editor", editorLabels, labels ?? ctx?.labels);
     const { locale } = useLocale();
@@ -172,13 +172,13 @@ export const SaveStatus = React.forwardRef(function SaveStatus({ state, at, onRe
 /* ------------------------------------------------------------------ */
 const canvasWidth = { prose: "max-w-[720px]", wide: "max-w-[1080px]", full: "max-w-none" };
 /** The writing area: a centred column with generous margins. */
-export const EditorCanvas = React.forwardRef(function EditorCanvas({ width = "prose", tone = "surface", notice, loading, labels, className, children, ...props }, ref) {
+export const EditorCanvas = /*#__PURE__*/ React.forwardRef(function EditorCanvas({ width = "prose", tone = "surface", notice, loading, labels, className, children, ...props }, ref) {
     const ctx = useEditorLayout();
     const t = useLabels("editor", editorLabels, labels ?? ctx?.labels);
     return (_jsx("div", { ref: ref, "data-slot": "editor-canvas", "data-tone": tone, "aria-busy": loading || undefined, className: cn("vui-editor-canvas min-w-0 px-[var(--gutter,1.5rem)] py-8 @3xl/editor:py-12", tone === "surface" ? "bg-surface" : "bg-transparent", className), ...props, children: _jsxs("div", { className: cn("mx-auto flex w-full flex-col gap-6", canvasWidth[width]), children: [notice, loading ? (_jsxs("div", { role: "status", "aria-label": t("loading"), className: "grid gap-6", children: [_jsx(Skeleton, { className: "h-10 w-3/4 rounded-ui-sm" }), _jsx(SkeletonText, { lines: 4 }), _jsx(SkeletonText, { lines: 5 })] })) : (children)] }) }));
 });
 /** The side panel: `<aside>` of collapsible settings sections; a non-modal sheet on narrow layouts. */
-export const EditorPanel = React.forwardRef(function EditorPanel({ tabs, value: valueProp, defaultValue, onValueChange, footer, labels, className, children, ...props }, ref) {
+export const EditorPanel = /*#__PURE__*/ React.forwardRef(function EditorPanel({ tabs, value: valueProp, defaultValue, onValueChange, footer, labels, className, children, ...props }, ref) {
     const ctx = useEditorLayout();
     const t = useLabels("editor", editorLabels, labels ?? ctx?.labels);
     const [value, setValue] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? tabs?.[0]?.id ?? "", onChange: onValueChange, name: "EditorPanel" });
@@ -194,7 +194,7 @@ export const EditorPanel = React.forwardRef(function EditorPanel({ tabs, value:
     return (_jsxs("aside", { ref: ref, id: ctx?.panelId, "aria-label": label, hidden: ctx ? !ctx.panelOpen : undefined, "data-slot": "editor-panel", className: cn("vui-editor-panel relative flex min-w-0 flex-col border-s border-line bg-surface", className), ...props, children: [ctx?.resizable ? (_jsx(SidePaneHandle, { "aria-label": t("resizePanel"), edge: "start", value: ctx.panelWidth, min: 280, max: 520, defaultValue: ctx.defaultPanelWidth, onValueChange: ctx.setPanelWidth, className: "-start-1" })) : null, body] }));
 });
 /** The sections of one panel tab (`value` matches a tab `id`). */
-export const EditorPanelContent = React.forwardRef(function EditorPanelContent({ className, ...props }, ref) {
+export const EditorPanelContent = /*#__PURE__*/ React.forwardRef(function EditorPanelContent({ className, ...props }, ref) {
     return _jsx(TabsContent, { ref: ref, className: cn("mt-0", className), ...props });
 });
 const storageKey = (id) => `vui:editor-section:${id}`;
@@ -210,7 +210,7 @@ function readStored(id) {
     }
 }
 /** A folding meta box in the panel: Status, Permalink, Categories, Featured image, SEO. */
-export const EditorPanelSection = React.forwardRef(function EditorPanelSection({ id, title, summary, defaultOpen = false, open: openProp, onOpenChange, actions, headingLevel = 2, className, children, ...props }, ref) {
+export const EditorPanelSection = /*#__PURE__*/ React.forwardRef(function EditorPanelSection({ id, title, summary, defaultOpen = false, open: openProp, onOpenChange, actions, headingLevel = 2, className, children, ...props }, ref) {
     const [open, setOpen] = useControllableState({ value: openProp, defaultValue: defaultOpen, onChange: onOpenChange, name: "EditorPanelSection" });
     // Restore after mount (SSR renders the default).
     React.useEffect(() => {

package/dist/components/empty-state.js

@@ -19,7 +19,7 @@ const KIND = {
     forbidden: { icon: LockKeyhole, label: "forbidden", well: "surface-2 text-fg-muted" },
     done: { icon: CircleCheck, label: "done", well: "tone-success tone-soft" },
 };
-export const emptyStateVariants = cva("vui-empty flex w-full flex-col items-center text-center", {
+export const emptyStateVariants = /*#__PURE__*/ cva("vui-empty flex w-full flex-col items-center text-center", {
     variants: {
         size: {
             /** Inside a table, card or popover. */
@@ -48,7 +48,7 @@ export const emptyStateVariants = cva("vui-empty flex w-full flex-col items-cent
  * <EmptyState kind="no-results" size="sm" actions={<Button size="sm" onClick={clear}>Clear filters</Button>} />
  * ```
  */
-export const EmptyState = React.forwardRef(function EmptyState({ kind = "first-use", size = "md", icon, illustration, title, description, actions, framed, as = "h3", className, children, role, ...props }, ref) {
+export const EmptyState = /*#__PURE__*/ React.forwardRef(function EmptyState({ kind = "first-use", size = "md", icon, illustration, title, description, actions, framed, as = "h3", className, children, role, ...props }, ref) {
     const k = KIND[kind];
     const Icon = k.icon;
     return (_jsxs("div", { ref: ref, "data-slot": "empty-state", "data-kind": kind, "data-size": size, role: role ?? (kind === "no-results" ? "status" : undefined), className: cn(emptyStateVariants({ size, framed }), className), ...props, children: [illustration ? (_jsx("div", { "data-slot": "empty-state-illustration", className: cn("mb-1 flex justify-center text-fg-subtle", size === "lg" ? "max-w-72" : "max-w-48"), children: illustration })) : icon === false ? null : (_jsx(EmptyStateIcon, { className: cn(k.well, size === "sm" ? "mb-1" : "mb-2"), children: icon ?? _jsx(Icon, { "aria-hidden": true }) })), _jsx(EmptyStateTitle, { as: as, size: size, children: title ?? _jsx(LocalizedText, { namespace: "empty", id: k.label, defaults: emptyLabels }) }), description ? _jsx(EmptyStateDescription, { size: size, children: description }) : null, children, actions ? _jsx(EmptyStateActions, { className: size === "sm" ? "mt-1" : "mt-2", children: actions }) : null] }));

package/dist/components/entity-card.js

@@ -52,7 +52,7 @@ function ContactActions({ name, contact, t, size = "sm" }) {
  * />
  * ```
  */
-export const EntityCard = React.forwardRef(function EntityCard({ kind = "person", name, subtitle, media, badges, status, fields, stats, actions, contact, description, href, variant = "card", headingAs, archived, selected, loading, labels, className, ...props }, ref) {
+export const EntityCard = /*#__PURE__*/ React.forwardRef(function EntityCard({ kind = "person", name, subtitle, media, badges, status, fields, stats, actions, contact, description, href, variant = "card", headingAs, archived, selected, loading, labels, className, ...props }, ref) {
     const t = useLabels("entityCard", entityCardLabels, labels);
     const H = headingAs ?? (variant === "header" ? "h1" : "h3");
     const headingId = React.useId();

package/dist/components/file-upload.js

@@ -360,7 +360,7 @@ function useSyncNativeFiles(inputRef, files, enabled) {
  * <FileUpload name="cv" accept=".pdf" maxFiles={1} />   // no upload → sent with the form
  * ```
  */
-export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
+export const FileUpload = /*#__PURE__*/ React.forwardRef(function FileUpload(props, ref) {
     const { accept, maxSize, minSize, maxFiles, multiple: multipleProp, value, defaultValue, onValueChange, upload, concurrency = 3, onReject, variant = "dropzone", hint: hintProp, showList = true, name, id, disabled: disabledProp, invalid, required, labels, className, "aria-describedby": describedBy, ...rest } = props;
     const control = useFieldControl({ id, name, disabled: disabledProp, required, "aria-describedby": describedBy, "aria-invalid": invalid ? true : undefined });
     const disabled = control.disabled;
@@ -418,18 +418,18 @@ function f_names(files) {
     return files.map((x) => x.name).join(", ");
 }
 /** `FileUpload` with `variant="button"`. */
-export const FileUploadButton = React.forwardRef(function FileUploadButton(props, ref) {
+export const FileUploadButton = /*#__PURE__*/ React.forwardRef(function FileUploadButton(props, ref) {
     return _jsx(FileUpload, { ref: ref, variant: "button", ...props });
 });
 /* ------------------------------------------------------------------ */
 /* List + item                                                         */
 /* ------------------------------------------------------------------ */
 /** The list of files under a FileUpload (usable alone for attachment lists). */
-export const FileUploadList = React.forwardRef(function FileUploadList({ className, ...props }, ref) {
+export const FileUploadList = /*#__PURE__*/ React.forwardRef(function FileUploadList({ className, ...props }, ref) {
     return _jsx("ul", { ref: ref, "data-slot": "file-upload-list", className: cn("grid gap-1.5", className), ...props });
 });
 /** One file row: thumbnail or type icon, name, size, status, progress and actions. */
-export const FileUploadItem = React.forwardRef(function FileUploadItem({ file, onRemove, onRetry, formMode, labels, className, ...props }, ref) {
+export const FileUploadItem = /*#__PURE__*/ React.forwardRef(function FileUploadItem({ file, onRemove, onRetry, formMode, labels, className, ...props }, ref) {
     const t = useLabels("upload", uploadLabels, labels);
     const f = useFormat();
     const Icon = iconFor(file.type, file.name);
@@ -447,7 +447,7 @@ export const FileUploadItem = React.forwardRef(function FileUploadItem({ file, o
  * <Field label="Cover image"><ImageUpload aspect="16/9" maxSize={5_000_000} upload={uploadImage} /></Field>
  * ```
  */
-export const ImageUpload = React.forwardRef(function ImageUpload(props, ref) {
+export const ImageUpload = /*#__PURE__*/ React.forwardRef(function ImageUpload(props, ref) {
     const { value, defaultValue, onValueChange, aspect = "16/9", accept = "image/png,image/jpeg,image/webp", maxSize, upload, onReject, hint: hintProp, fit = "cover", name, id, disabled: disabledProp, invalid, required, labels, className, style, "aria-describedby": describedBy, ...rest } = props;
     const control = useFieldControl({ id, name, disabled: disabledProp, required, "aria-describedby": describedBy, "aria-invalid": invalid ? true : undefined });
     const disabled = control.disabled;

package/dist/components/formatted-input.js

@@ -247,7 +247,7 @@ const formattedInputLabels = {
  * <FormattedInput mask="AA-####-##" uppercase placeholder="TR-2026-01" />
  * ```
  */
-export const FormattedInput = React.forwardRef(function FormattedInput({ mask, formatter, uppercase, valueFormat = "unmasked", value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono, labels, name, invalid, className, inputClassName, onBlur, onKeyDown, placeholder, ...rest }, forwardedRef) {
+export const FormattedInput = /*#__PURE__*/ React.forwardRef(function FormattedInput({ mask, formatter, uppercase, valueFormat = "unmasked", value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono, labels, name, invalid, className, inputClassName, onBlur, onKeyDown, placeholder, ...rest }, forwardedRef) {
     const t = useLabels("formattedInput", formattedInputLabels, labels);
     const fmt = React.useMemo(() => formatter ?? maskFormatter(mask ?? "", { uppercase }), [formatter, mask, uppercase]);
     const slotCount = mask ? [...mask].filter((c) => SLOT[c]).length : 0;
@@ -307,7 +307,7 @@ const decimalsOf = (n) => {
  * <NumberInput defaultValue={12} min={1} max={500} stepper aria-label="Quantity" />
  * ```
  */
-export const NumberInput = React.forwardRef(function NumberInput(props, forwardedRef) {
+export const NumberInput = /*#__PURE__*/ React.forwardRef(function NumberInput(props, forwardedRef) {
     const { min, max, step = 1, precision, stepper, grouping = true, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono, labels, name, invalid, className, inputClassName, onBlur, onKeyDown, trailing, size, disabled, readOnly, ...rest } = props;
     const { locale, format: f } = useLocale();
     const t = useLabels("numberInput", numberInputLabels, labels);
@@ -391,7 +391,7 @@ export function percentSignPosition(locale) {
  * Percent entry (discounts, tax rates, commission). The value is in percent units (`12.5` =
  * 12.5%), the sign sits where the locale puts it. Default range 0–100, two decimals.
  */
-export const PercentInput = React.forwardRef(function PercentInput({ min = 0, max = 100, precision = 2, trailing, ...props }, ref) {
+export const PercentInput = /*#__PURE__*/ React.forwardRef(function PercentInput({ min = 0, max = 100, precision = 2, trailing, ...props }, ref) {
     const { locale } = useLocale();
     const sign = _jsx("span", { "aria-hidden": true, className: "font-medium text-fg-subtle", children: "%" });
     const start = percentSignPosition(locale) === "start";

package/dist/components/hierarchy-chart.js

@@ -827,7 +827,7 @@ function HierarchyChartInner(props, ref) {
  * />
  * ```
  */
-export const HierarchyChart = React.forwardRef(HierarchyChartInner);
+export const HierarchyChart = /*#__PURE__*/ React.forwardRef(HierarchyChartInner);
 function toTreeData(nodes, byId, getLabel, getDescription, descendants) {
     const kids = new Map();
     for (const n of nodes) {

package/dist/components/hover-card.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import * as HoverCardPrimitive from "radix-ui/hover-card";
 import { type VariantProps } from "class-variance-authority";
 export interface HoverCardProps extends React.ComponentProps<typeof HoverCardPrimitive.Root> {
 }