@vamos-ui/react 0.4.0 → 0.4.1

package/dist/components/sidebar.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Collapsible, Popover as PopoverPrimitive } from "radix-ui";
+import * as Collapsible from "radix-ui/collapsible";
+import * as PopoverPrimitive from "radix-ui/popover";
 import { ArrowUpRight, Check, ChevronDown, ChevronRight, ChevronsUpDown, PanelLeftClose, PanelLeftOpen } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useLabels } from "../lib/labels.js";
@@ -27,7 +28,7 @@ const sidebarLabels = {
     workspaces: "Workspaces",
     loading: "Loading menu",
 };
-const SidebarContext = React.createContext(null);
+const SidebarContext = /*#__PURE__*/ React.createContext(null);
 /** Collapsed state and helpers of the nearest `Sidebar`. */
 export function useSidebar() {
     const ctx = React.useContext(SidebarContext);
@@ -42,8 +43,8 @@ const useSidebarCtx = () => {
     return ctx;
 };
 /** Active trail from `SidebarNav` (data-driven); `null` in the compound API (each item checks its own href). */
-const TrailContext = React.createContext(null);
-const SubContext = React.createContext({ placement: "inline", depth: 1 });
+const TrailContext = /*#__PURE__*/ React.createContext(null);
+const SubContext = /*#__PURE__*/ React.createContext({ placement: "inline", depth: 1 });
 /**
  * The primary app navigation. Dark in both themes; the active section's submenu stays open in
  * place, other sections open as flyouts, and the rail turns every submenu into a flyout.
@@ -57,7 +58,7 @@ const SubContext = React.createContext({ placement: "inline", depth: 1 });
  * </Sidebar>
  * ```
  */
-export const Sidebar = React.forwardRef(function Sidebar({ variant = "nav", collapsed: collapsedProp, defaultCollapsed = false, onCollapsedChange, collapsible = true, mode = "desktop", shortcut = false, onNavigate, labels, className, children, ...props }, ref) {
+export const Sidebar = /*#__PURE__*/ React.forwardRef(function Sidebar({ variant = "nav", collapsed: collapsedProp, defaultCollapsed = false, onCollapsedChange, collapsible = true, mode = "desktop", shortcut = false, onNavigate, labels, className, children, ...props }, ref) {
     const t = useLabels("sidebar", sidebarLabels, labels);
     const [collapsedState, setCollapsed] = useControllableState({ value: collapsedProp, defaultValue: defaultCollapsed, onChange: onCollapsedChange, name: "Sidebar" });
     const collapsed = mode === "desktop" && collapsible && collapsedState;
@@ -66,20 +67,20 @@ export const Sidebar = React.forwardRef(function Sidebar({ variant = "nav", coll
     return (_jsx(SidebarContext.Provider, { value: ctx, children: _jsx("aside", { ref: ref, "data-slot": "sidebar", "data-variant": variant, "data-mode": mode, "data-collapsed": collapsed ? "" : undefined, className: cn("vui-sidebar surface-nav relative flex h-full min-h-0 shrink-0 flex-col text-[13.5px]", mode === "desktop" && "border-e border-nav-line", variant === "surface" && "border-line", className), ...props, children: children }) }));
 });
 /** Top slot: app switcher, workspace switcher, logo. */
-export const SidebarHeader = React.forwardRef(function SidebarHeader({ className, ...props }, ref) {
+export const SidebarHeader = /*#__PURE__*/ React.forwardRef(function SidebarHeader({ className, ...props }, ref) {
     return _jsx("div", { ref: ref, "data-slot": "sidebar-header", className: cn("grid gap-1 border-b border-nav-line p-2", className), ...props });
 });
 /** The scrolling `<nav>` with the menu. */
-export const SidebarContent = React.forwardRef(function SidebarContent({ className, ...props }, ref) {
+export const SidebarContent = /*#__PURE__*/ React.forwardRef(function SidebarContent({ className, ...props }, ref) {
     const { t } = useSidebarCtx();
     return (_jsx("nav", { ref: ref, "data-slot": "sidebar-content", "aria-label": props["aria-label"] ?? t("label"), className: cn("min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain py-2 scrollbar-none", className), ...props }));
 });
 /** Bottom slot: shared menu, collapse button, user. */
-export const SidebarFooter = React.forwardRef(function SidebarFooter({ className, ...props }, ref) {
+export const SidebarFooter = /*#__PURE__*/ React.forwardRef(function SidebarFooter({ className, ...props }, ref) {
     return _jsx("div", { ref: ref, "data-slot": "sidebar-footer", className: cn("border-t border-nav-line", className), ...props });
 });
 /** A section: optional heading plus a list of `SidebarItem`s. */
-export const SidebarGroup = React.forwardRef(function SidebarGroup({ label, className, children, ...props }, ref) {
+export const SidebarGroup = /*#__PURE__*/ React.forwardRef(function SidebarGroup({ label, className, children, ...props }, ref) {
     const { collapsed } = useSidebarCtx();
     const id = React.useId();
     return (_jsxs("div", { ref: ref, "data-slot": "sidebar-group", role: label ? "group" : undefined, "aria-labelledby": label ? id : undefined, className: cn("grid", className), ...props, children: [label ? (collapsed ? (_jsxs(_Fragment, { children: [_jsx("span", { id: id, className: "sr-only", children: label }), _jsx("span", { "aria-hidden": true, className: "mx-4 my-2 h-px bg-nav-line" })] })) : (_jsx("span", { id: id, className: "px-4.5 pt-4 pb-1.5 text-[11px] font-medium tracking-[0.06em] text-nav-fg/70", children: label }))) : null, _jsx("ul", { className: "grid gap-px", children: children })] }));
@@ -149,7 +150,7 @@ function useItemActive(id, href, children, explicit) {
 }
 const rowBase = "relative flex w-full items-center gap-3 rounded-ui-sm text-start outline-none transition-colors focus-ring";
 /** An `<a>` through the app router, a `<button>` (no href) or a disabled `<span>`. */
-const LinkRow = React.forwardRef(function LinkRow({ href, external, disabled, className, children, onClick, buttonProps, ...rest }, ref) {
+const LinkRow = /*#__PURE__*/ React.forwardRef(function LinkRow({ href, external, disabled, className, children, onClick, buttonProps, ...rest }, ref) {
     const Link = useLink();
     const { onNavigate } = useSidebarCtx();
     if (disabled) {
@@ -356,7 +357,7 @@ export function SidebarNav({ items, badges, features, trail: trailProp, classNam
 /* Collapse button, skeleton                                            */
 /* ------------------------------------------------------------------ */
 /** Toggles the rail. `aria-pressed` is true while collapsed. */
-export const SidebarCollapseButton = React.forwardRef(function SidebarCollapseButton({ className, onClick, ...props }, ref) {
+export const SidebarCollapseButton = /*#__PURE__*/ React.forwardRef(function SidebarCollapseButton({ className, onClick, ...props }, ref) {
     const { collapsed, setCollapsed, collapsible, mode, t } = useSidebarCtx();
     const { dir } = useLocale();
     if (!collapsible || mode === "mobile")

package/dist/components/signature-pad.js

@@ -109,7 +109,7 @@ const signatureLabels = {
  * <Field label="Customer signature" required><SignaturePad name="signature" exportPng /></Field>
  * ```
  */
-export const SignaturePad = React.forwardRef(function SignaturePad(props, ref) {
+export const SignaturePad = /*#__PURE__*/ React.forwardRef(function SignaturePad(props, ref) {
     const { value, defaultValue, onValueChange, modes = ["draw", "type"], height = 176, penColor = "fg", exportPng = false, name, disabled: disabledProp, readOnly: readOnlyProp, invalid: invalidProp, required: requiredProp, labels, className, id, "aria-describedby": describedBy, ...rest } = props;
     const field = useFieldContext();
     const disabled = disabledProp ?? field?.disabled ?? false;

package/dist/components/skeleton.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { LocalizedText } from "../lib/islands.js";
-export const skeletonVariants = cva("block bg-skeleton", {
+export const skeletonVariants = /*#__PURE__*/ cva("block bg-skeleton", {
     variants: {
         shape: {
             rect: "rounded-ui-sm",
@@ -22,11 +22,11 @@ export const skeletonVariants = cva("block bg-skeleton", {
  *
  * The shimmer runs in the reading direction (RTL-aware) and stops under `prefers-reduced-motion`.
  */
-export const Skeleton = React.forwardRef(function Skeleton({ className, shape, shimmer, ...props }, ref) {
+export const Skeleton = /*#__PURE__*/ React.forwardRef(function Skeleton({ className, shape, shimmer, ...props }, ref) {
     return _jsx("div", { ref: ref, "aria-hidden": true, "data-slot": "skeleton", className: cn(skeletonVariants({ shape, shimmer }), className), ...props });
 });
 /** Paragraph placeholder: full-width lines with a shorter last line. */
-export const SkeletonText = React.forwardRef(function SkeletonText({ lines = 3, lastLineWidth = "62%", shimmer, lineClassName, className, ...props }, ref) {
+export const SkeletonText = /*#__PURE__*/ React.forwardRef(function SkeletonText({ lines = 3, lastLineWidth = "62%", shimmer, lineClassName, className, ...props }, ref) {
     return (_jsx("div", { ref: ref, "aria-hidden": true, "data-slot": "skeleton-text", className: cn("grid gap-2.5 text-sm", className), ...props, children: Array.from({ length: lines }, (_, i) => (_jsx(Skeleton, { shape: "text", shimmer: shimmer, className: lineClassName, style: i === lines - 1 && lines > 1 ? { width: lastLineWidth } : undefined }, i))) }));
 });
 const AVATAR = { xs: "size-5", sm: "size-6", md: "size-8", lg: "size-10", xl: "size-14" };
@@ -36,7 +36,7 @@ export function SkeletonAvatar({ size = "md", shape = "circle", className, ...pr
 }
 const COLUMN_WIDTHS = ["72%", "48%", "60%", "36%", "54%", "40%"];
 /** A table/list row placeholder; height follows `--row-h`, padding `--cell-px`. */
-export const SkeletonRow = React.forwardRef(function SkeletonRow({ columns = 4, avatar, shimmer, className, ...props }, ref) {
+export const SkeletonRow = /*#__PURE__*/ React.forwardRef(function SkeletonRow({ columns = 4, avatar, shimmer, className, ...props }, ref) {
     return (_jsx("div", { ref: ref, "aria-hidden": true, "data-slot": "skeleton-row", className: cn("grid h-(--row-h) items-center gap-4 border-b border-line px-(--cell-px) text-sm last:border-b-0", className), style: { gridTemplateColumns: `minmax(0,2fr) repeat(${Math.max(columns - 1, 0)}, minmax(0,1fr))` }, ...props, children: Array.from({ length: columns }, (_, i) => i === 0 && avatar ? (_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(SkeletonAvatar, { size: "md", shimmer: shimmer }), _jsxs("div", { className: "grid min-w-0 flex-1 gap-1.5", children: [_jsx(Skeleton, { shape: "text", shimmer: shimmer, style: { width: "70%" } }), _jsx(Skeleton, { shape: "text", shimmer: shimmer, className: "h-[0.65em]", style: { width: "45%" } })] })] }, i)) : (_jsx(Skeleton, { shape: "text", shimmer: shimmer, style: { width: COLUMN_WIDTHS[i % COLUMN_WIDTHS.length] } }, i))) }));
 });
 const skeletonLabels = { loading: "Loading…" };
@@ -48,6 +48,6 @@ const skeletonLabels = { loading: "Loading…" };
  * <SkeletonGroup loading={isLoading}>{isLoading ? <SkeletonText /> : <Article />}</SkeletonGroup>
  * ```
  */
-export const SkeletonGroup = React.forwardRef(function SkeletonGroup({ label, loading = true, children, ...props }, ref) {
+export const SkeletonGroup = /*#__PURE__*/ React.forwardRef(function SkeletonGroup({ label, loading = true, children, ...props }, ref) {
     return (_jsxs("div", { ref: ref, "data-slot": "skeleton-group", "aria-busy": loading || undefined, ...props, children: [loading ? (_jsx("span", { role: "status", className: "sr-only", children: label ?? _jsx(LocalizedText, { namespace: "skeleton", id: "loading", defaults: skeletonLabels }) })) : null, children] }));
 });

package/dist/components/sla-timer.js

@@ -40,7 +40,7 @@ export function slaState({ due, start, completedAt, pausedAt, now, warnAt = 0.25
     const threshold = warnMinutes != null ? warnMinutes * 60_000 : startMs != null ? (dueMs - startMs) * warnAt : 30 * 60_000;
     return { state: remaining <= threshold ? "at-risk" : "on-track", remaining, used };
 }
-const slaTimerVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap font-medium tabular", {
+const slaTimerVariants = /*#__PURE__*/ cva("inline-flex items-center gap-1.5 whitespace-nowrap font-medium tabular", {
     variants: {
         variant: {
             /** Tinted pill — list rows, inbox items. */
@@ -117,7 +117,7 @@ function useNow(fixed, remaining, live) {
  * <SlaTimer variant="bar" label="Resolution" start={t.createdAt} due={t.resolveDue} completedAt={t.solvedAt} />
  * ```
  */
-export const SlaTimer = React.forwardRef(function SlaTimer({ due, start, completedAt, pausedAt, now: fixedNow, warnAt, warnMinutes, variant = "badge", label, seconds = true, hideIcon, labels, className, ...props }, ref) {
+export const SlaTimer = /*#__PURE__*/ React.forwardRef(function SlaTimer({ due, start, completedAt, pausedAt, now: fixedNow, warnAt, warnMinutes, variant = "badge", label, seconds = true, hideIcon, labels, className, ...props }, ref) {
     const t = useLabels("slaTimer", slaTimerLabels, labels);
     const f = useFormat();
     const frozen = completedAt != null || pausedAt != null;

package/dist/components/slider.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Slider as SliderPrimitive } from "radix-ui";
+import * as SliderPrimitive from "radix-ui/slider";
 declare const sliderLabels: {
     min: string;
     max: string;

package/dist/components/slider.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Slider as SliderPrimitive } from "radix-ui";
+import * as SliderPrimitive from "radix-ui/slider";
 import { cn } from "../lib/cn.js";
 import { mergeIds } from "../lib/compose-refs.js";
 import { FieldContextReset, useFieldContext } from "../lib/field-context.js";
@@ -36,7 +36,7 @@ const snap = (n, min, step) => {
  * <Slider defaultValue={[60]} marks={[0, 25, 50, 75, 100]} aria-label="Deal probability" />
  * ```
  */
-export const Slider = React.forwardRef(function Slider({ value: valueProp, defaultValue, onValueChange, onValueCommit, min = 0, max = 100, step = 1, marks, formatValue, formatOptions, showValue = "hover", withInputs, size = "md", thumbLabels, name, names, invalid, readOnly, required, disabled, labels, id, className, orientation = "horizontal", "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": describedBy, ...props }, ref) {
+export const Slider = /*#__PURE__*/ React.forwardRef(function Slider({ value: valueProp, defaultValue, onValueChange, onValueCommit, min = 0, max = 100, step = 1, marks, formatValue, formatOptions, showValue = "hover", withInputs, size = "md", thumbLabels, name, names, invalid, readOnly, required, disabled, labels, id, className, orientation = "horizontal", "aria-label": ariaLabel, "aria-labelledby": labelledBy, "aria-describedby": describedBy, ...props }, ref) {
     const field = useFieldContext();
     const t = useLabels("slider", sliderLabels, labels);
     const f = useFormat();

package/dist/components/slug-input.js

@@ -39,7 +39,7 @@ const slugLabels = {
  * <SlugInput variant="permalink" source={title} prefix="https://vamos.ist/blog/" />
  * ```
  */
-export const SlugInput = React.forwardRef(function SlugInput(props, forwardedRef) {
+export const SlugInput = /*#__PURE__*/ React.forwardRef(function SlugInput(props, forwardedRef) {
     const { value, defaultValue, onValueChange, source, locked: lockedProp, defaultLocked, onLockedChange, prefix, maxLength = 80, locale: localeProp, validate, suggestUnique, validateDelay = 350, variant = "field", href, size, name, id, disabled, invalid, placeholder, labels, className, "aria-label": ariaLabel, "aria-describedby": describedByProp, ...rest } = props;
     const { locale: providerLocale } = useLocale();
     const locale = localeProp ?? providerLocale;

package/dist/components/sparkline.js

@@ -14,7 +14,7 @@ const SIZES = { xs: [64, 20], sm: [96, 32], md: [160, 40] };
  * <Sparkline values={weekly} variant="bars" size="xs" domain={[0, 120]} label={sparklineSummary(weekly)} />
  * ```
  */
-export const Sparkline = React.forwardRef(function Sparkline({ values, variant = "line", size = "sm", width, height, color, strokeWidth = 1.6, showLast, showMinMax, reference, domain, label, className, style, ...props }, ref) {
+export const Sparkline = /*#__PURE__*/ React.forwardRef(function Sparkline({ values, variant = "line", size = "sm", width, height, color, strokeWidth = 1.6, showLast, showMinMax, reference, domain, label, className, style, ...props }, ref) {
     const gradientId = `spark-${React.useId().replace(/:/g, "")}`;
     const fluid = width === "100%";
     const w = typeof width === "number" ? width : SIZES[size][0];

package/dist/components/spinner.js

@@ -4,7 +4,7 @@ import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 const SIZES = { xs: 12, sm: 16, md: 20, lg: 28 };
 const STROKE = { xs: 3, sm: 2.75, md: 2.5, lg: 2.25 };
-export const spinnerVariants = cva("ui-spinner inline-block shrink-0 align-middle", {
+export const spinnerVariants = /*#__PURE__*/ cva("ui-spinner inline-block shrink-0 align-middle", {
     variants: {
         tone: {
             /** Inherits the text colour — the default inside buttons. */
@@ -24,7 +24,7 @@ export const spinnerVariants = cva("ui-spinner inline-block shrink-0 align-middl
  * <Button loading>Save</Button>   // uses a decorative Spinner
  * ```
  */
-export const Spinner = React.forwardRef(function Spinner({ size = "sm", tone, label, delay, className, style, ...props }, ref) {
+export const Spinner = /*#__PURE__*/ React.forwardRef(function Spinner({ size = "sm", tone, label, delay, className, style, ...props }, ref) {
     const px = typeof size === "number" ? size : SIZES[size];
     const stroke = typeof size === "number" ? (size <= 14 ? 3 : size >= 26 ? 2.25 : 2.5) : STROKE[size];
     const svg = (_jsxs("svg", { ref: ref, "data-slot": "spinner", viewBox: "0 0 24 24", width: px, height: px, fill: "none", "aria-hidden": true, focusable: "false", className: cn(spinnerVariants({ tone }), delay ? "ui-spinner-delayed" : undefined, className), style: delay ? { ...style, "--spinner-delay": `${delay}ms` } : style, ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "9.25", stroke: "currentColor", strokeOpacity: 0.18, strokeWidth: stroke }), _jsx("circle", { className: "ui-spinner-arc", cx: "12", cy: "12", r: "9.25", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", transform: "rotate(-90 12 12)" })] }));

package/dist/components/stat.js

@@ -10,7 +10,7 @@ import { Sparkline, sparklineDirection } from "./sparkline.js";
 /* ------------------------------------------------------------------ */
 /* Delta                                                                */
 /* ------------------------------------------------------------------ */
-const deltaVariants = cva("inline-flex shrink-0 items-center gap-0.5 whitespace-nowrap font-medium leading-none [&_svg]:shrink-0", {
+const deltaVariants = /*#__PURE__*/ cva("inline-flex shrink-0 items-center gap-0.5 whitespace-nowrap font-medium leading-none [&_svg]:shrink-0", {
     variants: {
         variant: {
             text: "text-xs [&_svg]:size-3.5",
@@ -34,7 +34,7 @@ const deltaVariants = cva("inline-flex shrink-0 items-center gap-0.5 whitespace-
  * <Delta value={1250} kind="currency" variant="badge" />
  * ```
  */
-export const Delta = React.forwardRef(function Delta({ value, kind = "percent", currency, intent = "higher-is-better", variant, precision, srLabel, comparison, labels, className, ...props }, ref) {
+export const Delta = /*#__PURE__*/ React.forwardRef(function Delta({ value, kind = "percent", currency, intent = "higher-is-better", variant, precision, srLabel, comparison, labels, className, ...props }, ref) {
     const has = typeof value === "number" && Number.isFinite(value);
     const dir = has ? Math.sign(value) : 0;
     const good = intent === "neutral" || dir === 0 ? 0 : intent === "higher-is-better" ? dir : -dir;
@@ -45,7 +45,7 @@ export const Delta = React.forwardRef(function Delta({ value, kind = "percent",
 /* ------------------------------------------------------------------ */
 /* Stat parts                                                           */
 /* ------------------------------------------------------------------ */
-const statVariants = cva("group/stat relative grid min-w-0 grid-cols-[minmax(0,1fr)_auto] content-start items-start gap-x-3 [grid-template-areas:'label_delta'_'value_trend'_'target_target'_'foot_foot']" +
+const statVariants = /*#__PURE__*/ cva("group/stat relative grid min-w-0 grid-cols-[minmax(0,1fr)_auto] content-start items-start gap-x-3 [grid-template-areas:'label_delta'_'value_trend'_'target_target'_'foot_foot']" +
     // without a sparkline the value may use the full width (a wide delta must not squeeze "$3,815,400.00")
     " [&:not(:has([data-slot=stat-trend]))_[data-slot=stat-value]]:[grid-column:1/-1]", {
     variants: {
@@ -74,7 +74,7 @@ const statVariants = cva("group/stat relative grid min-w-0 grid-cols-[minmax(0,1
  *
  * Compose for custom layouts: `<Stat><StatLabel/><StatValue/><StatDelta/><StatTrend/><StatFooter/></Stat>`.
  */
-export const Stat = React.forwardRef(function Stat({ label, value, format, delta, deltaKind = "percent", deltaVariant, intent = "higher-is-better", comparison, trend, trendVariant = "line", target, icon: Icon, href, loading, error, errorAction, variant = "card", size = "md", labels, className, children, ...props }, ref) {
+export const Stat = /*#__PURE__*/ React.forwardRef(function Stat({ label, value, format, delta, deltaKind = "percent", deltaVariant, intent = "higher-is-better", comparison, trend, trendVariant = "line", target, icon: Icon, href, loading, error, errorAction, variant = "card", size = "md", labels, className, children, ...props }, ref) {
     const trendId = React.useId();
     const dir = trend ? sparklineDirection(trend) : 0;
     const good = intent === "neutral" || dir === 0 ? 0 : intent === "higher-is-better" ? dir : -dir;
@@ -125,6 +125,6 @@ const columnClasses = {
  * A responsive row of Stats. Columns follow the container width, not the viewport, so the same
  * row works in a page, a sheet or a dashboard widget.
  */
-export const StatGroup = React.forwardRef(function StatGroup({ columns = 4, variant = "cards", className, children, ...props }, ref) {
+export const StatGroup = /*#__PURE__*/ React.forwardRef(function StatGroup({ columns = 4, variant = "cards", className, children, ...props }, ref) {
     return (_jsx("div", { ref: ref, "data-slot": "stat-group", className: cn("@container", className), ...props, children: _jsx("div", { className: cn("grid grid-cols-1", columnClasses[columns], variant === "cards" ? "gap-(--gap)" : "surface overflow-hidden rounded-ui-lg [&>*]:shadow-[-1px_-1px_0_0_var(--line)]"), children: children }) }));
 });

package/dist/components/status-picker.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 { Select as SelectPrimitive } from "radix-ui";
+import * as SelectPrimitive from "radix-ui/select";
 import { Check, ChevronDown } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { useFieldControl } from "../lib/field-context.js";
@@ -83,7 +83,7 @@ export function StatusBadge({ status, size = "md", className }) {
  *   confirm={(s) => s.value === "rejected" && { title: "Reject request?", requireNote: true, tone: "danger" }} />
  * ```
  */
-export const StatusPicker = React.forwardRef(function StatusPicker({ statuses, value: valueProp, defaultValue, onValueChange, transitions, confirm, onError, trigger = "badge", groupByCategory, name, size = "md", disabled: disabledProp, readOnly: readOnlyProp, loading, fieldLabel, labels, className, ...rest }, ref) {
+export const StatusPicker = /*#__PURE__*/ React.forwardRef(function StatusPicker({ statuses, value: valueProp, defaultValue, onValueChange, transitions, confirm, onError, trigger = "badge", groupByCategory, name, size = "md", disabled: disabledProp, readOnly: readOnlyProp, loading, fieldLabel, labels, className, ...rest }, ref) {
     const t = useLabels("statusPicker", statusPickerLabels, labels);
     const control = useFieldControl({
         id: rest.id,

package/dist/components/stepper.js

@@ -41,7 +41,7 @@ export function StepIndicator({ status, number, icon, loading, size = "md", clas
  * An ordered list; the current step has `aria-current="step"` and every step's name includes its
  * position and status ("Step 2 of 4, Map columns, current").
  */
-export const Stepper = React.forwardRef(function Stepper({ value, onValueChange, navigable = "completed", orientation = "horizontal", variant = "numbered", size = "md", steps: stepsProp, loading, responsive = true, labels, className, children, "aria-label": ariaLabel, ...props }, ref) {
+export const Stepper = /*#__PURE__*/ React.forwardRef(function Stepper({ value, onValueChange, navigable = "completed", orientation = "horizontal", variant = "numbered", size = "md", steps: stepsProp, loading, responsive = true, labels, className, children, "aria-label": ariaLabel, ...props }, ref) {
     const t = useLabels("stepper", stepperLabels, labels);
     const raw = stepsProp ??
         React.Children.toArray(children)

package/dist/components/switch.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Switch as SwitchPrimitive } from "radix-ui";
+import * as SwitchPrimitive from "radix-ui/switch";
 export declare const switchVariants: (props?: ({
     size?: "sm" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/switch.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Switch as SwitchPrimitive } from "radix-ui";
+import * as SwitchPrimitive from "radix-ui/switch";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { mergeIds } from "../lib/compose-refs.js";
 import { useFieldControl } from "../lib/field-context.js";
 import { useControllableState } from "../lib/use-controllable-state.js";
 import { Spinner } from "./spinner.js";
-export const switchVariants = cva([
+export const switchVariants = /*#__PURE__*/ cva([
     "group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent p-[2px] outline-none",
     "bg-track transition-[background-color,box-shadow] duration-200",
     "data-[state=unchecked]:hover:bg-[color-mix(in_srgb,var(--track),var(--fg)_9%)]",
@@ -36,7 +36,7 @@ export const switchVariants = cva([
  * <Switch size="sm" checked={active} onCheckedChange={save} loading={saving} aria-label="Active" />
  * ```
  */
-export const Switch = React.forwardRef(function Switch(rawProps, ref) {
+export const Switch = /*#__PURE__*/ React.forwardRef(function Switch(rawProps, ref) {
     const { checked: checkedProp, defaultChecked, onCheckedChange, label, description, labelPosition = "end", size = "md", loading, invalid, className, controlClassName, style, ...rest } = rawProps;
     const control = useFieldControl({ ...rest, "aria-invalid": invalid ? true : rest["aria-invalid"] });
     const { readOnly, required, ...controlProps } = control;

package/dist/components/table.js

@@ -9,7 +9,7 @@ const alignClass = { start: "text-start", center: "text-center", end: "text-end"
  * Scroll wrapper for a Table: horizontal (and optional vertical) scrolling with soft edge fades
  * that show there is more content. It is a focusable, named region so keyboard users can scroll.
  */
-export const TableContainer = React.forwardRef(function TableContainer({ className, maxHeight, style, ...props }, ref) {
+export const TableContainer = /*#__PURE__*/ React.forwardRef(function TableContainer({ className, maxHeight, style, ...props }, ref) {
     return (_jsx("div", { ref: ref, role: "region", tabIndex: 0, "data-slot": "table-container", className: cn("ui-table-scroll relative w-full overflow-auto overscroll-x-contain rounded-[inherit] focus-ring", className), style: maxHeight ? { maxHeight, ...style } : style, ...props }));
 });
 /**
@@ -26,7 +26,7 @@ export const TableContainer = React.forwardRef(function TableContainer({ classNa
  * </TableContainer>
  * ```
  */
-export const Table = React.forwardRef(function Table({ className, density = "inherit", striped, hover = true, bordered = "rows", stickyHeader, stickyFirstColumn, layout = "auto", children, ...props }, ref) {
+export const Table = /*#__PURE__*/ React.forwardRef(function Table({ className, density = "inherit", striped, hover = true, bordered = "rows", stickyHeader, stickyFirstColumn, layout = "auto", children, ...props }, ref) {
     if (process.env.NODE_ENV !== "production" && !props["aria-label"] && !props["aria-labelledby"]) {
         const hasCaption = React.Children.toArray(children).some((c) => React.isValidElement(c) && c.type === TableCaption);
         if (!hasCaption)
@@ -35,38 +35,38 @@ export const Table = React.forwardRef(function Table({ className, density = "inh
     return (_jsx("table", { ref: ref, "data-slot": "table", "data-density": density === "inherit" ? undefined : density, "data-striped": striped ? "" : undefined, "data-hover": hover ? "" : undefined, "data-bordered": bordered, "data-sticky-header": stickyHeader ? "" : undefined, "data-sticky-column": stickyFirstColumn ? "" : undefined, className: cn("ui-table w-full caption-bottom border-separate border-spacing-0 text-[13px] text-fg", layout === "fixed" && "table-fixed", className), ...props, children: children }));
 });
 /** Names the table. Visible under the table by default; `visuallyHidden` keeps it for screen readers. */
-export const TableCaption = React.forwardRef(function TableCaption({ className, visuallyHidden, side = "bottom", ...props }, ref) {
+export const TableCaption = /*#__PURE__*/ React.forwardRef(function TableCaption({ className, visuallyHidden, side = "bottom", ...props }, ref) {
     return (_jsx("caption", { ref: ref, "data-slot": "table-caption", className: cn(visuallyHidden ? "sr-only" : "px-(--cell-px) py-3 text-start text-xs text-fg-subtle", side === "top" && "caption-top pt-0", className), ...props }));
 });
-export const TableHeader = React.forwardRef(function TableHeader({ className, ...props }, ref) {
+export const TableHeader = /*#__PURE__*/ React.forwardRef(function TableHeader({ className, ...props }, ref) {
     return _jsx("thead", { ref: ref, "data-slot": "table-header", className: className, ...props });
 });
-export const TableBody = React.forwardRef(function TableBody({ className, ...props }, ref) {
+export const TableBody = /*#__PURE__*/ React.forwardRef(function TableBody({ className, ...props }, ref) {
     return _jsx("tbody", { ref: ref, "data-slot": "table-body", className: className, ...props });
 });
-export const TableFooter = React.forwardRef(function TableFooter({ className, ...props }, ref) {
+export const TableFooter = /*#__PURE__*/ React.forwardRef(function TableFooter({ className, ...props }, ref) {
     return _jsx("tfoot", { ref: ref, "data-slot": "table-footer", className: cn("font-medium", className), ...props });
 });
-export const TableRow = React.forwardRef(function TableRow({ className, selected, disabled, highlighted, ...props }, ref) {
+export const TableRow = /*#__PURE__*/ React.forwardRef(function TableRow({ className, selected, disabled, highlighted, ...props }, ref) {
     return (_jsx("tr", { ref: ref, "data-slot": "table-row", "data-state": selected ? "selected" : undefined, "data-disabled": disabled ? "" : undefined, "data-highlighted": highlighted ? "" : undefined, "aria-selected": selected === undefined ? undefined : selected, "aria-disabled": disabled || undefined, className: className, ...props }));
 });
 /**
  * Column header (`<th scope="col">`). With `onSort` the label becomes a button and the cell
  * gets `aria-sort`.
  */
-export const TableHead = React.forwardRef(function TableHead({ className, align, numeric, sort, onSort, scope = "col", children, ...props }, ref) {
+export const TableHead = /*#__PURE__*/ React.forwardRef(function TableHead({ className, align, numeric, sort, onSort, scope = "col", children, ...props }, ref) {
     const a = align ?? (numeric ? "end" : "start");
     const sortable = sort !== undefined || onSort !== undefined;
     const SortIcon = sort === "asc" ? ArrowUp : sort === "desc" ? ArrowDown : ChevronsUpDown;
     return (_jsx("th", { ref: ref, scope: scope, "data-slot": "table-head", "data-numeric": numeric ? "" : undefined, "aria-sort": sortable ? (sort === "asc" ? "ascending" : sort === "desc" ? "descending" : "none") : undefined, className: cn("h-[calc(var(--row-h)*0.78)] px-(--cell-px) align-middle text-xs font-medium whitespace-nowrap text-fg-muted", alignClass[a], className), ...props, children: sortable ? (_jsxs("button", { type: "button", onClick: onSort, "data-sorted": sort ? "" : undefined, className: cn("-mx-1.5 inline-flex items-center gap-1 rounded-ui-sm px-1.5 py-1 font-medium transition-colors hover:bg-hover hover:text-fg focus-ring data-sorted:text-fg", a === "end" && "flex-row-reverse"), children: [children, _jsx(SortIcon, { "aria-hidden": true, className: cn("size-3.5 shrink-0", sort ? "text-fg" : "text-fg-subtle") })] })) : (children) }));
 });
-export const TableCell = React.forwardRef(function TableCell({ className, align, numeric, truncate, rowHeader, children, ...props }, ref) {
+export const TableCell = /*#__PURE__*/ React.forwardRef(function TableCell({ className, align, numeric, truncate, rowHeader, children, ...props }, ref) {
     const a = align ?? (numeric ? "end" : "start");
     const Comp = rowHeader ? "th" : "td";
     const clamp = typeof truncate === "number" && truncate > 1;
     return (_jsx(Comp, { ref: ref, ...(rowHeader ? { scope: "row" } : {}), "data-slot": "table-cell", "data-numeric": numeric ? "" : undefined, className: cn("h-(--row-h) px-(--cell-px) py-2 align-middle", alignClass[a], numeric && "font-mono text-[12.5px] whitespace-nowrap tabular", rowHeader && "font-medium", truncate === true || truncate === 1 ? "max-w-0 truncate" : null, className), ...props, children: clamp ? (_jsx("span", { className: "line-clamp-(--lines)", style: { ["--lines"]: truncate }, children: children })) : (children) }));
 });
 /** A single full-width row for an empty table body. */
-export const TableEmpty = React.forwardRef(function TableEmpty({ colSpan, icon, title, description, className, children, ...props }, ref) {
+export const TableEmpty = /*#__PURE__*/ React.forwardRef(function TableEmpty({ colSpan, icon, title, description, className, children, ...props }, ref) {
     return (_jsx("tr", { ref: ref, "data-slot": "table-empty", className: className, ...props, children: _jsx("td", { colSpan: colSpan, className: "px-(--cell-px) py-8", children: _jsx(EmptyState, { kind: "no-results", size: "sm", icon: icon, title: title ?? _jsx(DataLabel, { ns: "table", id: "empty" }), description: description, actions: children }) }) }));
 });

package/dist/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Tabs as RadixTabs } from "radix-ui";
+import * as RadixTabs from "radix-ui/tabs";
 import { type VariantProps } from "class-variance-authority";
 import { type BadgeProps } from "./badge.js";
 export declare const tabsListVariants: (props?: ({

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Tabs as RadixTabs } from "radix-ui";
+import * as RadixTabs from "radix-ui/tabs";
 import { cva } from "class-variance-authority";
 import { cn } from "../lib/cn.js";
 import { useControllableState } from "../lib/use-controllable-state.js";
@@ -12,7 +12,7 @@ import { Badge } from "./badge.js";
 /* ------------------------------------------------------------------ */
 /* Variants (shared by Radix tabs and link tabs)                       */
 /* ------------------------------------------------------------------ */
-export const tabsListVariants = cva("relative flex min-w-max", {
+export const tabsListVariants = /*#__PURE__*/ cva("relative flex min-w-max", {
     variants: {
         variant: {
             /** Pages and records: hairline rule with an accent underline on the selected tab. */
@@ -26,7 +26,7 @@ export const tabsListVariants = cva("relative flex min-w-max", {
     },
     defaultVariants: { variant: "underline" },
 });
-export const tabsTriggerVariants = cva([
+export const tabsTriggerVariants = /*#__PURE__*/ cva([
     "group/tab relative inline-flex shrink-0 select-none items-center gap-2 whitespace-nowrap font-medium text-fg-muted outline-none",
     "transition-[color,background-color,box-shadow] duration-150 focus-ring",
     "hover:text-fg data-selected:text-fg",
@@ -60,8 +60,8 @@ export const tabsTriggerVariants = cva([
     ],
     defaultVariants: { variant: "underline", size: "md" },
 });
-const TabsContext = React.createContext({ value: "", orientation: "horizontal" });
-const TabsListContext = React.createContext({ variant: "underline", size: "md" });
+const TabsContext = /*#__PURE__*/ React.createContext({ value: "", orientation: "horizontal" });
+const TabsListContext = /*#__PURE__*/ React.createContext({ variant: "underline", size: "md" });
 /**
  * Switches between views of the same context (WAI-ARIA Tabs: arrows, Home/End).
  * Inactive panels unmount by default; pass `forceMount` on a `TabsContent` to keep it.
@@ -79,13 +79,13 @@ const TabsListContext = React.createContext({ variant: "underline", size: "md" }
  * `activationMode="manual"` for heavy panels (focus moves with arrows, Enter/Space selects).
  * For route-based tabs use `TabsLinkList` — that is navigation, not the Tabs pattern.
  */
-export const Tabs = React.forwardRef(function Tabs({ value: valueProp, defaultValue, onValueChange, orientation = "horizontal", className, ...props }, ref) {
+export const Tabs = /*#__PURE__*/ React.forwardRef(function Tabs({ value: valueProp, defaultValue, onValueChange, orientation = "horizontal", className, ...props }, ref) {
     const [value, setValue] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? "", onChange: onValueChange, name: "Tabs" });
     const ctx = React.useMemo(() => ({ value, orientation }), [value, orientation]);
     return (_jsx(TabsContext.Provider, { value: ctx, children: _jsx(RadixTabs.Root, { ref: ref, "data-slot": "tabs", value: value, onValueChange: setValue, orientation: orientation, className: cn("flex flex-col gap-4 data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-6", className), ...props }) }));
 });
 /** The row (or column) of tab triggers. */
-export const TabsList = React.forwardRef(function TabsList({ variant = "underline", size = "md", fill, overflow = "scroll", className, children, ...props }, ref) {
+export const TabsList = /*#__PURE__*/ React.forwardRef(function TabsList({ variant = "underline", size = "md", fill, overflow = "scroll", className, children, ...props }, ref) {
     const { value, orientation } = React.useContext(TabsContext);
     const scrollRef = React.useRef(null);
     const scrolls = overflow === "scroll" && orientation === "horizontal" && !fill;
@@ -109,7 +109,7 @@ export const TabsList = React.forwardRef(function TabsList({ variant = "underlin
     return (_jsx(TabsListContext.Provider, { value: ctx, children: scrolls ? (_jsx("div", { ref: scrollRef, "data-slot": "tabs-scroller", "data-edge-fade": "x", className: "min-w-0 scrollbar-none overflow-x-auto overscroll-x-contain", children: list })) : (list) }));
 });
 /** One tab. `value` must match a `TabsContent`. */
-export const TabsTrigger = React.forwardRef(function TabsTrigger({ value, icon, count, badgeTone, className, children, ...props }, ref) {
+export const TabsTrigger = /*#__PURE__*/ React.forwardRef(function TabsTrigger({ value, icon, count, badgeTone, className, children, ...props }, ref) {
     const { variant, size } = React.useContext(TabsListContext);
     const selected = React.useContext(TabsContext).value === value;
     // Tabs used as a filter (no TabsContent) would point aria-controls at a panel that never
@@ -134,7 +134,7 @@ function TabContent({ icon, count, badgeTone, children }) {
     return (_jsxs(_Fragment, { children: [icon ? (_jsx("span", { "aria-hidden": true, className: "inline-flex text-fg-subtle transition-colors group-hover/tab:text-fg-muted group-data-selected/tab:text-current", children: icon })) : null, _jsx("span", { className: "truncate", children: children }), count !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "sr-only", children: ", " }), _jsx(Badge, { count: count, tone: badgeTone ?? "neutral", className: "-me-0.5" })] })) : null] }));
 }
 /** The panel for one tab. Unmounted while inactive unless `forceMount`. */
-export const TabsContent = React.forwardRef(function TabsContent({ className, ...props }, ref) {
+export const TabsContent = /*#__PURE__*/ React.forwardRef(function TabsContent({ className, ...props }, ref) {
     return _jsx(RadixTabs.Content, { ref: ref, "data-slot": "tabs-content", className: cn("min-w-0 flex-1 rounded-ui outline-none focus-ring", className), ...props });
 });
 /**
@@ -149,7 +149,7 @@ export const TabsContent = React.forwardRef(function TabsContent({ className, ..
  * </TabsLinkList>
  * ```
  */
-export const TabsLinkList = React.forwardRef(function TabsLinkList({ variant = "underline", size = "md", fill, orientation = "horizontal", overflow = "scroll", className, children, ...props }, ref) {
+export const TabsLinkList = /*#__PURE__*/ React.forwardRef(function TabsLinkList({ variant = "underline", size = "md", fill, orientation = "horizontal", overflow = "scroll", className, children, ...props }, ref) {
     const scrollRef = React.useRef(null);
     const composed = useComposedRefs(ref, scrollRef);
     const scrolls = overflow === "scroll" && orientation === "horizontal" && !fill;
@@ -164,7 +164,7 @@ export const TabsLinkList = React.forwardRef(function TabsLinkList({ variant = "
     return (_jsx(TabsListContext.Provider, { value: ctx, children: _jsx("nav", { ref: composed, "data-slot": "tabs-link-list", "data-edge-fade": scrolls ? "x" : undefined, className: cn(scrolls && "min-w-0 scrollbar-none overflow-x-auto overscroll-x-contain", className), ...props, children: _jsx("div", { "data-orientation": orientation, "data-variant": variant, className: tabsListVariants({ variant, fill }), children: React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, { "data-orientation": orientation }) : child) }) }) }));
 });
 /** One route tab. Renders the app's `Link`. */
-export const TabsLink = React.forwardRef(function TabsLink({ href, active, exact, icon, count, badgeTone, disabled, className, children, ...props }, ref) {
+export const TabsLink = /*#__PURE__*/ React.forwardRef(function TabsLink({ href, active, exact, icon, count, badgeTone, disabled, className, children, ...props }, ref) {
     const Link = useLink();
     const { isActive } = useNavigation();
     const { variant, size } = React.useContext(TabsListContext);

package/dist/components/tag-input.js

@@ -40,7 +40,7 @@ const PASTE_SPLIT = /[,;\n\r\t]+/;
  * <TagInput validate={(v) => /^\S+@\S+\.\S+$/.test(v) || "Not an email address"} />
  * ```
  */
-export const TagInput = React.forwardRef(function TagInput(props, forwardedRef) {
+export const TagInput = /*#__PURE__*/ React.forwardRef(function TagInput(props, forwardedRef) {
     const { value: valueProp, defaultValue, onValueChange, suggestions, allowCustom = true, delimiters = ["Enter", "Tab", ","], max, maxLength, validate, transform = defaultTransform, dedupe = "fold", tagTone, addOnBlur = false, name: nameProp, placeholder, size = "md", variant = "default", invalid, className, labels, } = props;
     const t = useLabels("tagInput", tagInputLabels, labels);
     const { locale } = useLocale();

package/dist/components/task-list.js

@@ -55,7 +55,7 @@ function applyDone(items, overrides) {
  * <TaskList variant="checklist" items={prePublish} onToggle={toggle} />
  * ```
  */
-export const TaskList = React.forwardRef(function TaskList({ items, onToggle, onAdd, onEdit, onRemove, onReorder, title, hideCompleted: hideProp, defaultHideCompleted = false, onHideCompletedChange, showProgress = true, sortCompleted, variant = "list", today, readOnly, labels, className, ...props }, ref) {
+export const TaskList = /*#__PURE__*/ React.forwardRef(function TaskList({ items, onToggle, onAdd, onEdit, onRemove, onReorder, title, hideCompleted: hideProp, defaultHideCompleted = false, onHideCompletedChange, showProgress = true, sortCompleted, variant = "list", today, readOnly, labels, className, ...props }, ref) {
     const t = useLabels("taskList", taskListLabels, labels);
     const f = useFormat();
     const { timeZone } = useLocale();

package/dist/components/time-picker.js

@@ -51,7 +51,7 @@ export function isTimeOutOfRange(value, opts) {
  * <Field label="Start"><TimeInput value={time} onValueChange={setTime} /></Field>
  * ```
  */
-export const TimeInput = React.forwardRef(function TimeInput(rawProps, ref) {
+export const TimeInput = /*#__PURE__*/ React.forwardRef(function TimeInput(rawProps, ref) {
     const field = useFieldContext();
     const { value: valueProp, defaultValue, onValueChange, hourCycle: hourCycleProp, step = 1, seconds = false, min, max, disabledTimes, name, size = "md", variant = "default", invalid, icon, trailing, className, labels, onBlur, ...rest } = rawProps;
     const props = useFieldControl({ ...rest, name, "aria-invalid": invalid ? true : rest["aria-invalid"] });
@@ -308,7 +308,7 @@ export const TimeInput = React.forwardRef(function TimeInput(rawProps, ref) {
  * <TimePicker value={time} onValueChange={setTime} slots step={30} min="09:00" max="18:00" />
  * ```
  */
-export const TimePicker = React.forwardRef(function TimePicker({ slots = false, step = 15, slotRange, open: openProp, onOpenChange, value: valueProp, defaultValue, onValueChange, labels, ...props }, ref) {
+export const TimePicker = /*#__PURE__*/ React.forwardRef(function TimePicker({ slots = false, step = 15, slotRange, open: openProp, onOpenChange, value: valueProp, defaultValue, onValueChange, labels, ...props }, ref) {
     const t = useLabels("timePicker", timePickerLabels, labels);
     const { locale } = useLocale();
     const [value, setValue] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? null, onChange: onValueChange, name: "TimePicker" });
@@ -383,7 +383,7 @@ export function timeRangeMinutes(range, overnight = false) {
  * Start and end time with a duration hint (shift start/end, opening hours). The end must be after
  * the start unless `overnight` is set.
  */
-export const TimeRangePicker = React.forwardRef(function TimeRangePicker({ value: valueProp, defaultValue, onValueChange, overnight = false, showDuration = true, nameStart, nameEnd, labels, className, size = "md", ...props }, ref) {
+export const TimeRangePicker = /*#__PURE__*/ React.forwardRef(function TimeRangePicker({ value: valueProp, defaultValue, onValueChange, overnight = false, showDuration = true, nameStart, nameEnd, labels, className, size = "md", ...props }, ref) {
     const t = useLabels("timePicker", timePickerLabels, labels);
     const [value, setValue] = useControllableState({ value: valueProp, defaultValue: defaultValue ?? { start: null, end: null }, onChange: onValueChange, name: "TimeRangePicker" });
     const minutes = timeRangeMinutes(value, overnight);

package/dist/components/toggle.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import { Toggle as TogglePrimitive, ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import * as TogglePrimitive from "radix-ui/toggle";
+import * as ToggleGroupPrimitive from "radix-ui/toggle-group";
 export declare const toggleVariants: (props?: ({
     variant?: "outline" | "ghost" | "segmented" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;