@vamos-ui/react 0.4.0 → 0.4.1

package/dist/blocks/site/site-shell.js

@@ -8,7 +8,7 @@ import { isBuiltInAccent, siteAccent, siteAccentCss, siteAccentKey } from "./sha
 import { motionAllowed } from "../../motion/core.js";
 import { startPageTransition, viewTransitionsSupported } from "../../motion/page-transition.js";
 import { parseSiteHref, readSiteLocation, sitePageHref, writeSiteLocation } from "./shared/site-routing.js";
-const SiteShellContext = React.createContext(null);
+const SiteShellContext = /*#__PURE__*/ React.createContext(null);
 /** Page, locale and navigation of the closest Site shell. Throws outside one. */
 export function useSiteShell() {
     const ctx = React.useContext(SiteShellContext);
@@ -34,7 +34,7 @@ export function useSiteShell() {
  * </SiteShell>
  * ```
  */
-export const SiteShell = React.forwardRef(function SiteShell({ accent, accentDark, font, material, density, theme, dir, locales = ["en", "tr"], locale: localeProp, defaultLocale, onLocaleChange, pages = ["home"], page: pageProp, defaultPage, onPageChange, routing = "search", pageParam = "page", localeParam = "lang", motion = "subtle", className, onClick, children, ...props }, ref) {
+export const SiteShell = /*#__PURE__*/ React.forwardRef(function SiteShell({ accent, accentDark, font, material, density, theme, dir, locales = ["en", "tr"], locale: localeProp, defaultLocale, onLocaleChange, pages = ["home"], page: pageProp, defaultPage, onPageChange, routing = "search", pageParam = "page", localeParam = "lang", motion = "subtle", className, onClick, children, ...props }, ref) {
     const homeLocale = defaultLocale ?? locales[0] ?? "en";
     const homePage = defaultPage ?? pages[0] ?? "home";
     const [locale, setLocale] = useControllableState({ value: localeProp, defaultValue: homeLocale, onChange: onLocaleChange, name: "SiteShell" });
@@ -248,7 +248,7 @@ export function SiteShellLocale({ code, children }) {
  * A link to an inner page for client code. Server components can use a plain
  * `href={sitePageHref("pricing")}` instead; the shell handles both.
  */
-export const SiteShellLink = React.forwardRef(function SiteShellLink({ page, anchor, ...props }, ref) {
+export const SiteShellLink = /*#__PURE__*/ React.forwardRef(function SiteShellLink({ page, anchor, ...props }, ref) {
     const { hrefFor, page: current } = useSiteShell();
     return _jsx("a", { ref: ref, href: hrefFor(page, anchor), "aria-current": !anchor && current === page ? "page" : undefined, ...props });
 });

package/dist/business/approval-flow.js

@@ -110,7 +110,7 @@ function groupStatus(g) {
  * <ApprovalFlow requester={{ name: "Deniz Aydın", at: "2026-11-03T09:12:00Z" }} stages={stages} />
  * ```
  */
-export const ApprovalFlow = React.forwardRef(function ApprovalFlow({ stages, requester, orientation = "vertical", variant = "full", now, labels, className, ...props }, ref) {
+export const ApprovalFlow = /*#__PURE__*/ React.forwardRef(function ApprovalFlow({ stages, requester, orientation = "vertical", variant = "full", now, labels, className, ...props }, ref) {
     const t = useLabels("approvalFlow", approvalFlowLabels, labels);
     if (variant === "compact")
         return _jsx(ApprovalSummary, { stages: stages, labels: labels, className: className });
@@ -153,7 +153,7 @@ function ApproverRow({ approver: a, t, stageActive }) {
     return (_jsxs("li", { className: "flex min-w-0 gap-2.5", "data-slot": "approval-approver", "data-decision": d?.value, children: [_jsx(Avatar, { name: a.name, src: a.avatarUrl, size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1 text-[13px] leading-snug", children: [_jsxs("p", { className: "flex flex-wrap items-baseline gap-x-1.5", children: [_jsx("span", { className: "font-medium text-fg", children: a.name }), a.role ? _jsx("span", { className: "text-xs text-fg-subtle", children: a.role }) : null, d?.delegatedFrom ? (_jsxs(Badge, { tone: "info", size: "sm", children: [_jsx(Forward, {}), " ", t("delegated")] })) : null] }), d ? (_jsxs("p", { className: "mt-0.5 text-xs text-fg-muted", children: [_jsx("span", { className: cn("font-medium", decisionTone), children: decisionWord(t, d.value) }), " ", _jsx("time", { dateTime: d.at, className: "tabular", children: format.dateTime(d.at, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }) }), d.delegatedFrom ? _jsxs(_Fragment, { children: [" \u00B7 ", t("delegatedFrom", { name: d.delegatedFrom.name })] }) : null] })) : (_jsx("p", { className: "mt-0.5 text-xs text-fg-subtle", children: stageActive ? t("pending") : "—" })), d?.note ? (_jsx("blockquote", { className: "mt-1.5 rounded-ui-sm border-s-2 border-(--q) bg-surface-2 px-2.5 py-1.5 text-[13px] text-fg [--q:var(--line)] data-[v=rejected]:[--q:var(--danger)] data-[v=changes_requested]:[--q:var(--warning)]", "data-v": d.value, children: d.note })) : null] })] }));
 }
 /** Inline status for table rows: one dot per stage + "2 of 3 approved". */
-export const ApprovalSummary = React.forwardRef(function ApprovalSummary({ stages, showCurrent = true, labels, className, ...props }, ref) {
+export const ApprovalSummary = /*#__PURE__*/ React.forwardRef(function ApprovalSummary({ stages, showCurrent = true, labels, className, ...props }, ref) {
     const t = useLabels("approvalFlow", approvalFlowLabels, labels);
     const counted = stages.filter((s) => s.status !== "skipped");
     const done = counted.filter((s) => s.status === "approved").length;

package/dist/business/import-wizard.js

@@ -111,7 +111,7 @@ const DEFAULT_LOCALES = [
  * <ImportWizard fields={contactFields} dedupeKeys={["email"]} onImport={(rows, { signal }) => api.contacts.bulk(rows, { signal })} />
  * ```
  */
-export const ImportWizard = React.forwardRef(function ImportWizard({ fields, dedupeKeys, maxRows = 50_000, maxSize = 20 * 1024 * 1024, chunkSize = 200, onImport, templates, sampleFile, fileLocales, onDone, previewLimit = 200, labels, className, ...props }, ref) {
+export const ImportWizard = /*#__PURE__*/ React.forwardRef(function ImportWizard({ fields, dedupeKeys, maxRows = 50_000, maxSize = 20 * 1024 * 1024, chunkSize = 200, onImport, templates, sampleFile, fileLocales, onDone, previewLimit = 200, labels, className, ...props }, ref) {
     const t = useLabels("importWizard", importWizardLabels, labels);
     const { locale, format } = useLocale();
     const [step, setStep] = React.useState("upload");

package/dist/business/line-items.js

@@ -278,7 +278,7 @@ function LineItemsInner(props, ref) {
  * <LineItems currency="TRY" taxPack={trLineTaxPack()} units={["hour", "day", "pcs"]} defaultValue={rows} onValueChange={(rows, totals) => save(rows, totals.payable)} />
  * ```
  */
-export const LineItems = React.forwardRef(LineItemsInner);
+export const LineItems = /*#__PURE__*/ React.forwardRef(LineItemsInner);
 /* ------------------------------------------------------------------ */
 /* Summary                                                             */
 /* ------------------------------------------------------------------ */

package/dist/business/multi-step-form.js

@@ -28,7 +28,7 @@ export const multiStepFormLabels = {
     review: "Review",
     leave: "You have unsaved changes. Leave anyway?",
 };
-const MultiStepFormContext = React.createContext(null);
+const MultiStepFormContext = /*#__PURE__*/ React.createContext(null);
 function useCtx(part) {
     const ctx = React.useContext(MultiStepFormContext);
     if (!ctx)
@@ -262,7 +262,7 @@ function MultiStepFormInner(props, ref) {
  * </MultiStepForm>
  * ```
  */
-export const MultiStepForm = React.forwardRef(MultiStepFormInner);
+export const MultiStepForm = /*#__PURE__*/ React.forwardRef(MultiStepFormInner);
 /** The progress display (kit `Stepper`), wired to the form: completed steps are clickable. */
 export function MultiStepFormStepper({ variant = "numbered", className }) {
     const c = useCtx("MultiStepFormStepper");

package/dist/business/permission-matrix.js

@@ -67,7 +67,7 @@ const levelLabel = (t, v, scoped, scopeNames) => {
  *   inherited={manager} inheritedFrom="Manager" baseline={saved} onSave={save} dependencies={[{ action: "edit", requires: "view" }]} />
  * ```
  */
-export const PermissionMatrix = React.forwardRef(function PermissionMatrix({ resources, actions, scopes, value: valueProp, defaultValue, onValueChange, inherited, inheritedFrom = "parent role", baseline, onSave, subject = "this role", readOnly, dependencies, onDependencyApplied, maxHeight, labels, className, ...props }, ref) {
+export const PermissionMatrix = /*#__PURE__*/ React.forwardRef(function PermissionMatrix({ resources, actions, scopes, value: valueProp, defaultValue, onValueChange, inherited, inheritedFrom = "parent role", baseline, onSave, subject = "this role", readOnly, dependencies, onDependencyApplied, maxHeight, labels, className, ...props }, ref) {
     const t = useLabels("permissionMatrix", permissionMatrixLabels, labels);
     const [value, setValueState] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? {} });
     const [collapsed, setCollapsed] = React.useState(() => new Set());

package/dist/business/setup-checklist.js

@@ -44,7 +44,7 @@ function counts(items) {
  * {hidden ? <SetupChecklistLauncher items={steps} onOpen={() => setHidden(false)} /> : null}
  * ```
  */
-export const SetupChecklist = React.forwardRef(function SetupChecklist({ title, description, items, onSkip, onUndoSkip, dismissed, onDismissedChange, variant = "card", expandFirstIncomplete = true, onAllDone, loading, labels, className, ...props }, ref) {
+export const SetupChecklist = /*#__PURE__*/ React.forwardRef(function SetupChecklist({ title, description, items, onSkip, onUndoSkip, dismissed, onDismissedChange, variant = "card", expandFirstIncomplete = true, onAllDone, loading, labels, className, ...props }, ref) {
     const t = useLabels("setupChecklist", setupChecklistLabels, labels);
     const { done, total, allDone } = counts(items);
     const firstOpen = items.find((i) => (i.status === "todo" || i.status === "in_progress") && !i.locked)?.id;
@@ -85,7 +85,7 @@ function SetupChecklistItem({ item, index, open, current, onToggle, onSkip, onUn
     return (_jsxs("li", { "data-slot": "setup-checklist-item", "data-status": item.status, "data-current": current && !finished ? "" : undefined, className: cn("vui-setup-item rounded-ui transition-colors", current && !finished && !compact && "bg-accent-soft/50"), children: [_jsx("h3", { className: "m-0 text-inherit font-normal", children: _jsxs("button", { type: "button", "aria-expanded": hasDetails ? open : undefined, "aria-controls": hasDetails ? panelId : undefined, onClick: hasDetails ? onToggle : undefined, className: cn("focus-ring flex w-full items-center gap-3 rounded-ui text-start", compact ? "px-1 py-1.5" : "px-2.5 py-2.5", hasDetails && "hover:bg-hover"), children: [_jsx(StatusMark, { status: item.status, locked: locked, index: index }), _jsxs("span", { className: cn("min-w-0 flex-1 text-sm", finished ? "text-fg-muted" : "text-fg", item.status === "done" && "line-through decoration-fg-subtle/60", item.status === "skipped" && "italic"), children: [item.title, _jsxs("span", { className: "sr-only", children: [", ", statusText] })] }), item.optional && !finished ? _jsx("span", { className: "text-[11px] text-fg-subtle", children: t("optional") }) : null, item.estimate && !finished && !compact ? _jsx("span", { className: "font-mono text-[11px] text-fg-subtle tabular", children: item.estimate }) : null, hasDetails ? _jsx(ChevronDown, { "aria-hidden": true, className: cn("size-4 shrink-0 text-fg-subtle transition-transform duration-200", open && "rotate-180") }) : null] }) }), hasDetails ? (_jsxs("div", { id: panelId, hidden: !open, className: cn("vui-setup-panel", compact ? "ps-8 pb-2" : "ps-[2.875rem] pe-3 pb-3"), children: [item.description ? _jsx("p", { className: "text-[13px] text-fg-muted", children: item.description }) : null, locked ? (_jsxs("p", { className: "mt-1.5 flex items-center gap-1.5 text-xs text-fg-subtle", children: [_jsx(Lock, { "aria-hidden": true, className: "size-3" }), " ", item.locked.reason] })) : null, _jsxs("div", { className: "mt-2.5 flex flex-wrap items-center gap-2 empty:hidden", children: [item.action && !finished ? (item.action.href ? (_jsx(Button, { asChild: true, size: "sm", variant: current ? "primary" : "secondary", disabled: locked, children: _jsxs(SmartLink, { href: item.action.href, children: [item.action.label, " ", _jsx(ArrowRight, { className: "rtl:rotate-180" })] }) })) : (_jsxs(Button, { size: "sm", variant: current ? "primary" : "secondary", disabled: locked, onClick: item.action.onSelect, children: [item.action.label, " ", _jsx(ArrowRight, { className: "rtl:rotate-180" })] }))) : null, !finished && onSkip ? (_jsx(Button, { size: "sm", variant: "ghost", onClick: () => onSkip(item.id), children: t("skip") })) : null, item.status === "skipped" && onUndoSkip ? (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => onUndoSkip(item.id), children: [_jsx(Undo2, {}), " ", t("undoSkip")] })) : null] })] })) : null] }));
 }
 /** A pill that reopens a dismissed checklist: "Setup guide · 3 of 6". */
-export const SetupChecklistLauncher = React.forwardRef(function SetupChecklistLauncher({ items, onOpen, floating, labels, className, ...props }, ref) {
+export const SetupChecklistLauncher = /*#__PURE__*/ React.forwardRef(function SetupChecklistLauncher({ items, onOpen, floating, labels, className, ...props }, ref) {
     const t = useLabels("setupChecklist", setupChecklistLabels, labels);
     const { done, total } = counts(items);
     return (_jsxs("button", { ref: ref, type: "button", "data-slot": "setup-checklist-launcher", onClick: onOpen, className: cn("focus-ring inline-flex h-9 items-center gap-2 rounded-full surface-popover ps-1.5 pe-3.5 text-[13px] font-medium text-fg transition-[transform,box-shadow] duration-150 motion-safe:hover:-translate-y-px", floating && "fixed end-5 bottom-5 z-40", className), ...props, children: [_jsx(ProgressCircle, { value: total ? (done / total) * 100 : 0, size: "sm", "aria-hidden": true, className: "size-6" }), t("reopen", { done, total })] }));

package/dist/business/signer-status.js

@@ -44,7 +44,7 @@ const stateTone = {
  * <SignerStatus sequential signers={contract.signers} onRemind={(s) => api.remind(s.id)} />
  * ```
  */
-export const SignerStatus = React.forwardRef(function SignerStatus({ signers, sequential, title, onRemind, now, labels, className, ...props }, ref) {
+export const SignerStatus = /*#__PURE__*/ React.forwardRef(function SignerStatus({ signers, sequential, title, onRemind, now, labels, className, ...props }, ref) {
     const t = useLabels("signerStatus", signerStatusLabels, labels);
     const f = useFormat();
     const titleId = React.useId();

package/dist/charts/bar-list.js

@@ -18,7 +18,7 @@ const textOf = (item) => item.textLabel ?? (typeof item.label === "string" ? ite
  * <BarList aria-label="Top sources" data={[{ key: "google", label: "Google", value: 4120 }]} showShare />
  * ```
  */
-export const BarList = React.forwardRef(function BarList({ data, format = "number", color, max, sort = "desc", showShare, onItemClick, size = "md", variant = "filled", loading, loadingRows = 5, emptyMessage, labels, className, ...props }, ref) {
+export const BarList = /*#__PURE__*/ React.forwardRef(function BarList({ data, format = "number", color, max, sort = "desc", showShare, onItemClick, size = "md", variant = "filled", loading, loadingRows = 5, emptyMessage, labels, className, ...props }, ref) {
     const f = useFormat();
     const { locale } = useLocale();
     const t = useLabels("chart", chartLabels, labels);

package/dist/charts/chart-shell.js

@@ -29,7 +29,7 @@ export const chartLabels = {
     range: "{from} – {to}.",
     seriesSummary: "{label}: low {min} ({minAt}), high {max} ({maxAt}), average {avg}.",
 };
-const ChartContext = React.createContext(null);
+const ChartContext = /*#__PURE__*/ React.createContext(null);
 /** Chart context: config, formatters and hidden series. Use inside `<Chart>`. */
 export function useChart() {
     const ctx = React.useContext(ChartContext);

package/dist/charts/donut-chart.js

@@ -55,7 +55,7 @@ export function DonutChart({ data, nameKey, valueKey, config, center = "total",
     const ctx = React.useMemo(() => ({ active, setActive, raw: slices }), [active, setActive, slices]);
     return (_jsx(DonutContext.Provider, { value: ctx, children: _jsx(Chart, { ...props, data: slices, config: effectiveConfig, height: height, legend: "none", skeleton: "donut", summary: summaryText, table: table, state: props.state ?? (rows.length === 0 ? { status: "empty" } : undefined), aside: legend === "none" ? undefined : _jsx(DonutLegend, {}), asidePosition: legend === "bottom" ? "bottom" : "side", children: _jsx(DonutPlot, { px: px, height: height, variant: variant, center: center, centerLabel: centerLabel }) }) }));
 }
-const DonutContext = React.createContext(null);
+const DonutContext = /*#__PURE__*/ React.createContext(null);
 const useDonut = () => React.useContext(DonutContext);
 function useSlices(slices) {
     const chart = useChart();

package/dist/charts/funnel.js

@@ -26,7 +26,7 @@ export const funnelLabels = {
  * <Funnel title="Sales pipeline" steps={[{ key: "leads", label: "Leads", value: 1240 }, …]} />
  * ```
  */
-export const Funnel = React.forwardRef(function Funnel({ steps, orientation = "horizontal", format = "integer", amountFormat = "currency", show = ["conversion", "dropoff"], color = "chart-1", compareTo, onStepClick, size = "md", loading, title, labels, className, style, ...props }, ref) {
+export const Funnel = /*#__PURE__*/ React.forwardRef(function Funnel({ steps, orientation = "horizontal", format = "integer", amountFormat = "currency", show = ["conversion", "dropoff"], color = "chart-1", compareTo, onStepClick, size = "md", loading, title, labels, className, style, ...props }, ref) {
     const f = useFormat();
     const t = useLabels("funnel", funnelLabels, labels);
     const first = steps[0]?.value ?? 0;

package/dist/charts/gauge.js

@@ -44,7 +44,7 @@ function a11yProps(semantic, value, max, valueText, label) {
  * <ProgressRing value={85} aria-label="Profile completeness" format="percent" size="md" />
  * ```
  */
-export const ProgressRing = React.forwardRef(function ProgressRing({ value, max = 100, size = "md", thickness, color = "chart-1", thresholds, label, format, semantic = "progress", labels, className, style, "aria-label": ariaLabel, ...props }, ref) {
+export const ProgressRing = /*#__PURE__*/ React.forwardRef(function ProgressRing({ value, max = 100, size = "md", thickness, color = "chart-1", thresholds, label, format, semantic = "progress", labels, className, style, "aria-label": ariaLabel, ...props }, ref) {
     const px = typeof size === "number" ? size : SIZES[size];
     const sw = thickness ?? Math.max(2.5, Math.round(px * 0.09 * 10) / 10);
     const threshold = pickThreshold(value, thresholds);
@@ -64,7 +64,7 @@ export const ProgressRing = React.forwardRef(function ProgressRing({ value, max
  * <Gauge value={64} aria-label="SEO score" semantic="meter" thresholds={[{ at: 0, color: "danger", label: "Poor" }, { at: 50, color: "warning", label: "Fair" }, { at: 80, color: "success", label: "Good" }]} color="auto" />
  * ```
  */
-export const Gauge = React.forwardRef(function Gauge({ value, max = 100, size = "lg", thickness, color = "chart-1", thresholds, label, format, semantic = "meter", arc = 270, showThresholdBands, target, labels, className, style, "aria-label": ariaLabel, ...props }, ref) {
+export const Gauge = /*#__PURE__*/ React.forwardRef(function Gauge({ value, max = 100, size = "lg", thickness, color = "chart-1", thresholds, label, format, semantic = "meter", arc = 270, showThresholdBands, target, labels, className, style, "aria-label": ariaLabel, ...props }, ref) {
     const px = typeof size === "number" ? size : SIZES[size];
     const sw = thickness ?? Math.max(3, Math.round(px * 0.075 * 10) / 10);
     const threshold = pickThreshold(value, thresholds);

package/dist/components/accordion.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Accordion as RadixAccordion } from "radix-ui";
+import * as RadixAccordion from "radix-ui/accordion";
 type AccordionVariant = "plain" | "separated" | "card";
 type AccordionSize = "sm" | "md";
 type AccordionRootProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>;

package/dist/components/accordion.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Accordion as RadixAccordion } from "radix-ui";
+import * as RadixAccordion from "radix-ui/accordion";
 import { ChevronDown } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
-const AccordionContext = React.createContext({
+const AccordionContext = /*#__PURE__*/ React.createContext({
     variant: "plain",
     size: "md",
     headingLevel: 3,
 });
-const rootVariants = cva("w-full", {
+const rootVariants = /*#__PURE__*/ cva("w-full", {
     variants: {
         variant: {
             /** Ruled list: hairlines between items. */
@@ -38,11 +38,11 @@ const rootVariants = cva("w-full", {
  *
  * Persisting the open sections is the consumer's job: control `value` and store it.
  */
-export const Accordion = React.forwardRef(function Accordion({ variant = "plain", size = "md", headingLevel = 3, className, ...props }, ref) {
+export const Accordion = /*#__PURE__*/ React.forwardRef(function Accordion({ variant = "plain", size = "md", headingLevel = 3, className, ...props }, ref) {
     const ctx = React.useMemo(() => ({ variant, size, headingLevel }), [variant, size, headingLevel]);
     return (_jsx(AccordionContext.Provider, { value: ctx, children: _jsx(RadixAccordion.Root, { ref: ref, "data-slot": "accordion", "data-variant": variant, className: cn(rootVariants({ variant }), className), ...props }) }));
 });
-const accordionItemVariants = cva("group/acc-item", {
+const accordionItemVariants = /*#__PURE__*/ cva("group/acc-item", {
     variants: {
         variant: {
             plain: "border-b border-line last:border-b-0",
@@ -52,19 +52,19 @@ const accordionItemVariants = cva("group/acc-item", {
     },
 });
 /** One section. `value` identifies it; `disabled` locks it. */
-export const AccordionItem = React.forwardRef(function AccordionItem({ className, ...props }, ref) {
+export const AccordionItem = /*#__PURE__*/ React.forwardRef(function AccordionItem({ className, ...props }, ref) {
     const { variant } = React.useContext(AccordionContext);
     return _jsx(RadixAccordion.Item, { ref: ref, "data-slot": "accordion-item", className: cn(accordionItemVariants({ variant }), className), ...props });
 });
 const pad = { plain: "", separated: "px-4", card: "px-(--gap)" };
 /** The section header: a heading with the toggle button (and optional actions beside it). */
-export const AccordionTrigger = React.forwardRef(function AccordionTrigger({ icon, meta, actions, className, children, ...props }, ref) {
+export const AccordionTrigger = /*#__PURE__*/ React.forwardRef(function AccordionTrigger({ icon, meta, actions, className, children, ...props }, ref) {
     const { variant, size, headingLevel } = React.useContext(AccordionContext);
     const Heading = `h${headingLevel}`;
     return (_jsx(RadixAccordion.Header, { asChild: true, children: _jsxs(Heading, { "data-slot": "accordion-header", className: cn("flex items-center gap-1", pad[variant], actions && "pe-2"), children: [_jsxs(RadixAccordion.Trigger, { ref: ref, "data-slot": "accordion-trigger", className: cn("group/acc flex min-w-0 flex-1 items-center gap-3 rounded-ui-sm text-start font-medium text-fg outline-none transition-colors focus-ring", "disabled:cursor-not-allowed disabled:opacity-45", "hover:[&_[data-slot=accordion-title]]:underline hover:[&_[data-slot=accordion-title]]:decoration-line hover:[&_[data-slot=accordion-title]]:underline-offset-4", size === "sm" ? "py-2.5 text-[13px] [&_svg]:size-3.5" : "py-3.5 text-sm [&_svg]:size-4", variant === "plain" && (size === "sm" ? "py-2" : "py-3"), className), ...props, children: [icon ? _jsx("span", { "aria-hidden": true, className: "inline-flex shrink-0 text-fg-muted [&_svg]:shrink-0", children: icon }) : null, _jsx("span", { "data-slot": "accordion-title", className: "min-w-0 flex-1 text-pretty", children: children }), meta ? _jsx("span", { className: "sr-only", children: ", " }) : null, meta ? (_jsx("span", { "data-slot": "accordion-meta", className: "tabular shrink-0 truncate text-[13px] font-normal text-fg-subtle", children: meta })) : null, _jsx(ChevronDown, { "aria-hidden": true, className: "shrink-0 text-fg-subtle transition-transform duration-200 motion-reduce:transition-none group-data-[state=open]/acc:rotate-180" })] }), actions ? (_jsx("span", { "data-slot": "accordion-actions", className: "flex shrink-0 items-center gap-0.5", children: actions })) : null] }) }));
 });
 /** The collapsible body. Animates its height (`ui-collapse`, reduced-motion safe). */
-export const AccordionContent = React.forwardRef(function AccordionContent({ className, children, ...props }, ref) {
+export const AccordionContent = /*#__PURE__*/ React.forwardRef(function AccordionContent({ className, children, ...props }, ref) {
     const { variant, size } = React.useContext(AccordionContext);
     return (_jsx(RadixAccordion.Content, { ref: ref, "data-slot": "accordion-content", className: "ui-collapse", ...props, children: _jsx("div", { className: cn("text-fg-muted", size === "sm" ? "pb-3 text-[13px]" : "pb-4 text-sm leading-relaxed", pad[variant], className), children: children }) }));
 });

package/dist/components/activity-timeline.js

@@ -13,20 +13,20 @@ export { RelativeTime } from "../lib/data-islands.js";
  * Composable timeline (`<ol>`). For data use `ActivityTimeline`; compose these parts for
  * custom rows: `Timeline › TimelineGroup › TimelineItem › TimelineIndicator + TimelineContent`.
  */
-export const Timeline = React.forwardRef(function Timeline({ variant = "feed", density = "inherit", className, ...props }, ref) {
+export const Timeline = /*#__PURE__*/ React.forwardRef(function Timeline({ variant = "feed", density = "inherit", className, ...props }, ref) {
     return (_jsx("ol", { ref: ref, "data-slot": "timeline", "data-variant": variant, "data-density": density === "inherit" ? undefined : density, className: cn("group/timeline m-0 grid list-none gap-(--tl-gap) p-0 [--tl-gap:calc(var(--row-h)*0.3)] [--tl-ind:1.75rem]", "data-[density=compact]:[--tl-ind:1.5rem] [[data-density=compact]_&]:[--tl-ind:1.5rem]", className), ...props }));
 });
 /** A labelled section (a day). Children are TimelineItems. */
-export const TimelineGroup = React.forwardRef(function TimelineGroup({ date, label, now, labels, className, children, ...props }, ref) {
+export const TimelineGroup = /*#__PURE__*/ React.forwardRef(function TimelineGroup({ date, label, now, labels, className, children, ...props }, ref) {
     const id = React.useId();
     return (_jsxs("li", { ref: ref, "data-slot": "timeline-group", "aria-labelledby": id, className: cn("grid gap-(--tl-gap)", className), ...props, children: [_jsxs("div", { id: id, className: "flex items-center gap-3 font-mono text-[11px] font-medium tracking-[0.06em] text-fg-subtle", children: [_jsx("span", { className: "shrink-0", children: label ?? (date ? _jsx(TimelineDayLabel, { date: date, now: now, labels: labels }) : null) }), _jsx("span", { "aria-hidden": true, className: "h-px flex-1 bg-line" })] }), _jsx("ol", { className: "m-0 grid list-none gap-(--tl-gap) p-0", children: children })] }));
 });
-export const TimelineItem = React.forwardRef(function TimelineItem({ status, highlight, className, ...props }, ref) {
+export const TimelineItem = /*#__PURE__*/ React.forwardRef(function TimelineItem({ status, highlight, className, ...props }, ref) {
     return (_jsx("li", { ref: ref, "data-slot": "timeline-item", "data-status": status, "data-highlight": highlight ? "" : undefined, "aria-current": status === "current" ? "step" : undefined, className: cn("relative grid grid-cols-[var(--tl-ind)_minmax(0,1fr)] gap-x-3", 
         // connector from below this indicator to the next one (start side, RTL-aware)
         "before:absolute before:start-[calc(var(--tl-ind)/2-0.5px)] before:top-[calc(var(--tl-ind)+0.25rem)] before:-bottom-[calc(var(--tl-gap)-0.25rem)] before:w-px before:bg-line last:before:hidden", "data-[status=upcoming]:before:w-0 data-[status=upcoming]:before:border-s data-[status=upcoming]:before:border-dashed data-[status=upcoming]:before:border-line data-[status=upcoming]:before:bg-transparent", "data-[status=current]:before:w-0 data-[status=current]:before:border-s data-[status=current]:before:border-dashed data-[status=current]:before:border-line data-[status=current]:before:bg-transparent", className), ...props }));
 });
-const indicatorVariants = cva("relative z-[1] grid size-(--tl-ind) shrink-0 place-items-center rounded-full border text-fg-muted [&_svg]:size-[calc(var(--tl-ind)*0.5)] [&_svg]:shrink-0", {
+const indicatorVariants = /*#__PURE__*/ cva("relative z-[1] grid size-(--tl-ind) shrink-0 place-items-center rounded-full border text-fg-muted [&_svg]:size-[calc(var(--tl-ind)*0.5)] [&_svg]:shrink-0", {
     variants: {
         tone: {
             neutral: "border-line bg-[color-mix(in_oklch,var(--surface)_90%,var(--scene))]",
@@ -70,7 +70,7 @@ export function TimelineActions({ className, ...props }) {
     return _jsx("div", { "data-slot": "timeline-actions", className: cn("mt-2 flex flex-wrap items-center gap-1.5", className), ...props });
 }
 /** "3 new updates" pill for live feeds: new items wait above instead of shifting the list. */
-export const TimelineNewItems = React.forwardRef(function TimelineNewItems({ count, labels, className, children, ...props }, ref) {
+export const TimelineNewItems = /*#__PURE__*/ React.forwardRef(function TimelineNewItems({ count, labels, className, children, ...props }, ref) {
     if (count <= 0)
         return null;
     return (_jsxs("button", { ref: ref, type: "button", "data-slot": "timeline-new-items", className: cn("mx-auto inline-flex h-7 items-center gap-1.5 rounded-full bg-accent-soft px-3 text-xs font-medium text-accent-ink transition-[filter] hover:brightness-95 focus-ring motion-safe:ui-fade", className), ...props, children: [_jsx("span", { "aria-hidden": true, className: "size-1.5 rounded-full bg-current" }), children ?? _jsx(DataLabel, { ns: "timeline", id: "newItems", vars: { count }, override: labels })] }));
@@ -91,7 +91,7 @@ export function TimelineSkeleton({ count = 3, className }) {
  * ]} />
  * ```
  */
-export const ActivityTimeline = React.forwardRef(function ActivityTimeline({ items, variant = "feed", groupBy = "none", order, timeZone = "UTC", now, timeMode, loading, empty, hasMore, onLoadMore, newCount = 0, onShowNew, announcement, filter, labels, className, density, ...props }, ref) {
+export const ActivityTimeline = /*#__PURE__*/ React.forwardRef(function ActivityTimeline({ items, variant = "feed", groupBy = "none", order, timeZone = "UTC", now, timeMode, loading, empty, hasMore, onLoadMore, newCount = 0, onShowNew, announcement, filter, labels, className, density, ...props }, ref) {
     const dir = order ?? (variant === "steps" ? "asc" : "desc");
     const sorted = variant === "steps" && order === undefined ? items : [...items].sort((a, b) => cmp(a.at, b.at) * (dir === "asc" ? 1 : -1));
     const renderItem = (it, inGroup) => (_jsxs(TimelineItem, { status: it.status, children: [_jsx(TimelineIndicator, { icon: it.icon, avatar: it.avatar, tone: it.tone, status: variant === "steps" ? (it.status ?? "upcoming") : undefined, labels: labels }), _jsxs(TimelineContent, { children: [_jsxs(TimelineTitle, { className: it.status === "upcoming" ? "text-fg-subtle" : undefined, children: [it.actor ? _jsxs("b", { children: [it.actor, " "] }) : null, it.href ? (_jsx("a", { href: it.href, className: "rounded-[2px] underline-offset-2 hover:text-fg hover:underline focus-ring", children: it.title })) : (it.title)] }), variant === "steps" && it.status === "upcoming" ? null : _jsx(TimelineTime, { value: toIsoInstant(it.at), now: now, mode: timeMode ?? (inGroup ? "absolute" : "relative") }), it.body ? _jsx(TimelineBody, { children: it.body }) : null, it.actions ? _jsx(TimelineActions, { children: it.actions }) : null] })] }, it.id));

package/dist/components/address-field.js

@@ -65,7 +65,7 @@ export function formatAddress(a, opts = {}) {
         lines.push(displayNames(locale)?.of(c) ?? c);
     return lines.map((l) => l?.trim()).filter((l) => !!l);
 }
-const NativeSelect = React.forwardRef(function NativeSelect({ className, size = "md", invalid, children, ...rest }, ref) {
+const NativeSelect = /*#__PURE__*/ React.forwardRef(function NativeSelect({ className, size = "md", invalid, children, ...rest }, ref) {
     const props = useFieldControl({ ...rest, "aria-invalid": invalid ? true : rest["aria-invalid"] });
     return (_jsxs("div", { "data-slot": "address-select", className: cn(controlVariants({ size }), "px-0", className), children: [_jsx("select", { ref: ref, ...props, className: cn("h-full w-full min-w-0 cursor-pointer appearance-none rounded-[inherit] bg-transparent ps-3 pe-9 text-[length:inherit] text-fg outline-none disabled:cursor-not-allowed", props.value === "" && "text-fg-subtle"), children: children }), _jsx(ChevronDown, { "aria-hidden": true, className: "pointer-events-none absolute end-3 size-4 text-fg-subtle" })] }));
 });
@@ -120,7 +120,7 @@ function useRegions(source, level, province) {
  * <Field label="Province"><RegionSelect source={trAddress} level="province" /></Field>
  * ```
  */
-export const RegionSelect = React.forwardRef(function RegionSelect({ source, level, province, value, defaultValue, onValueChange, placeholder, labels, disabled, ...rest }, ref) {
+export const RegionSelect = /*#__PURE__*/ React.forwardRef(function RegionSelect({ source, level, province, value, defaultValue, onValueChange, placeholder, labels, disabled, ...rest }, ref) {
     const t = useLabels("address", addressLabels, labels);
     const [current, setCurrent] = useControllableState({ value, defaultValue: defaultValue ?? "", onChange: onValueChange, name: "RegionSelect" });
     const { items } = useRegions(source, level, province);
@@ -140,7 +140,7 @@ const DEFAULT_FIELDS = ["country", "region1", "region2", "line1", "line2", "post
  * <AddressField legend="Billing address" name="billing" defaultValue={{ country: "TR" }} required={["line1", "region1", "region2"]} />
  * ```
  */
-export const AddressField = React.forwardRef(function AddressField(props, ref) {
+export const AddressField = /*#__PURE__*/ React.forwardRef(function AddressField(props, ref) {
     const { value, defaultValue, onValueChange, sources = { TR: trAddress }, countries, defaultCountry, fields = DEFAULT_FIELDS, required = [], layout = "grid", name, legend, hint, errors, readOnly, disabled, size, labels, className, ...rest } = props;
     const { locale } = useLocale();
     const t = useLabels("address", addressLabels, labels);

package/dist/components/alert-dialog.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import * as AlertDialogPrimitive from "radix-ui/alert-dialog";
 import { type ButtonProps } from "./button.js";
 import { type LayerHeaderProps } from "./dialog.js";
 type Tone = "default" | "danger";

package/dist/components/alert-dialog.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 { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import * as AlertDialogPrimitive from "radix-ui/alert-dialog";
 import { TriangleAlert } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -12,7 +12,7 @@ import { Button } from "./button.js";
 import { Field, Input } from "./input.js";
 import { Alert } from "./alert.js";
 import { LayerBody, LayerFooter, LayerHeader, LayerPartsProvider } from "./dialog.js";
-const AlertDialogContentContext = React.createContext({ tone: "default", actionRef: { current: null } });
+const AlertDialogContentContext = /*#__PURE__*/ React.createContext({ tone: "default", actionRef: { current: null } });
 /**
  * Confirms an irreversible or high-stakes action. `role="alertdialog"`; the overlay never closes it.
  *
@@ -34,7 +34,7 @@ const AlertDialogContentContext = React.createContext({ tone: "default", actionR
 export const AlertDialog = AlertDialogPrimitive.Root;
 export const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 /** Fixed 420px panel. Below 640px it anchors to the bottom and stacks the buttons, action on top. */
-export const AlertDialogContent = React.forwardRef(function AlertDialogContent({ tone = "default", dismissible = true, container, className, children, onEscapeKeyDown, onOpenAutoFocus, onCloseAutoFocus, ...props }, ref) {
+export const AlertDialogContent = /*#__PURE__*/ React.forwardRef(function AlertDialogContent({ tone = "default", dismissible = true, container, className, children, onEscapeKeyDown, onOpenAutoFocus, onCloseAutoFocus, ...props }, ref) {
     const scope = usePortalContainer();
     const depth = useLayerDepth() + 1;
     const actionRef = React.useRef(null);
@@ -82,24 +82,24 @@ export function AlertDialogIcon({ className, children }) {
     return (_jsx("span", { "aria-hidden": true, className: cn("flex size-10 items-center justify-center rounded-ui tone-danger bg-[color-mix(in_srgb,var(--danger)_12%,transparent)] text-danger [&_svg]:size-5", className), children: children ?? _jsx(TriangleAlert, {}) }));
 }
 /** `LayerHeader` that adds the warning icon well when the content is `tone="danger"` (pass `icon={null}` to drop it). */
-export const AlertDialogHeader = React.forwardRef(function AlertDialogHeader({ icon, className, ...props }, ref) {
+export const AlertDialogHeader = /*#__PURE__*/ React.forwardRef(function AlertDialogHeader({ icon, className, ...props }, ref) {
     const { tone } = React.useContext(AlertDialogContentContext);
     const resolvedIcon = icon === undefined ? (tone === "danger" ? _jsx(AlertDialogIcon, {}) : undefined) : icon;
     return _jsx(LayerHeader, { ref: ref, icon: resolvedIcon, className: cn("pt-6", className), ...props });
 });
 export const AlertDialogBody = LayerBody;
 /** Footer without the hairline; buttons at the end, stacked on mobile. */
-export const AlertDialogFooter = React.forwardRef(function AlertDialogFooter({ className, ...props }, ref) {
+export const AlertDialogFooter = /*#__PURE__*/ React.forwardRef(function AlertDialogFooter({ className, ...props }, ref) {
     return _jsx(LayerFooter, { ref: ref, className: cn("border-t-0 pt-1 pb-5", className), ...props });
 });
 const confirmLabels = { cancel: "Cancel", confirm: "Confirm", typeToConfirm: "Type {text} to confirm", error: "That didn't work. Try again." };
 /** Closes without acting. Receives initial focus in a danger dialog. Default label "Cancel". */
-export const AlertDialogCancel = React.forwardRef(function AlertDialogCancel({ children, labels, variant = "secondary", ...props }, ref) {
+export const AlertDialogCancel = /*#__PURE__*/ React.forwardRef(function AlertDialogCancel({ children, labels, variant = "secondary", ...props }, ref) {
     const t = useLabels("confirm", confirmLabels, labels);
     return (_jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: _jsx(Button, { ref: ref, variant: variant, ...props, children: children ?? t("cancel") }) }));
 });
 /** Runs the action and closes. `variant` follows the content tone (`danger` or `primary`). */
-export const AlertDialogAction = React.forwardRef(function AlertDialogAction({ children, labels, variant, keepOpen, onClick, ...props }, ref) {
+export const AlertDialogAction = /*#__PURE__*/ React.forwardRef(function AlertDialogAction({ children, labels, variant, keepOpen, onClick, ...props }, ref) {
     const { tone, actionRef } = React.useContext(AlertDialogContentContext);
     const t = useLabels("confirm", confirmLabels, labels);
     const setRefs = React.useCallback((node) => {
@@ -155,7 +155,7 @@ export function ConfirmDialog({ open, onResult, title, description, tone = "defa
                                     }
                                 } }) })) : null] })) : null, _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: busy, children: cancelLabel ?? t("cancel") }), _jsx(AlertDialogAction, { keepOpen: true, disabled: !matches, loading: busy, onClick: () => void run(), children: confirmLabel ?? t("confirm") })] })] }) }));
 }
-const ConfirmContext = React.createContext(null);
+const ConfirmContext = /*#__PURE__*/ React.createContext(null);
 /**
  * Provides `useConfirm()` to its subtree and renders the one shared confirmation dialog.
  * App shell includes it; mount it yourself at the app root otherwise.

package/dist/components/alert.js

@@ -5,7 +5,7 @@ import { CircleAlert, CircleCheck, Info, Lightbulb, TriangleAlert, X } from "luc
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
 import { IconButton } from "./button.js";
-export const alertVariants = cva([
+export const alertVariants = /*#__PURE__*/ cva([
     "vui-alert relative grid grid-cols-[auto_minmax(0,1fr)_auto] items-start text-fg",
     // Tinted surface + hairline in the tone colour; body text stays --fg for contrast.
     "[--alert-tone:var(--tone)]",
@@ -56,7 +56,7 @@ const alertLabels = { dismiss: "Dismiss" };
  *
  * Critical information must not live only in a toast — show it here too.
  */
-export const Alert = React.forwardRef(function Alert({ tone, variant, size, title, icon, actions, onDismiss, dismissLabel, live, className, children, ...props }, ref) {
+export const Alert = /*#__PURE__*/ React.forwardRef(function Alert({ tone, variant, size, title, icon, actions, onDismiss, dismissLabel, live, className, children, ...props }, ref) {
     const t = tone ?? "neutral";
     const DefaultIcon = defaultIcons[t];
     const iconNode = icon === false ? null : (icon ?? _jsx(DefaultIcon, { "aria-hidden": true }));

package/dist/components/app-shell.js

@@ -33,9 +33,9 @@ const appShellLabels = {
     noAppsDescription: "Your account doesn't have access to any app yet. Ask an administrator to invite you.",
     pageChanged: "{title}",
 };
-const AppShellContext = React.createContext(null);
+const AppShellContext = /*#__PURE__*/ React.createContext(null);
 /** Rail state as resolved by the layout (preference or width). */
-const CollapsedContext = React.createContext(false);
+const CollapsedContext = /*#__PURE__*/ React.createContext(false);
 function writeCookie(v) {
     try {
         document.cookie = `${SIDEBAR_COOKIE}=${v ? "1" : "0"}; path=/; max-age=31536000; samesite=lax`;
@@ -226,7 +226,7 @@ export function AppShellBreadcrumb({ includeApp = true, className }) {
  * </AppShellProvider>
  * ```
  */
-export const AppShell = React.forwardRef(function AppShell({ sidebar, topbar, banner, notifications, actions, user, badges, sidebarFooter, appSwitcherFooter, layout = "sidebar", loading, announceRouteChanges = true, height = "screen", globals = true, labels, className, children, ...props }, ref) {
+export const AppShell = /*#__PURE__*/ React.forwardRef(function AppShell({ sidebar, topbar, banner, notifications, actions, user, badges, sidebarFooter, appSwitcherFooter, layout = "sidebar", loading, announceRouteChanges = true, height = "screen", globals = true, labels, className, children, ...props }, ref) {
     const ctx = React.useContext(AppShellContext);
     if (!ctx)
         throw new Error("AppShell must be used inside <AppShellProvider>.");

package/dist/components/aspect-ratio.js

@@ -14,7 +14,7 @@ export function parseAspectRatio(ratio) {
     const n = Number(ratio);
     return Number.isFinite(n) && n > 0 ? n : undefined;
 }
-export const aspectRatioVariants = cva("relative isolate block w-full overflow-hidden", {
+export const aspectRatioVariants = /*#__PURE__*/ cva("relative isolate block w-full overflow-hidden", {
     variants: {
         rounded: { none: "", ui: "rounded-ui", "ui-lg": "rounded-ui-lg", full: "rounded-full" },
         /** How a direct `img` / `video` child fills the box. */
@@ -34,7 +34,7 @@ export const aspectRatioVariants = cva("relative isolate block w-full overflow-h
  * </AspectRatio>
  * ```
  */
-export const AspectRatio = React.forwardRef(function AspectRatio({ ratio = "16/9", rounded, fit, tone, className, style, children, ...props }, ref) {
+export const AspectRatio = /*#__PURE__*/ React.forwardRef(function AspectRatio({ ratio = "16/9", rounded, fit, tone, className, style, children, ...props }, ref) {
     const value = parseAspectRatio(ratio) ?? 16 / 9;
     return (_jsx("div", { ref: ref, "data-slot": "aspect-ratio", className: cn(aspectRatioVariants({ rounded, fit, tone }), 
         // The child fills the box; iframes lose their default border.

package/dist/components/attachment-list.js

@@ -110,7 +110,7 @@ export function AttachmentName({ name, className, ...props }) {
 /* ------------------------------------------------------------------ */
 /* AttachmentList                                                       */
 /* ------------------------------------------------------------------ */
-const listVariants = cva("", {
+const listVariants = /*#__PURE__*/ cva("", {
     variants: {
         layout: {
             list: "flex flex-col divide-y divide-line overflow-hidden rounded-ui border border-line",
@@ -131,7 +131,7 @@ const listVariants = cva("", {
  * <AttachmentList layout="chips" items={commentFiles} readOnly />
  * ```
  */
-export const AttachmentList = React.forwardRef(function AttachmentList({ items, layout = "list", size = "md", onPreview, onDownload, onRemove, onRetry, onAddFiles, accept, uploadSlot, readOnly, empty, labels, className, "aria-label": ariaLabel, ...props }, ref) {
+export const AttachmentList = /*#__PURE__*/ React.forwardRef(function AttachmentList({ items, layout = "list", size = "md", onPreview, onDownload, onRemove, onRetry, onAddFiles, accept, uploadSlot, readOnly, empty, labels, className, "aria-label": ariaLabel, ...props }, ref) {
     const t = useLabels("attachments", attachmentLabels, labels);
     const [removing, setRemoving] = React.useState(() => new Set());
     const inputRef = React.useRef(null);

package/dist/components/audit-log.js

@@ -96,7 +96,7 @@ export function filterAuditEvents(events, filters, locale, actionLabels) {
  * />
  * ```
  */
-export const AuditLog = React.forwardRef(function AuditLog({ events, rowCount, actionLabels, changeFields, filters: filtersProp, defaultFilters, onFiltersChange, manualFiltering, showFilters = true, toolbar, notice, onExport, hasMore, onLoadMore, loading, height = "32rem", virtualizeAfter = 80, variant = "table", now, labels, className, ...props }, ref) {
+export const AuditLog = /*#__PURE__*/ React.forwardRef(function AuditLog({ events, rowCount, actionLabels, changeFields, filters: filtersProp, defaultFilters, onFiltersChange, manualFiltering, showFilters = true, toolbar, notice, onExport, hasMore, onLoadMore, loading, height = "32rem", virtualizeAfter = 80, variant = "table", now, labels, className, ...props }, ref) {
     const t = useLabels("auditLog", auditLogLabels, labels);
     const f = useFormat();
     const { locale } = useLocale();

package/dist/components/avatar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import * as AvatarPrimitive from "radix-ui/avatar";
 declare const avatarLabels: {
     online: string;
     away: string;

package/dist/components/avatar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Avatar as AvatarPrimitive } from "radix-ui";
+import * as AvatarPrimitive from "radix-ui/avatar";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -16,7 +16,7 @@ const avatarLabels = {
     overflow: "+{count}",
     more: "{count, plural, one {# more person} other {# more people}}",
 };
-export const avatarVariants = cva("relative inline-flex shrink-0 select-none items-center justify-center align-middle font-medium leading-none tracking-[0.01em]", {
+export const avatarVariants = /*#__PURE__*/ cva("relative inline-flex shrink-0 select-none items-center justify-center align-middle font-medium leading-none tracking-[0.01em]", {
     variants: {
         size: {
             xs: "size-5 text-[8.5px]",
@@ -61,20 +61,20 @@ export function avatarColor(seed) {
         color: `color-mix(in oklch, ${c} 60%, var(--fg))`,
     };
 }
-const AvatarGroupContext = React.createContext(null);
+const AvatarGroupContext = /*#__PURE__*/ React.createContext(null);
 /** Root of the composite API: `<AvatarRoot><AvatarImage/><AvatarFallback/></AvatarRoot>`. */
-export const AvatarRoot = React.forwardRef(function AvatarRoot({ size, shape, className, ...props }, ref) {
+export const AvatarRoot = /*#__PURE__*/ React.forwardRef(function AvatarRoot({ size, shape, className, ...props }, ref) {
     const group = React.useContext(AvatarGroupContext);
     const s = size ?? group?.size ?? "md";
     const sh = shape ?? group?.shape ?? "circle";
     return (_jsx(AvatarPrimitive.Root, { ref: ref, "data-slot": "avatar", "data-size": s, "data-shape": sh, className: cn(avatarVariants({ size: s, shape: sh }), group && "ring-2 ring-(--avatar-ring)", className), ...props }));
 });
 /** The photo. Pass `asChild` to render a framework image (Next `<Image>`). */
-export const AvatarImage = React.forwardRef(function AvatarImage({ className, ...props }, ref) {
+export const AvatarImage = /*#__PURE__*/ React.forwardRef(function AvatarImage({ className, ...props }, ref) {
     return _jsx(AvatarPrimitive.Image, { ref: ref, "data-slot": "avatar-image", className: cn("size-full rounded-[inherit] object-cover", className), ...props });
 });
 /** Shown while the image loads (after `delayMs`), when it fails, or when there is none. */
-export const AvatarFallback = React.forwardRef(function AvatarFallback({ className, ...props }, ref) {
+export const AvatarFallback = /*#__PURE__*/ React.forwardRef(function AvatarFallback({ className, ...props }, ref) {
     return (_jsx(AvatarPrimitive.Fallback, { ref: ref, "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-[inherit] bg-selected text-fg-muted [&_svg]:size-[55%]", className), ...props }));
 });
 /**
@@ -87,7 +87,7 @@ export const AvatarFallback = React.forwardRef(function AvatarFallback({ classNa
  * <Avatar name="Northwind Traders" shape="square" size="lg" />
  * ```
  */
-export const Avatar = React.forwardRef(function Avatar({ src, name, size, shape, status, statusLabel, fallback, delayMs = 300, neutral, labels, className, style, ...props }, ref) {
+export const Avatar = /*#__PURE__*/ React.forwardRef(function Avatar({ src, name, size, shape, status, statusLabel, fallback, delayMs = 300, neutral, labels, className, style, ...props }, ref) {
     const t = useLabels("avatar", avatarLabels, labels);
     const { locale } = useLocale();
     const group = React.useContext(AvatarGroupContext);
@@ -114,7 +114,7 @@ const overlap = {
  * </AvatarGroup>
  * ```
  */
-export const AvatarGroup = React.forwardRef(function AvatarGroup({ max = 4, total, size = "md", shape = "circle", onOverflowClick, spacing = "md", labels, className, children, ...props }, ref) {
+export const AvatarGroup = /*#__PURE__*/ React.forwardRef(function AvatarGroup({ max = 4, total, size = "md", shape = "circle", onOverflowClick, spacing = "md", labels, className, children, ...props }, ref) {
     const t = useLabels("avatar", avatarLabels, labels);
     const items = React.Children.toArray(children).filter(React.isValidElement);
     const shown = items.slice(0, Math.max(0, max));

package/dist/components/backup-codes.js

@@ -25,7 +25,7 @@ export const backupCodesLabels = {
  * <BackupCodes codes={codes} used={["4K7Q-PX2M"]} onRegenerate={regenerate} />
  * ```
  */
-export const BackupCodes = React.forwardRef(function BackupCodes({ codes, used = [], title, filename = "backup-codes.txt", fileNote, onCopy, onDownload, onRegenerate, regenerating, labels, className, ...props }, ref) {
+export const BackupCodes = /*#__PURE__*/ React.forwardRef(function BackupCodes({ codes, used = [], title, filename = "backup-codes.txt", fileNote, onCopy, onDownload, onRegenerate, regenerating, labels, className, ...props }, ref) {
     const t = useLabels("backupCodes", backupCodesLabels, labels);
     const f = useFormat();
     const [copied, setCopied] = React.useState(false);