@vamos-ui/react 0.3.0 → 0.4.1

package/dist/components/typography.js

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

package/dist/components/user-picker.js

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

package/dist/components/version-history.js

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

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

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

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

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

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

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

package/dist/data-table/index.js

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

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

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

package/dist/editor/block-editor.js

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

package/dist/editor/context.js

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

package/dist/editor/menus.js

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

package/dist/fonts/font-picker.js

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

package/dist/fonts/pairing-picker.js

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

package/dist/fonts/provider.js

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