@vamos-ui/react 0.4.0 → 0.4.1

package/dist/components/input-otp.js

@@ -16,13 +16,13 @@ const PATTERNS = {
     digits: "^\\d+$",
     alphanumeric: "^[a-zA-Z0-9]+$",
 };
-const OTPStyleContext = React.createContext({ size: "md", mask: false, invalid: false });
+const OTPStyleContext = /*#__PURE__*/ React.createContext({ size: "md", mask: false, invalid: false });
 /**
  * One real `<input>` (screen readers, SMS autofill, password managers and paste all see one
  * field) with visual slots drawn over it. Compose `InputOTPGroup` / `InputOTPSlot` /
  * `InputOTPSeparator`, or use the `InputOTP` shorthand.
  */
-export const InputOTPRoot = React.forwardRef(function InputOTPRoot(rawProps, ref) {
+export const InputOTPRoot = /*#__PURE__*/ React.forwardRef(function InputOTPRoot(rawProps, ref) {
     const { maxLength, value: valueProp, defaultValue, onValueChange, onComplete, pattern = "digits", size = "md", mask = false, invalid, loading, containerClassName, className, labels, children, ...rest } = rawProps;
     const t = useLabels("otp", otpLabels, labels);
     const field = useFieldContext();
@@ -37,11 +37,11 @@ export const InputOTPRoot = React.forwardRef(function InputOTPRoot(rawProps, ref
             dir: "ltr", children: _jsxs(_Fragment, { children: [children, loading ? (_jsx("span", { className: "ms-1 inline-flex items-center", children: _jsx(Spinner, { size: "sm", tone: "muted", label: t("verifying") }) })) : null] }) }) }));
 });
 /** A run of joined slots. */
-export const InputOTPGroup = React.forwardRef(function InputOTPGroup({ className, ...props }, ref) {
+export const InputOTPGroup = /*#__PURE__*/ React.forwardRef(function InputOTPGroup({ className, ...props }, ref) {
     return _jsx("div", { ref: ref, "data-slot": "input-otp-group", className: cn("ui-otp-group flex items-center", className), ...props });
 });
 /** One visual character box: active ring, fake caret, filled state. */
-export const InputOTPSlot = React.forwardRef(function InputOTPSlot({ index, className, ...props }, ref) {
+export const InputOTPSlot = /*#__PURE__*/ React.forwardRef(function InputOTPSlot({ index, className, ...props }, ref) {
     const ctx = React.useContext(OTPInputContext);
     const { size, mask, invalid } = React.useContext(OTPStyleContext);
     const slot = ctx.slots[index];
@@ -49,7 +49,7 @@ export const InputOTPSlot = React.forwardRef(function InputOTPSlot({ index, clas
     return (_jsxs("div", { ref: ref, "data-slot": "input-otp-slot", "data-active": slot?.isActive ? "" : undefined, "data-filled": char ? "" : undefined, "aria-hidden": true, className: cn("relative flex items-center justify-center border-y border-e border-field-border bg-field font-medium text-fg tabular", "transition-[border-color,box-shadow,background-color] duration-150", "first:rounded-s-ui first:border-s last:rounded-e-ui", size === "lg" ? "h-[calc(var(--control-h)+1rem)] w-[calc(var(--control-h)+0.25rem)] text-xl" : "h-[calc(var(--control-h)+0.25rem)] w-[calc(var(--control-h)-0.25rem)] text-lg", "group-hover/otp:border-field-border-hover", slot?.isActive && "z-10 border-ring shadow-[0_0_0_3px_var(--accent-soft)]", slot?.isActive && "border-s", invalid && "border-danger", invalid && slot?.isActive && "shadow-[0_0_0_3px_color-mix(in_srgb,var(--danger)_18%,transparent)]", className), ...props, children: [char ? mask ? _jsx("span", { className: "size-2 rounded-full bg-current" }) : char : null, slot?.hasFakeCaret ? (_jsx("span", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("span", { className: "ui-otp-caret h-[45%] w-px bg-fg" }) })) : null] }));
 });
 /** Visual divider between groups (123–456). */
-export const InputOTPSeparator = React.forwardRef(function InputOTPSeparator({ className, ...props }, ref) {
+export const InputOTPSeparator = /*#__PURE__*/ React.forwardRef(function InputOTPSeparator({ className, ...props }, ref) {
     return (_jsx("div", { ref: ref, role: "separator", "data-slot": "input-otp-separator", className: cn("flex w-3 items-center justify-center text-fg-subtle", className), ...props, children: _jsx("span", { className: "h-px w-2.5 bg-current" }) }));
 });
 /**
@@ -62,7 +62,7 @@ export const InputOTPSeparator = React.forwardRef(function InputOTPSeparator({ c
  * </Field>
  * ```
  */
-export const InputOTP = React.forwardRef(function InputOTP({ length = 6, groups, ...props }, ref) {
+export const InputOTP = /*#__PURE__*/ React.forwardRef(function InputOTP({ length = 6, groups, ...props }, ref) {
     const sizes = groups && groups.reduce((a, b) => a + b, 0) === length ? groups : [length];
     let start = 0;
     return (_jsx(InputOTPRoot, { ref: ref, maxLength: length, ...props, children: sizes.map((count, gi) => {

package/dist/components/input.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Label as LabelPrimitive } from "radix-ui";
+import * as LabelPrimitive from "radix-ui/label";
 /**
  * The classic field look for a bare `<input>` / `<textarea>`. Kept for compatibility —
  * new controls should use `controlVariants` from `lib/variants`.

package/dist/components/input.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 { Label as LabelPrimitive } from "radix-ui";
+import * as LabelPrimitive from "radix-ui/label";
 import { CircleAlert, X } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useComposedRefs, mergeIds } from "../lib/compose-refs.js";
@@ -39,7 +39,7 @@ const setNativeValue = (el, value) => {
  * <Input addonStart="https://" addonEnd=".vamos.ist" defaultValue="northpoint" />
  * ```
  */
-export const Input = React.forwardRef(function Input(rawProps, forwardedRef) {
+export const Input = /*#__PURE__*/ React.forwardRef(function Input(rawProps, forwardedRef) {
     const { className, inputClassName, size = "md", variant = "default", leading, trailing, addonStart, addonEnd, clearable, onClear, showCount, invalid, labels, style, ...rest } = rawProps;
     const props = useFieldControl({ ...rest, "aria-invalid": invalid ? true : rest["aria-invalid"] });
     const t = useLabels("input", inputLabels, labels);
@@ -92,7 +92,7 @@ export const Input = React.forwardRef(function Input(rawProps, forwardedRef) {
  * <Field label="Anything we should know first?"><Textarea maxLength={400} showCount /></Field>
  * ```
  */
-export const Textarea = React.forwardRef(function Textarea({ className, rows = 4, invalid, showCount, labels, ...rest }, ref) {
+export const Textarea = /*#__PURE__*/ React.forwardRef(function Textarea({ className, rows = 4, invalid, showCount, labels, ...rest }, ref) {
     const props = useFieldControl({ ...rest, "aria-invalid": invalid ? true : rest["aria-invalid"] });
     const t = useLabels("input", inputLabels, labels);
     const countId = React.useId();
@@ -114,7 +114,7 @@ export const Textarea = React.forwardRef(function Textarea({ className, rows = 4
 /* Label                                                               */
 /* ------------------------------------------------------------------ */
 /** Form label (Radix Label: no text selection on double-click). */
-export const Label = React.forwardRef(function Label({ className, ...props }, ref) {
+export const Label = /*#__PURE__*/ React.forwardRef(function Label({ className, ...props }, ref) {
     return (_jsx(LabelPrimitive.Root, { ref: ref, "data-slot": "label", className: cn("text-[13px] font-medium text-fg", className), ...props }));
 });
 /* ------------------------------------------------------------------ */
@@ -175,13 +175,13 @@ export function Field({ label, hint, error, id, name, required = false, optional
  * </Fieldset>
  * ```
  */
-export const Fieldset = React.forwardRef(function Fieldset({ legend, hint, error, className, children, "aria-describedby": describedBy, ...props }, ref) {
+export const Fieldset = /*#__PURE__*/ React.forwardRef(function Fieldset({ legend, hint, error, className, children, "aria-describedby": describedBy, ...props }, ref) {
     const id = React.useId();
     const hintId = hint && !error ? `${id}-hint` : undefined;
     const errorId = error ? `${id}-error` : undefined;
     return (_jsxs("fieldset", { ref: ref, "data-slot": "fieldset", "aria-describedby": mergeIds(hintId, errorId, describedBy), "data-invalid": error ? "" : undefined, className: cn("grid min-w-0 gap-3 border-0 p-0 disabled:opacity-60", className), ...props, children: [legend ? _jsx(Legend, { className: "float-left w-full", children: legend }) : null, hint && !error ? (_jsx("p", { id: hintId, className: "-mt-2 text-xs text-fg-subtle", children: hint })) : null, error ? (_jsxs("p", { id: errorId, className: "-mt-2 flex items-start gap-1.5 text-xs text-danger", children: [_jsx(CircleAlert, { "aria-hidden": true, className: "mt-px size-3.5 shrink-0" }), _jsx("span", { children: error })] })) : null, children] }));
 });
 /** Title of a Fieldset. */
-export const Legend = React.forwardRef(function Legend({ className, ...props }, ref) {
+export const Legend = /*#__PURE__*/ React.forwardRef(function Legend({ className, ...props }, ref) {
     return _jsx("legend", { ref: ref, "data-slot": "legend", className: cn("mb-0 p-0 text-sm font-semibold tracking-[-0.005em] text-fg", className), ...props });
 });

package/dist/components/item.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Slot } from "radix-ui";
+import * as Slot from "radix-ui/slot";
 import { Check } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
@@ -16,7 +16,7 @@ import { Skeleton } from "./skeleton.js";
  * </ItemList>
  * ```
  */
-export const ItemList = React.forwardRef(function ItemList({ divided = true, inset, selectable, value, defaultValue, onValueChange, as = "ul", empty, className, children, ...props }, ref) {
+export const ItemList = /*#__PURE__*/ React.forwardRef(function ItemList({ divided = true, inset, selectable, value, defaultValue, onValueChange, as = "ul", empty, className, children, ...props }, ref) {
     const count = React.Children.toArray(children).length;
     const classes = cn("group/list m-0 grid list-none p-0", inset && "-mx-2 gap-0.5", 
     // hairline at the bottom of every row but the last (also through an asChild wrapper)
@@ -34,7 +34,7 @@ export const ItemList = React.forwardRef(function ItemList({ divided = true, ins
 /* ------------------------------------------------------------------ */
 /* Item                                                                 */
 /* ------------------------------------------------------------------ */
-export const itemRowVariants = cva([
+export const itemRowVariants = /*#__PURE__*/ cva([
     "group/item relative flex w-full min-w-0 gap-3 text-start text-[13px] text-fg outline-none",
     "px-(--card-p,1.25rem) group-data-inset/list:rounded-ui-sm group-data-inset/list:px-2",
     // states (also driven by the listbox island via aria-selected / aria-disabled)
@@ -67,7 +67,7 @@ export const itemRowVariants = cva([
  * </Item>
  * ```
  */
-export const Item = React.forwardRef(function Item({ value, asChild, interactive, disabled, size, align, as = "li", className, children, ...props }, ref) {
+export const Item = /*#__PURE__*/ React.forwardRef(function Item({ value, asChild, interactive, disabled, size, align, as = "li", className, children, ...props }, ref) {
     const option = value !== undefined;
     const rowClass = cn(itemRowVariants({ size, align, interactive: interactive ?? (asChild || option) }), className);
     const state = {

package/dist/components/kbd.js

@@ -5,7 +5,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { formatKey, parseShortcut, shortcutKeys, useIsMac } from "../lib/use-hotkeys.js";
 import { useLabels } from "../lib/labels.js";
-export const kbdVariants = cva("ui-keycap inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-[calc(var(--radius)*0.42)] font-mono font-medium leading-none tabular", {
+export const kbdVariants = /*#__PURE__*/ cva("ui-keycap inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-[calc(var(--radius)*0.42)] font-mono font-medium leading-none tabular", {
     variants: {
         size: {
             sm: "h-[1.125rem] min-w-[1.125rem] px-1 text-[10.5px]",
@@ -85,7 +85,7 @@ function spokenKey(token, isMac) {
  * <Kbd keyName="mod" />   // ⌘ on macOS, Ctrl elsewhere
  * ```
  */
-export const Kbd = React.forwardRef(function Kbd({ keyName, size, variant, labels, className, children, ...props }, ref) {
+export const Kbd = /*#__PURE__*/ React.forwardRef(function Kbd({ keyName, size, variant, labels, className, children, ...props }, ref) {
     const isMac = useIsMac();
     const t = useLabels("kbd", kbdLabels, labels);
     let content = children;
@@ -112,7 +112,7 @@ export const Kbd = React.forwardRef(function Kbd({ keyName, size, variant, label
  * <KbdGroup keys={["g", "p"]} separator="then" />
  * ```
  */
-export const KbdGroup = React.forwardRef(function KbdGroup({ keys, separator, size, variant, labels, className, ...props }, ref) {
+export const KbdGroup = /*#__PURE__*/ React.forwardRef(function KbdGroup({ keys, separator, size, variant, labels, className, ...props }, ref) {
     const isMac = useIsMac();
     const tokens = typeof keys === "string" ? shortcutKeys(keys, isMac) : keys;
     return (_jsx("kbd", { ref: ref, dir: "ltr", "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1 font-sans", className), ...props, children: tokens.map((k, i) => (_jsxs(React.Fragment, { children: [i > 0 && separator != null ? (_jsx("span", { "aria-hidden": typeof separator === "string" && /^[+\-–]$/.test(separator) ? true : undefined, className: "text-[11px] text-fg-subtle", children: separator })) : null, _jsx(Kbd, { keyName: k, size: size, variant: variant, labels: labels })] }, `${k}-${i}`))) }));

package/dist/components/list-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 { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import * as ToggleGroupPrimitive from "radix-ui/toggle-group";
 import { cva } from "class-variance-authority";
 import { SlidersHorizontal, X } from "lucide-react";
 import { cn } from "../lib/cn.js";
@@ -35,11 +35,11 @@ const listLabels = {
     error: "Couldn't load this list",
     retry: "Try again",
 };
-const ListLayoutContext = React.createContext(null);
+const ListLayoutContext = /*#__PURE__*/ React.createContext(null);
 /* ------------------------------------------------------------------ */
 /* ListLayout                                                          */
 /* ------------------------------------------------------------------ */
-export const listLayoutVariants = cva("@container/list relative mx-auto flex w-full min-w-0 flex-col", {
+export const listLayoutVariants = /*#__PURE__*/ cva("@container/list relative mx-auto flex w-full min-w-0 flex-col", {
     variants: {
         width: {
             /** Edge to edge of the page area. */
@@ -70,7 +70,7 @@ export const listLayoutVariants = cva("@container/list relative mx-auto flex w-f
  *
  * Responds to its own width (container queries), so it behaves the same in a split view.
  */
-export const ListLayout = React.forwardRef(function ListLayout({ width = "full", stickyToolbar = true, stickyTop, className, style, ...props }, ref) {
+export const ListLayout = /*#__PURE__*/ React.forwardRef(function ListLayout({ width = "full", stickyToolbar = true, stickyTop, className, style, ...props }, ref) {
     const [bulkActive, setBulkActive] = React.useState(false);
     const toolbarRef = React.useRef(null);
     const ctx = React.useMemo(() => ({ stickyToolbar, bulkActive, setBulkActive, toolbarRef }), [stickyToolbar, bulkActive]);
@@ -82,7 +82,7 @@ const stickyBar = "sticky top-(--list-sticky-top,var(--topbar-h)) z-(--z-sticky)
  * The row above the content. Sticky under the top bar on the bar surface; while a selection is
  * active the `ListBulkBar` takes its place.
  */
-export const ListToolbar = React.forwardRef(function ListToolbar({ search, filters, filterCount, views, viewSwitch, actions, searchLabel, labels, className, children, ...props }, ref) {
+export const ListToolbar = /*#__PURE__*/ React.forwardRef(function ListToolbar({ search, filters, filterCount, views, viewSwitch, actions, searchLabel, labels, className, children, ...props }, ref) {
     const t = useLabels("list", listLabels, labels);
     const ctx = React.useContext(ListLayoutContext);
     const setRefs = React.useCallback((node) => {
@@ -102,7 +102,7 @@ export const ListToolbar = React.forwardRef(function ListToolbar({ search, filte
  * Table / grid / board switch: a segmented radio group (one tab stop, arrow keys move, Space selects). Labels
  * collapse to icons below ~640px of list width; the accessible name stays.
  */
-export const ListViewSwitch = React.forwardRef(function ListViewSwitch({ options, value: valueProp, defaultValue, onValueChange, label, labels, className, ...props }, ref) {
+export const ListViewSwitch = /*#__PURE__*/ React.forwardRef(function ListViewSwitch({ options, value: valueProp, defaultValue, onValueChange, label, labels, className, ...props }, ref) {
     const t = useLabels("list", listLabels, labels);
     const [inner, setInner] = React.useState(defaultValue ?? options[0]?.value ?? "");
     const value = valueProp ?? inner;
@@ -118,7 +118,7 @@ export const ListViewSwitch = React.forwardRef(function ListViewSwitch({ options
  * The selection bar. Presentational: the Data Table (or your list) owns the selection. Announces
  * "{n} selected" politely; Esc inside the bar clears the selection and focus returns to the toolbar.
  */
-export const ListBulkBar = React.forwardRef(function ListBulkBar({ count, total, onSelectAll, allSelected, onClear, labels, className, children, onKeyDown, ...props }, ref) {
+export const ListBulkBar = /*#__PURE__*/ React.forwardRef(function ListBulkBar({ count, total, onSelectAll, allSelected, onClear, labels, className, children, onKeyDown, ...props }, ref) {
     const t = useLabels("list", listLabels, labels);
     const f = useFormat();
     const ctx = React.useContext(ListLayoutContext);
@@ -155,7 +155,7 @@ export const ListBulkBar = React.forwardRef(function ListBulkBar({ count, total,
  * The content slot (table, grid or board) with every state. `refreshing` keeps the content and
  * shows a thin indeterminate bar; all states set `aria-busy` while work is pending.
  */
-export const ListContent = React.forwardRef(function ListContent({ state = "ready", empty, noResults, error, onRetry, onClearFilters, skeleton, skeletonRows = 6, resultCount, labels, className, children, ...props }, ref) {
+export const ListContent = /*#__PURE__*/ React.forwardRef(function ListContent({ state = "ready", empty, noResults, error, onRetry, onClearFilters, skeleton, skeletonRows = 6, resultCount, labels, className, children, ...props }, ref) {
     const t = useLabels("list", listLabels, labels);
     const busy = state === "loading" || state === "refreshing";
     // Announce state changes once (not on every render).
@@ -205,6 +205,6 @@ export const ListContent = React.forwardRef(function ListContent({ state = "read
     return (_jsxs("div", { ref: ref, "data-slot": "list-content", "data-state": state, "aria-busy": busy || undefined, className: cn("relative min-w-0 flex-1 py-4", className), ...props, children: [state === "refreshing" ? (_jsx(Progress, { "aria-label": t("refreshing"), value: null, size: "xs", className: "absolute inset-x-0 top-0 rounded-none bg-transparent" })) : null, _jsx("div", { className: cn(state === "refreshing" && "opacity-70 transition-opacity motion-reduce:transition-none"), children: body }), _jsx("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announcement })] }));
 });
 /** The row under the content: `PaginationBar`, "Load more", a summary line. */
-export const ListFooter = React.forwardRef(function ListFooter({ className, ...props }, ref) {
+export const ListFooter = /*#__PURE__*/ React.forwardRef(function ListFooter({ className, ...props }, ref) {
     return _jsx("div", { ref: ref, "data-slot": "list-footer", className: cn("flex flex-wrap items-center gap-3 border-t border-line pt-3 pb-1", className), ...props });
 });

package/dist/components/menubar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Menubar as MenubarPrimitive } from "radix-ui";
+import * as MenubarPrimitive from "radix-ui/menubar";
 import { type VariantProps } from "class-variance-authority";
 import type { MenuEntry } from "../lib/variants.js";
 export declare const menubarVariants: (props?: ({

package/dist/components/menubar.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 { Menubar as MenubarPrimitive } from "radix-ui";
+import * as MenubarPrimitive from "radix-ui/menubar";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { usePortalContainer } from "../lib/theme-scope.js";
@@ -11,7 +11,7 @@ import { MenuCheckIcon, MenuEntries, MenuItemContent, MenuRadioDot, MenuSizeCont
 /* ------------------------------------------------------------------ */
 /* Bar                                                                 */
 /* ------------------------------------------------------------------ */
-export const menubarVariants = cva("flex min-w-0 items-center gap-0.5 overflow-x-auto [scrollbar-width:none]", {
+export const menubarVariants = /*#__PURE__*/ cva("flex min-w-0 items-center gap-0.5 overflow-x-auto [scrollbar-width:none]", {
     variants: {
         variant: {
             /** A hairline surface strip — the top of an editor or a desktop-style app window. */
@@ -32,7 +32,7 @@ export const menubarVariants = cva("flex min-w-0 items-center gap-0.5 overflow-x
  * ]} />
  * ```
  */
-export const Menubar = React.forwardRef(function Menubar({ className, variant, menus, size = "md", children, loop = true, ...props }, ref) {
+export const Menubar = /*#__PURE__*/ React.forwardRef(function Menubar({ className, variant, menus, size = "md", children, loop = true, ...props }, ref) {
     return (_jsx(MenuSizeContext.Provider, { value: size, children: _jsxs(MenubarPrimitive.Root, { ref: ref, "data-slot": "menubar", "data-variant": variant ?? "bar", loop: loop, className: cn(menubarVariants({ variant }), className), ...props, children: [menus ? _jsx(MenubarMenus, { menus: menus }) : null, children] }) }));
 });
 /** One menu: a `MenubarTrigger` plus its `MenubarContent`. `value` is needed only for a controlled bar. */
@@ -41,35 +41,35 @@ export const MenubarGroup = MenubarPrimitive.Group;
 export const MenubarSub = MenubarPrimitive.Sub;
 export const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
 /** The top-level button ("File"). */
-export const MenubarTrigger = React.forwardRef(function MenubarTrigger({ className, ...props }, ref) {
+export const MenubarTrigger = /*#__PURE__*/ React.forwardRef(function MenubarTrigger({ className, ...props }, ref) {
     return (_jsx(MenubarPrimitive.Trigger, { ref: ref, "data-slot": "menubar-trigger", className: cn("inline-flex h-[calc(var(--control-h)-0.5rem)] shrink-0 cursor-default select-none items-center gap-1.5 rounded-ui-sm px-2.5 text-[13px] font-medium text-fg outline-none", "transition-colors duration-100 hover:bg-hover focus-visible:bg-hover focus-ring", "data-highlighted:bg-hover data-[state=open]:bg-selected", "disabled:pointer-events-none disabled:opacity-45 data-disabled:pointer-events-none data-disabled:opacity-45", "[&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:text-fg-muted", className), ...props }));
 });
 /** A menu panel under its trigger. Portals into the nearest `ThemeScope`; only this first layer blurs in glass mode. */
-export const MenubarContent = React.forwardRef(function MenubarContent({ className, size: sizeProp, sideOffset = 6, alignOffset = -4, collisionPadding = 12, align = "start", ...props }, ref) {
+export const MenubarContent = /*#__PURE__*/ React.forwardRef(function MenubarContent({ className, size: sizeProp, sideOffset = 6, alignOffset = -4, collisionPadding = 12, align = "start", ...props }, ref) {
     const container = usePortalContainer();
     const barSize = React.useContext(MenuSizeContext);
     const size = sizeProp ?? barSize;
     return (_jsx(MenubarPrimitive.Portal, { container: container, children: _jsx(MenuSizeContext.Provider, { value: size, children: _jsx(Layer, { asChild: true, children: _jsx(MenubarPrimitive.Content, { ref: ref, "data-slot": "menubar-content", sideOffset: sideOffset, alignOffset: alignOffset, collisionPadding: collisionPadding, align: align, className: cn(menuContentVariants({ size }), "max-h-(--radix-menubar-content-available-height) origin-(--radix-menubar-content-transform-origin)", className), ...props }) }) }) }));
 });
 /** One command. `onSelect` fires on click, Enter and Space, then the menu closes (`event.preventDefault()` keeps it open). */
-export const MenubarItem = React.forwardRef(function MenubarItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
+export const MenubarItem = /*#__PURE__*/ React.forwardRef(function MenubarItem({ className, icon, description, shortcut, badge, tone = "default", inset, asChild, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(MenubarPrimitive.Item, { ref: ref, "data-slot": "menubar-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`) — "Show ruler", "Word wrap". */
-export const MenubarCheckboxItem = React.forwardRef(function MenubarCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
+export const MenubarCheckboxItem = /*#__PURE__*/ React.forwardRef(function MenubarCheckboxItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(MenubarPrimitive.CheckboxItem, { ref: ref, "data-slot": "menubar-checkbox-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(MenuCheckIcon, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
 /** One choice inside a `MenubarRadioGroup` (`menuitemradio`) — zoom level, sort order. */
-export const MenubarRadioItem = React.forwardRef(function MenubarRadioItem({ className, shortcut, description, children, ...props }, ref) {
+export const MenubarRadioItem = /*#__PURE__*/ React.forwardRef(function MenubarRadioItem({ className, shortcut, description, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsxs(MenubarPrimitive.RadioItem, { ref: ref, "data-slot": "menubar-radio-item", className: menuItemClass({ size, inset: true, className }), ...props, children: [_jsx("span", { className: menuIndicatorClass, children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(MenuRadioDot, {}) }) }), _jsx(MenuItemContent, { shortcut: shortcut, description: description, children: children })] }));
 });
-export const MenubarLabel = React.forwardRef(function MenubarLabel({ className, inset, ...props }, ref) {
+export const MenubarLabel = /*#__PURE__*/ React.forwardRef(function MenubarLabel({ className, inset, ...props }, ref) {
     return _jsx(MenubarPrimitive.Label, { ref: ref, "data-slot": "menubar-label", className: cn(menuLabelClass, inset && "ps-8", className), ...props });
 });
-export const MenubarSeparator = React.forwardRef(function MenubarSeparator({ className, ...props }, ref) {
+export const MenubarSeparator = /*#__PURE__*/ React.forwardRef(function MenubarSeparator({ className, ...props }, ref) {
     return _jsx(MenubarPrimitive.Separator, { ref: ref, "data-slot": "menubar-separator", className: cn(menuSeparatorClass, className), ...props });
 });
 /** Trailing text hint (when you don't want keycaps). */
@@ -77,12 +77,12 @@ export function MenubarShortcut({ className, ...props }) {
     return _jsx("span", { "data-slot": "menubar-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 MenubarSubTrigger = React.forwardRef(function MenubarSubTrigger({ className, icon, inset, children, ...props }, ref) {
+export const MenubarSubTrigger = /*#__PURE__*/ React.forwardRef(function MenubarSubTrigger({ className, icon, inset, children, ...props }, ref) {
     const size = React.useContext(MenuSizeContext);
     return (_jsx(MenubarPrimitive.SubTrigger, { ref: ref, "data-slot": "menubar-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. One layer deeper, so it is opaque in glass mode. */
-export const MenubarSubContent = React.forwardRef(function MenubarSubContent({ className, size: sizeProp, sideOffset = 4, alignOffset = -5, collisionPadding = 12, ...props }, ref) {
+export const MenubarSubContent = /*#__PURE__*/ React.forwardRef(function MenubarSubContent({ className, size: sizeProp, sideOffset = 4, alignOffset = -5, collisionPadding = 12, ...props }, ref) {
     const container = usePortalContainer();
     const parentSize = React.useContext(MenuSizeContext);
     const size = sizeProp ?? parentSize;

package/dist/components/native-select.js

@@ -16,7 +16,7 @@ import { controlVariants } from "../lib/variants.js";
  * </Field>
  * ```
  */
-export const NativeSelect = React.forwardRef(function NativeSelect({ className, selectClassName, size = "md", variant = "default", invalid, placeholder, items, children, ...rest }, ref) {
+export const NativeSelect = /*#__PURE__*/ React.forwardRef(function NativeSelect({ className, selectClassName, size = "md", variant = "default", invalid, placeholder, items, children, ...rest }, ref) {
     const props = useFieldControl({ ...rest, "aria-invalid": invalid ? true : rest["aria-invalid"] });
     const { readOnly, ...selectProps } = props;
     let options = children;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { NavigationMenu as RadixNav } from "radix-ui";
+import * as RadixNav from "radix-ui/navigation-menu";
 declare const navLabels: {
     label: string;
     open: string;

package/dist/components/navigation-menu.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Dialog, NavigationMenu as RadixNav } from "radix-ui";
+import * as Dialog from "radix-ui/dialog";
+import * as RadixNav from "radix-ui/navigation-menu";
 import { ChevronDown, Menu, X } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
@@ -19,7 +20,7 @@ const navLabels = {
 /* ------------------------------------------------------------------ */
 /* Root                                                                */
 /* ------------------------------------------------------------------ */
-const rootVariants = cva("relative z-(--z-nav) flex max-w-max flex-1 items-center justify-center", {
+const rootVariants = /*#__PURE__*/ cva("relative z-(--z-nav) flex max-w-max flex-1 items-center justify-center", {
     variants: {
         variant: {
             /** Sits in a site header. */
@@ -49,7 +50,7 @@ const rootVariants = cva("relative z-(--z-nav) flex max-w-max flex-1 items-cente
  * </NavigationMenu>
  * ```
  */
-export const NavigationMenu = React.forwardRef(function NavigationMenu({ variant = "bar", viewport = true, items, labels, className, children, "aria-label": ariaLabel, ...props }, ref) {
+export const NavigationMenu = /*#__PURE__*/ React.forwardRef(function NavigationMenu({ variant = "bar", viewport = true, items, labels, className, children, "aria-label": ariaLabel, ...props }, ref) {
     const t = useLabels("navigationMenu", navLabels, labels);
     return (_jsxs(RadixNav.Root, { ref: ref, "data-slot": "navigation-menu", "data-variant": variant, "data-viewport": viewport || undefined, "aria-label": ariaLabel ?? t("label"), className: cn(rootVariants({ variant }), className), ...props, children: [items ? _jsx(NavigationMenuItems, { items: items, viewport: viewport }) : children, viewport ? _jsx(NavigationMenuViewport, {}) : null] }));
 });
@@ -57,16 +58,16 @@ function NavigationMenuItems({ items, viewport }) {
     return (_jsx(NavigationMenuList, { children: items.map((item, i) => (_jsx(NavigationMenuItem, { children: item.children?.length ? (_jsxs(_Fragment, { children: [_jsx(NavigationMenuTrigger, { children: item.label }), _jsxs(NavigationMenuContent, { layout: item.layout, inline: !viewport, children: [item.layout === "featured" && item.featured ? _jsx(NavigationMenuFeatured, { ...item.featured }) : null, _jsx(NavigationMenuGroup, { children: item.children.map((child, j) => (_jsx("li", { children: _jsx(NavigationMenuLink, { href: child.href ?? "#", title: child.label, description: child.description, icon: child.icon }) }, child.id ?? j))) })] })] })) : (_jsx(NavigationMenuLink, { href: item.href ?? "#", variant: "top", children: item.label })) }, item.id ?? i))) }));
 }
 /** The row of top-level items. */
-export const NavigationMenuList = React.forwardRef(function NavigationMenuList({ className, ...props }, ref) {
+export const NavigationMenuList = /*#__PURE__*/ React.forwardRef(function NavigationMenuList({ className, ...props }, ref) {
     return _jsx(RadixNav.List, { ref: ref, "data-slot": "navigation-menu-list", className: cn("flex flex-1 list-none items-center justify-center gap-0.5", className), ...props });
 });
 /** One top-level item (a trigger + content, or a plain link). */
-export const NavigationMenuItem = React.forwardRef(function NavigationMenuItem({ className, ...props }, ref) {
+export const NavigationMenuItem = /*#__PURE__*/ React.forwardRef(function NavigationMenuItem({ className, ...props }, ref) {
     return _jsx(RadixNav.Item, { ref: ref, "data-slot": "navigation-menu-item", className: cn("relative", className), ...props });
 });
 const topItemClass = cn("group/nav inline-flex h-9 select-none items-center justify-center gap-1 rounded-full px-3.5 text-sm font-medium text-fg-muted outline-none", "transition-colors duration-150 hover:bg-hover hover:text-fg focus-ring", "data-[state=open]:bg-hover data-[state=open]:text-fg data-active:text-fg aria-[current=page]:text-fg");
 /** Opens a panel. Hover (with intent delay), click, Enter/Space or ↓. */
-export const NavigationMenuTrigger = React.forwardRef(function NavigationMenuTrigger({ className, children, ...props }, ref) {
+export const NavigationMenuTrigger = /*#__PURE__*/ React.forwardRef(function NavigationMenuTrigger({ className, children, ...props }, ref) {
     return (_jsxs(RadixNav.Trigger, { ref: ref, "data-slot": "navigation-menu-trigger", className: cn(topItemClass, className), ...props, children: [children, _jsx(ChevronDown, { "aria-hidden": true, className: "relative top-px size-3.5 text-fg-subtle transition-transform duration-200 motion-reduce:transition-none group-data-[state=open]/nav:rotate-180" })] }));
 });
 const contentLayouts = {
@@ -75,19 +76,19 @@ const contentLayouts = {
     featured: "grid w-[min(42rem,calc(100vw-2rem))] grid-cols-[minmax(0,15rem)_minmax(0,1fr)] gap-2",
 };
 /** The panel of an item. */
-export const NavigationMenuContent = React.forwardRef(function NavigationMenuContent({ layout = "list", inline, className, ...props }, ref) {
+export const NavigationMenuContent = /*#__PURE__*/ React.forwardRef(function NavigationMenuContent({ layout = "list", inline, className, ...props }, ref) {
     return (_jsx(RadixNav.Content, { ref: ref, "data-slot": "navigation-menu-content", "data-layout": layout, className: cn("ui-nav-content p-2", inline ? "surface-popover ui-pop absolute start-0 top-full z-(--z-popover) mt-2 rounded-ui-lg" : "start-0 top-0 md:absolute", contentLayouts[layout], className), ...props }));
 });
 /** The shared, animated container all panels render into. Rendered by `NavigationMenu` unless `viewport={false}`. */
-export const NavigationMenuViewport = React.forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
+export const NavigationMenuViewport = /*#__PURE__*/ React.forwardRef(function NavigationMenuViewport({ className, ...props }, ref) {
     return (_jsx("div", { className: "absolute start-0 top-full z-(--z-popover) flex w-full justify-center pt-2", children: _jsx(Layer, { asChild: true, children: _jsx(RadixNav.Viewport, { ref: ref, "data-slot": "navigation-menu-viewport", className: cn("ui-pop ui-nav-viewport surface-popover relative shrink-0 origin-top overflow-hidden rounded-ui-lg", "h-(--radix-navigation-menu-viewport-height) w-full md:w-(--radix-navigation-menu-viewport-width)", className), ...props }) }) }));
 });
 /** A list of links inside a panel (`ul`). */
-export const NavigationMenuGroup = React.forwardRef(function NavigationMenuGroup({ heading, className, children, ...props }, ref) {
+export const NavigationMenuGroup = /*#__PURE__*/ React.forwardRef(function NavigationMenuGroup({ heading, className, children, ...props }, ref) {
     return (_jsxs("div", { className: "min-w-0", children: [heading ? _jsx("p", { className: "px-3 pt-2 pb-1 text-[11px] font-medium tracking-[0.06em] text-fg-subtle", children: heading }) : null, _jsx("ul", { ref: ref, "data-slot": "navigation-menu-group", className: cn("grid list-none gap-0.5", className), ...props, children: children })] }));
 });
 /** A link — in the bar (`variant="top"`) or in a panel with icon and description. Uses the app's router `Link`. */
-export const NavigationMenuLink = React.forwardRef(function NavigationMenuLink({ href, variant = "panel", title, description, icon, active, className, children, ...props }, ref) {
+export const NavigationMenuLink = /*#__PURE__*/ React.forwardRef(function NavigationMenuLink({ href, variant = "panel", title, description, icon, active, className, children, ...props }, ref) {
     const { isActive } = useNavigation();
     const current = active ?? isActive(href);
     if (variant === "top") {
@@ -100,7 +101,7 @@ export function NavigationMenuFeatured({ title, description, href, eyebrow, clas
     return (_jsx(RadixNav.Link, { asChild: true, children: _jsxs(SmartLink, { href: href, "data-slot": "navigation-menu-featured", className: cn("group/feat relative flex min-h-full flex-col justify-end overflow-hidden rounded-ui bg-fg p-5 text-scene outline-none focus-ring", className), children: [_jsx("span", { "aria-hidden": true, className: "absolute -end-10 -top-10 size-40 rounded-full border-[18px] border-accent opacity-90 transition-transform duration-300 group-hover/feat:scale-105 motion-reduce:transition-none" }), eyebrow ? _jsx("span", { className: "relative mb-auto text-[11px] font-medium tracking-[0.08em] opacity-70", children: eyebrow }) : null, _jsx("span", { className: "relative mt-10 font-display text-[1.375rem] leading-tight", children: title }), description ? _jsx("span", { className: "relative mt-1.5 text-[13px] leading-snug opacity-75", children: description }) : null] }) }));
 }
 /** Optional arrow under the open trigger. */
-export const NavigationMenuIndicator = React.forwardRef(function NavigationMenuIndicator({ className, ...props }, ref) {
+export const NavigationMenuIndicator = /*#__PURE__*/ React.forwardRef(function NavigationMenuIndicator({ className, ...props }, ref) {
     return (_jsx(RadixNav.Indicator, { ref: ref, "data-slot": "navigation-menu-indicator", className: cn("top-full z-[1] flex h-2 items-end justify-center overflow-hidden ui-fade", className), ...props, children: _jsx("span", { className: "relative top-[60%] size-2.5 rotate-45 rounded-tl-sm border-s border-t border-popover-border bg-popover" }) }));
 });
 /**

package/dist/components/notification-center.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 { Popover as PopoverPrimitive } from "radix-ui";
+import * as PopoverPrimitive from "radix-ui/popover";
 import { Bell, Check, CheckCheck, Settings } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -92,7 +92,7 @@ export function createMemoryNotificationAdapter(initial, options = {}) {
     };
 }
 const emptyList = { items: [], status: "idle", loadingMore: false };
-const NotificationContext = React.createContext(null);
+const NotificationContext = /*#__PURE__*/ React.createContext(null);
 const useNC = () => {
     const ctx = React.useContext(NotificationContext);
     if (!ctx)
@@ -270,7 +270,7 @@ export function NotificationCenter({ adapter, tabs: tabsProp, toastOnNew, pollIn
 /* Trigger                                                             */
 /* ------------------------------------------------------------------ */
 /** The bell with the unread badge (99+). `aria-label` includes the count. */
-export const NotificationTrigger = React.forwardRef(function NotificationTrigger({ className, size = "sm", onClick, ...props }, ref) {
+export const NotificationTrigger = /*#__PURE__*/ React.forwardRef(function NotificationTrigger({ className, size = "sm", onClick, ...props }, ref) {
     const { open, setOpen, unread, important, triggerRef, t } = useNC();
     const { format } = useLocale();
     const label = unread > 0 ? t("triggerUnread", { count: unread }) : t("trigger");
@@ -379,7 +379,7 @@ const toneWell = {
     danger: "tone-danger",
 };
 /** One notification. Usable on its own — e.g. a full "/notifications" page. */
-export const NotificationItem = React.forwardRef(function NotificationItem({ notification: n, onOpen, onMarkRead, onAction, pendingAction, posinset, setsize, labels, className, ...props }, ref) {
+export const NotificationItem = /*#__PURE__*/ React.forwardRef(function NotificationItem({ notification: n, onOpen, onMarkRead, onAction, pendingAction, posinset, setsize, labels, className, ...props }, ref) {
     const t = useLabels("notifications", notificationLabels, labels);
     const { format } = useLocale();
     const titleId = React.useId();

package/dist/components/page-header.js

@@ -9,7 +9,7 @@ import { ActionMenu } from "./dropdown-menu.js";
 import { AppShellBreadcrumb } from "./app-shell.js";
 // Server-safe nav helpers (this module has no "use client"), so server layouts can call them.
 export { filterNav, resolveActive, flattenNav, matchPath, navItems, findNavItem, navTrailItems, normaliseBadge, isNavGroup, isNavItem, isNavSeparator, SIDEBAR_COOKIE, parseSidebarCookie, } from "../lib/nav.js";
-export const pageHeaderTitleVariants = cva("font-display min-w-0 text-fg [text-wrap:balance]", {
+export const pageHeaderTitleVariants = /*#__PURE__*/ cva("font-display min-w-0 text-fg [text-wrap:balance]", {
     variants: {
         size: {
             /** Record pages. */
@@ -36,12 +36,12 @@ export const pageHeaderTitleVariants = cva("font-display min-w-0 text-fg [text-w
  * />
  * ```
  */
-export const PageHeader = React.forwardRef(function PageHeader({ title, eyebrow, breadcrumb, back, description, meta, actions, menu, tabs, size = "md", sticky, align = "start", loading, className, children, ...props }, ref) {
+export const PageHeader = /*#__PURE__*/ React.forwardRef(function PageHeader({ title, eyebrow, breadcrumb, back, description, meta, actions, menu, tabs, size = "md", sticky, align = "start", loading, className, children, ...props }, ref) {
     const centered = align === "center";
     return (_jsxs("header", { ref: ref, "data-slot": "page-header", "data-size": size, className: cn("grid gap-3", tabs ? "mb-6" : size === "lg" ? "mb-8" : "mb-6", sticky && "surface-bar sticky top-(--topbar-h) z-(--z-sticky) -mx-[var(--page-px,1.5rem)] px-[var(--page-px,1.5rem)] pt-3", sticky && !tabs && "pb-3", centered && "justify-items-center text-center", className), ...props, children: [breadcrumb === "auto" ? _jsx(AppShellBreadcrumb, {}) : breadcrumb ? breadcrumb : null, back ? (_jsxs(SmartLink, { href: back.href, className: "-ms-0.5 inline-flex w-fit items-center gap-1.5 rounded-ui-sm text-[13px] text-fg-muted transition-colors hover:text-fg focus-ring", children: [_jsx(ArrowLeft, { "aria-hidden": true, className: "size-3.5 rtl:-scale-x-100" }), back.label] })) : null, _jsxs("div", { className: cn("flex flex-wrap items-end gap-x-6 gap-y-4", centered ? "justify-center" : "justify-between"), children: [_jsxs("div", { className: cn("min-w-0", centered ? "max-w-2xl" : "max-w-3xl flex-[1_1_22rem]"), children: [eyebrow ? _jsx(PageHeaderEyebrow, { className: "mb-1.5", children: eyebrow }) : null, _jsxs("div", { className: cn("flex flex-wrap items-center gap-x-3 gap-y-1.5", centered && "justify-center"), children: [_jsx(PageHeaderTitle, { size: size, "aria-busy": loading || undefined, children: loading ? _jsx(Skeleton, { className: "inline-block h-[0.8em] w-[min(18rem,60vw)] rounded-ui-sm align-middle" }) : title }), meta ? _jsx("div", { className: "flex flex-wrap items-center gap-2 text-[13px] text-fg-subtle", children: meta }) : null] }), description ? _jsx(PageHeaderDescription, { className: cn(size === "lg" ? "mt-2.5" : "mt-1.5", centered && "mx-auto"), children: description }) : null] }), actions || menu?.length ? (_jsxs(PageHeaderActions, { children: [actions, menu?.length ? _jsx(ActionMenu, { items: menu, triggerSize: "md" }) : null] })) : null] }), children, tabs ? _jsx(PageHeaderTabs, { children: tabs }) : null] }));
 });
 /** The `<h1>`. */
-export const PageHeaderTitle = React.forwardRef(function PageHeaderTitle({ size, className, ...props }, ref) {
+export const PageHeaderTitle = /*#__PURE__*/ React.forwardRef(function PageHeaderTitle({ size, className, ...props }, ref) {
     return _jsx("h1", { ref: ref, "data-slot": "page-header-title", className: cn(pageHeaderTitleVariants({ size }), className), ...props });
 });
 /** The small line above the title. Not uppercased with CSS: `text-transform` breaks Turkish i/İ without the right `lang`. */

package/dist/components/pagination.js

@@ -59,21 +59,21 @@ export function usePaginationRange(options) {
     const { page, pageCount, siblingCount, boundaryCount } = options;
     return React.useMemo(() => paginationRange({ page, pageCount, siblingCount, boundaryCount }), [page, pageCount, siblingCount, boundaryCount]);
 }
-const SizeContext = React.createContext("md");
+const SizeContext = /*#__PURE__*/ React.createContext("md");
 const itemSize = {
     sm: "h-8 min-w-8 px-2 text-[13px] rounded-ui-sm [&_svg]:size-3.5",
     md: "h-(--control-h) min-w-(--control-h) px-2.5 text-sm rounded-ui [&_svg]:size-4",
 };
 /** The `<ul>` of page items. */
-export const PaginationList = React.forwardRef(function PaginationList({ className, ...props }, ref) {
+export const PaginationList = /*#__PURE__*/ React.forwardRef(function PaginationList({ className, ...props }, ref) {
     return _jsx("ul", { ref: ref, "data-slot": "pagination-list", className: cn("flex items-center gap-1", className), ...props });
 });
 /** One `<li>`. */
-export const PaginationItem = React.forwardRef(function PaginationItem({ className, ...props }, ref) {
+export const PaginationItem = /*#__PURE__*/ React.forwardRef(function PaginationItem({ className, ...props }, ref) {
     return _jsx("li", { ref: ref, "data-slot": "pagination-item", className: cn("inline-flex", className), ...props });
 });
 /** A page number, or the shell for Previous / Next. Router `Link` when `href` is set, else a button. */
-export const PaginationLink = React.forwardRef(function PaginationLink({ href, isActive, disabled, loading, className, children, onClick, ...props }, ref) {
+export const PaginationLink = /*#__PURE__*/ React.forwardRef(function PaginationLink({ href, isActive, disabled, loading, className, children, onClick, ...props }, ref) {
     const Link = useLink();
     const size = React.useContext(SizeContext);
     const classes = cn(buttonVariants({ variant: "ghost" }), itemSize[size], "tabular font-normal text-fg-muted hover:text-fg", isActive && "bg-selected font-semibold text-fg hover:bg-selected", className);
@@ -88,12 +88,12 @@ export const PaginationLink = React.forwardRef(function PaginationLink({ href, i
     return (_jsx("button", { ref: ref, type: "button", "aria-current": isActive ? "page" : undefined, "aria-busy": loading || undefined, disabled: disabled, className: classes, "data-slot": "pagination-link", onClick: onClick, ...props, children: content }));
 });
 /** Previous-page control. The arrow flips in RTL. */
-export const PaginationPrevious = React.forwardRef(function PaginationPrevious({ showLabel, labels, className, ...props }, ref) {
+export const PaginationPrevious = /*#__PURE__*/ React.forwardRef(function PaginationPrevious({ showLabel, labels, className, ...props }, ref) {
     const t = useLabels("pagination", paginationLabels, labels);
     return (_jsxs(PaginationLink, { ref: ref, "aria-label": t("previousPage"), className: cn(showLabel && "gap-1 ps-2 pe-3", className), "data-slot": "pagination-previous", ...props, children: [_jsx(ChevronLeft, { "aria-hidden": true, className: "rtl:-scale-x-100" }), showLabel ? _jsx("span", { children: t("previous") }) : null] }));
 });
 /** Next-page control. The arrow flips in RTL. */
-export const PaginationNext = React.forwardRef(function PaginationNext({ showLabel, labels, className, ...props }, ref) {
+export const PaginationNext = /*#__PURE__*/ React.forwardRef(function PaginationNext({ showLabel, labels, className, ...props }, ref) {
     const t = useLabels("pagination", paginationLabels, labels);
     return (_jsxs(PaginationLink, { ref: ref, "aria-label": t("nextPage"), className: cn(showLabel && "gap-1 ps-3 pe-2", className), "data-slot": "pagination-next", ...props, children: [showLabel ? _jsx("span", { children: t("next") }) : null, _jsx(ChevronRight, { "aria-hidden": true, className: "rtl:-scale-x-100" })] }));
 });
@@ -113,7 +113,7 @@ export function PaginationEllipsis({ className, labels, ...props }) {
  *
  * Moving focus to the top of the list after a page change is the consumer's job.
  */
-export const Pagination = React.forwardRef(function Pagination({ page, pageCount, onPageChange, getHref, siblingCount, boundaryCount, variant = "numbers", size = "md", hideOnSinglePage = true, loading, labels, className, ...props }, ref) {
+export const Pagination = /*#__PURE__*/ React.forwardRef(function Pagination({ page, pageCount, onPageChange, getHref, siblingCount, boundaryCount, variant = "numbers", size = "md", hideOnSinglePage = true, loading, labels, className, ...props }, ref) {
     const t = useLabels("pagination", paginationLabels, labels);
     const range = usePaginationRange({ page, pageCount, siblingCount, boundaryCount });
     if (pageCount < 1 || (hideOnSinglePage && pageCount <= 1))
@@ -137,7 +137,7 @@ export const Pagination = React.forwardRef(function Pagination({ page, pageCount
  * The table footer: "1–20 of 312" + rows per page + page numbers. Changing the page size keeps the
  * first visible row on screen (the page is recomputed) — the consumer receives both callbacks.
  */
-export const PaginationBar = React.forwardRef(function PaginationBar({ total, pageSize, pageSizeOptions = [10, 20, 50, 100], onPageSizeChange, page, onPageChange, labels, size = "md", className, style, id, ...props }, ref) {
+export const PaginationBar = /*#__PURE__*/ React.forwardRef(function PaginationBar({ total, pageSize, pageSizeOptions = [10, 20, 50, 100], onPageSizeChange, page, onPageChange, labels, size = "md", className, style, id, ...props }, ref) {
     const t = useLabels("pagination", paginationLabels, labels);
     const f = useFormat();
     const selectId = React.useId();
@@ -156,7 +156,7 @@ export const PaginationBar = React.forwardRef(function PaginationBar({ total, pa
                                 }, className: cn(controlVariants({ size: "sm" }), "tabular w-auto appearance-none pe-7 text-fg"), children: options.map((o) => (_jsx("option", { value: o, children: f.number(o) }, o))) }), _jsx(ChevronDown, { "aria-hidden": true, className: "pointer-events-none absolute end-2 top-1/2 size-3.5 -translate-y-1/2 text-fg-subtle" })] })] })) : null, _jsx(Pagination, { page: current, pageCount: pageCount, onPageChange: onPageChange, labels: labels, size: size, hideOnSinglePage: false, ...props })] }));
 });
 /** Previous / Next for cursor APIs where the total is unknown. */
-export const CursorPagination = React.forwardRef(function CursorPagination({ hasPrev, hasNext, onPrev, onNext, loading, status, size = "md", labels, className, ...props }, ref) {
+export const CursorPagination = /*#__PURE__*/ React.forwardRef(function CursorPagination({ hasPrev, hasNext, onPrev, onNext, loading, status, size = "md", labels, className, ...props }, ref) {
     const t = useLabels("pagination", paginationLabels, labels);
     const [pressed, setPressed] = React.useState(null);
     React.useEffect(() => {

package/dist/components/phone-input.js

@@ -53,7 +53,7 @@ const accept = (ch) => (ch >= "0" && ch <= "9") || ch === "+";
  * <Field label="Mobile"><PhoneInput defaultCountry="TR" onValueChange={(e164) => save(e164)} /></Field>
  * ```
  */
-export const PhoneInput = React.forwardRef(function PhoneInput(props, forwardedRef) {
+export const PhoneInput = /*#__PURE__*/ React.forwardRef(function PhoneInput(props, forwardedRef) {
     const { country: countryProp, defaultCountry, onCountryChange, countries, preferredCountries, display: displayMode = "national", hideCountry, value, defaultValue, onValueChange, validateOn = "blur", onValidate, mono, labels, name, invalid, inputClassName, onBlur, onKeyDown, disabled, readOnly, size, ...rest } = props;
     const { locale } = useLocale();
     const t = useLabels("phoneInput", phoneInputLabels, labels);