@vamos-ui/react 0.4.0 → 0.4.1

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> {
 }

package/dist/components/hover-card.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { HoverCard as HoverCardPrimitive } from "radix-ui";
+import * as HoverCardPrimitive from "radix-ui/hover-card";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { usePortalContainer } from "../lib/theme-scope.js";
@@ -16,7 +16,7 @@ export function HoverCard({ openDelay = 500, closeDelay = 150, ...props }) {
     return _jsx(HoverCardPrimitive.Root, { openDelay: openDelay, closeDelay: closeDelay, ...props });
 }
 export const HoverCardTrigger = HoverCardPrimitive.Trigger;
-export const hoverCardContentVariants = cva("surface-popover ui-pop z-(--z-popover) rounded-ui-lg p-[calc(var(--gap)*0.85)] outline-none max-w-[calc(100vw-1.5rem)]", {
+export const hoverCardContentVariants = /*#__PURE__*/ cva("surface-popover ui-pop z-(--z-popover) rounded-ui-lg p-[calc(var(--gap)*0.85)] outline-none max-w-[calc(100vw-1.5rem)]", {
     variants: {
         size: {
             sm: "w-64",
@@ -26,7 +26,7 @@ export const hoverCardContentVariants = cva("surface-popover ui-pop z-(--z-popov
     defaultVariants: { size: "md" },
 });
 /** The preview panel. Portals into the nearest `ThemeScope` and follows the layer-depth glass rules. */
-export const HoverCardContent = React.forwardRef(function HoverCardContent({ className, size, arrow = false, sideOffset = 8, collisionPadding = 12, children, ...props }, ref) {
+export const HoverCardContent = /*#__PURE__*/ React.forwardRef(function HoverCardContent({ className, size, arrow = false, sideOffset = 8, collisionPadding = 12, children, ...props }, ref) {
     const container = usePortalContainer();
     return (_jsx(HoverCardPrimitive.Portal, { container: container, children: _jsx(Layer, { asChild: true, children: _jsxs(HoverCardPrimitive.Content, { ref: ref, "data-slot": "hover-card-content", sideOffset: sideOffset, collisionPadding: collisionPadding, className: cn(hoverCardContentVariants({ size }), className), ...props, children: [children, arrow ? (_jsx(HoverCardPrimitive.Arrow, { asChild: true, width: 14, height: 7, children: _jsx(FloatingArrow, {}) })) : null] }) }) }));
 });

package/dist/components/iban-input.js

@@ -40,7 +40,7 @@ const accept = (ch) => /^[0-9A-Za-z]$/.test(ch);
  * </Field>
  * ```
  */
-export const IbanInput = React.forwardRef(function IbanInput({ countries, rules = [trIbanRule], showBank = true, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono = true, labels, name, invalid, trailing, inputClassName, onBlur, onKeyDown, disabled, placeholder, ...rest }, forwardedRef) {
+export const IbanInput = /*#__PURE__*/ React.forwardRef(function IbanInput({ countries, rules = [trIbanRule], showBank = true, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono = true, labels, name, invalid, trailing, inputClassName, onBlur, onKeyDown, disabled, placeholder, ...rest }, forwardedRef) {
     const { locale } = useLocale();
     const t = useLabels("ibanInput", ibanInputLabels, labels);
     const v = useFormattedValidity(validateOn, onValidate);

package/dist/components/id-input.js

@@ -56,7 +56,7 @@ const idInputLabels = {
  * </Field>
  * ```
  */
-export const IdInput = React.forwardRef(function IdInput({ kind, masked = false, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono = true, labels, name, invalid, inputClassName, onBlur, onFocus, onKeyDown, disabled, placeholder, ...rest }, forwardedRef) {
+export const IdInput = /*#__PURE__*/ React.forwardRef(function IdInput({ kind, masked = false, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono = true, labels, name, invalid, inputClassName, onBlur, onFocus, onKeyDown, disabled, placeholder, ...rest }, forwardedRef) {
     const rule = typeof kind === "string" ? registry.get(kind) : kind;
     if (!rule && process.env.NODE_ENV !== "production")
         console.warn(`IdInput: no rule registered for "${String(kind)}".`);
@@ -121,10 +121,10 @@ export const IdInput = React.forwardRef(function IdInput({ kind, masked = false,
                     } }) }), submitName ? _jsx("input", { type: "hidden", name: submitName, value: engine.raw ?? "", disabled: disabled }) : null] }));
 });
 /** `IdInput` preset for personal IDs. Default kind `tr-tckn`. */
-export const NationalIdInput = React.forwardRef(function NationalIdInput({ kind = "tr-tckn", ...props }, ref) {
+export const NationalIdInput = /*#__PURE__*/ React.forwardRef(function NationalIdInput({ kind = "tr-tckn", ...props }, ref) {
     return _jsx(IdInput, { ref: ref, kind: kind, ...props });
 });
 /** `IdInput` preset for tax numbers. Default kind `tr-tax-id` (VKN or a sole proprietor's TCKN). */
-export const TaxIdInput = React.forwardRef(function TaxIdInput({ kind = "tr-tax-id", ...props }, ref) {
+export const TaxIdInput = /*#__PURE__*/ React.forwardRef(function TaxIdInput({ kind = "tr-tax-id", ...props }, ref) {
     return _jsx(IdInput, { ref: ref, kind: kind, ...props });
 });

package/dist/components/image.js

@@ -56,7 +56,7 @@ export function getImageSources(source, options = {}) {
 /* ------------------------------------------------------------------ */
 /* Loader context                                                       */
 /* ------------------------------------------------------------------ */
-const ImageLoaderContext = React.createContext(undefined);
+const ImageLoaderContext = /*#__PURE__*/ React.createContext(undefined);
 /**
  * Sets the image loader for every kit `Image` below (CDN URL builder). Same signature as the
  * Next.js loader. The media adapter's `loader` is used when no provider sets one.
@@ -87,7 +87,7 @@ export function useImageSources(source, options = {}) {
 /* ------------------------------------------------------------------ */
 /* Image                                                                */
 /* ------------------------------------------------------------------ */
-export const imageVariants = cva("vui-image relative isolate block max-w-full overflow-hidden bg-skeleton", {
+export const imageVariants = /*#__PURE__*/ cva("vui-image relative isolate block max-w-full overflow-hidden bg-skeleton", {
     variants: {
         rounded: { none: "", ui: "rounded-ui", "ui-lg": "rounded-ui-lg", full: "rounded-full" },
         fit: { cover: "", contain: "" },
@@ -108,7 +108,7 @@ const FILENAME_ALT = /(^(img|dsc|pxl|screenshot)[-_ ]?\d+)|\.(jpe?g|png|gif|webp
  * <Image src={asset} alt="Lobby of the Kadıköy office" aspect="16/9" sizes="(min-width: 1024px) 50vw, 100vw" rounded="ui" />
  * ```
  */
-export const Image = React.forwardRef(function Image({ src: source, alt: altProp, width: widthProp, height: heightProp, aspect = "auto", fit = "cover", focal: focalProp, crop, sizes, widths, quality, priority, placeholder: placeholderProp, blurDataURL, seed, placeholderPattern, placeholderIcon, placeholderCaption, color: colorProp, loader, fallback, processing: processingProp, rounded, frame, className, imgClassName, style, labels, onLoad, onError, loading, decoding, ...props }, forwardedRef) {
+export const Image = /*#__PURE__*/ React.forwardRef(function Image({ src: source, alt: altProp, width: widthProp, height: heightProp, aspect = "auto", fit = "cover", focal: focalProp, crop, sizes, widths, quality, priority, placeholder: placeholderProp, blurDataURL, seed, placeholderPattern, placeholderIcon, placeholderCaption, color: colorProp, loader, fallback, processing: processingProp, rounded, frame, className, imgClassName, style, labels, onLoad, onError, loading, decoding, ...props }, forwardedRef) {
     const t = useLabels("image", imageLabels, labels);
     const Bridge = useImage();
     const empty = !source || (typeof source === "string" && !source.trim());
@@ -166,10 +166,10 @@ export const Image = React.forwardRef(function Image({ src: source, alt: altProp
         }, children: [placeholder === "blur" && blur && state !== "error" ? (_jsx("img", { "aria-hidden": true, alt: "", src: blur, "data-slot": "image-blur", className: "vui-image-blur pointer-events-none absolute inset-0 size-full object-cover", style: imgStyle })) : null, placeholder === "skeleton" && state === "loading" ? _jsx("span", { "aria-hidden": true, "data-slot": "image-skeleton", className: "ui-shimmer absolute inset-0" }) : null, placeholder === "art" && state === "loading" ? art(true) : null, state === "error" ? (placeholder === "art" && !fallback ? (_jsx("span", { "data-slot": "image-fallback", title: t("error"), className: cn(positioned ? "absolute inset-0" : "relative block min-h-24"), children: art(false) })) : fallback ? (_jsx("span", { "data-slot": "image-fallback", className: cn(positioned ? "absolute inset-0" : "block min-h-24", "flex items-center justify-center"), children: fallback })) : (_jsx("span", { "data-slot": "image-fallback", ...(alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }), title: t("error"), className: cn(positioned ? "absolute inset-0" : "block min-h-24", "flex items-center justify-center text-fg-subtle [&_svg]:size-6"), children: _jsx(ImageOff, { "aria-hidden": true, strokeWidth: 1.5 }) }))) : (img), processing ? (_jsxs("span", { "data-slot": "image-processing", className: "surface-popover absolute start-2 top-2 z-10 inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-medium", children: [_jsx(Spinner, { size: "xs", tone: "accent" }), t("processing")] })) : null] }));
 });
 /** `<figure>` for a captioned image (blocks, galleries, articles). */
-export const Figure = React.forwardRef(function Figure({ gap = "sm", className, ...props }, ref) {
+export const Figure = /*#__PURE__*/ React.forwardRef(function Figure({ gap = "sm", className, ...props }, ref) {
     return _jsx("figure", { ref: ref, "data-slot": "figure", className: cn("m-0 flex flex-col", gap === "sm" ? "gap-2" : "gap-3", className), ...props });
 });
 /** `<figcaption>`: caption text plus an optional credit. */
-export const FigureCaption = React.forwardRef(function FigureCaption({ credit, className, children, ...props }, ref) {
+export const FigureCaption = /*#__PURE__*/ React.forwardRef(function FigureCaption({ credit, className, children, ...props }, ref) {
     return (_jsxs("figcaption", { ref: ref, "data-slot": "figure-caption", className: cn("text-[13px] leading-relaxed text-pretty text-fg-muted", className), ...props, children: [children, credit ? _jsx("span", { className: "ms-2 text-[11.5px] tracking-wide text-fg-subtle uppercase", children: credit }) : null] }));
 });