@marktiderman/genesis-ui 1.3.0 → 2.0.0

package/dist/components/patterns/status-badge.d.ts

@@ -0,0 +1,38 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { status } from '@marktiderman/genesis-design-system/tokens';
+
+/**
+ * The domain status vocabulary `StatusBadge` understands. A `Pick` (not a
+ * hand-copied literal union) of `@marktiderman/genesis-design-system`'s
+ * `status` tokens, so removing/renaming one of these keys upstream breaks
+ * this file's typecheck instead of silently drifting.
+ */
+type StatusBadgeStatus = keyof Pick<typeof status, "onTrack" | "atRisk" | "offTrack" | "done" | "blocked" | "inProgress">;
+declare const statusBadgeVariants: (props?: ({
+    status?: "done" | "onTrack" | "atRisk" | "offTrack" | "blocked" | "inProgress" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> {
+    /** Which status to render. Drives the tint via `statusBadgeVariants`. */
+    status: StatusBadgeStatus;
+}
+/**
+ * Status-specific badge for progress/health states — the EOS/OKR-style
+ * "on track / at risk / off track" goal vocabulary plus common
+ * task-lifecycle states ("done", "blocked", "in progress").
+ *
+ * `Badge` answers "what color is this badge"; `StatusBadge` answers "what
+ * does this business status look like as a badge" — it owns the
+ * status → semantic-token mapping so consumers pass a status name instead
+ * of hand-rolling their own `status-to-color` lookup (the pattern this
+ * component exists to retire). Colors are token-driven — the same
+ * `bg-success` / `bg-warning` / `bg-destructive` / `bg-info` semantic
+ * Tailwind families `Badge` already uses, backed by
+ * `@marktiderman/genesis-design-system`'s `status` tokens — no raw hex here.
+ *
+ * @stability Beta
+ */
+declare function StatusBadge({ className, status, ...props }: StatusBadgeProps): react_jsx_runtime.JSX.Element;
+
+export { StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, statusBadgeVariants };

package/dist/components/patterns/status-badge.js

@@ -0,0 +1,4 @@
+export { StatusBadge, statusBadgeVariants } from '../../chunk-XMK3T4TA.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=status-badge.js.map
+//# sourceMappingURL=status-badge.js.map

package/dist/components/patterns/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"status-badge.js"}

package/dist/components/patterns/toggle-row.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ToggleRowProps {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    /** Switch/label `id`. Auto-generated via `useId` when omitted. */
+    id?: string;
+    className?: string;
+    /**
+     * Stable test/automation selector for the **Switch** — emitted as
+     * `data-testid` on the control itself, since that is the node automation
+     * has to click to toggle. Use `rowTestID` to select the surrounding row.
+     */
+    testID?: string;
+    /** Stable test/automation selector for the row wrapper. */
+    rowTestID?: string;
+}
+/**
+ * ToggleRow — `SettingsRow` pre-wired with a `Switch`: the common
+ * label+description+on/off row for settings and preferences UI.
+ *
+ * Both halves of the row's text are wired to the control: the label via
+ * `id`/`htmlFor`, and the description via `aria-describedby`, so a screen
+ * reader focusing the switch hears the constraint ("this will notify all team
+ * members") rather than skipping it.
+ *
+ * @stability Beta
+ */
+declare function ToggleRow({ label, description, checked, defaultChecked, onCheckedChange, disabled, id, className, testID, rowTestID, }: ToggleRowProps): react_jsx_runtime.JSX.Element;
+
+export { ToggleRow, type ToggleRowProps };

package/dist/components/patterns/toggle-row.js

@@ -0,0 +1,8 @@
+export { ToggleRow } from '../../chunk-6M4NHHKG.js';
+import '../../chunk-A7AHVDG7.js';
+import '../../chunk-27ELYTGE.js';
+import '../../chunk-R7QFP6EL.js';
+import '../../chunk-F47U5KNW.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=toggle-row.js.map
+//# sourceMappingURL=toggle-row.js.map

package/dist/components/patterns/toggle-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"toggle-row.js"}

package/dist/components/patterns/user-avatar.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const userAvatarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface UserAvatarProps extends VariantProps<typeof userAvatarVariants> {
+    /** Full display name. Source for the computed initials fallback and the accessible name. */
+    name: string;
+    /** Image URL. Omit — or let it fail to load — to show the initials fallback. */
+    src?: string | null;
+    className?: string;
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * UserAvatar — canonical user-identity avatar. Shows the person's photo when
+ * `src` is set and loads successfully; otherwise (including a failed image
+ * load — Radix's Avatar swaps to the fallback automatically) it falls back
+ * to initials computed from `name`. Wraps the lower-level
+ * `Avatar`/`AvatarImage`/`AvatarFallback` primitives so call sites stop
+ * hand-rolling initials logic per-usage.
+ *
+ * The root carries `role="img"` + `aria-label={name}` so the person's full name
+ * is the accessible name on BOTH paths — without it the fallback route renders
+ * a bare `span`, a generic element whose author-supplied label AT may ignore,
+ * announcing only the visible initials ("AL").
+ *
+ * @stability Beta
+ */
+declare function UserAvatar({ name, src, size, className, testID }: UserAvatarProps): react_jsx_runtime.JSX.Element;
+
+export { UserAvatar, type UserAvatarProps, userAvatarVariants };

package/dist/components/patterns/user-avatar.js

@@ -0,0 +1,5 @@
+export { UserAvatar, userAvatarVariants } from '../../chunk-XBX6QMR5.js';
+import '../../chunk-LNFF2RBD.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=user-avatar.js.map
+//# sourceMappingURL=user-avatar.js.map

package/dist/components/patterns/user-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"user-avatar.js"}

package/dist/components/ui/accessible-icon.d.ts

@@ -0,0 +1,48 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface AccessibleIconProps {
+    /**
+     * The icon element. It is marked `aria-hidden` and given `focusable="false"`
+     * so assistive technology reads `label` once instead of announcing the SVG's
+     * own title, or nothing at all.
+     */
+    children: React.ReactNode;
+    /**
+     * The accessible name for the icon — visually hidden, announced to screen
+     * readers, exactly like `alt` on an `<img>`. Required, because an icon with
+     * no label is the failure this component exists to prevent.
+     */
+    label: string;
+}
+/**
+ * AccessibleIcon — gives a decorative icon an accessible name.
+ *
+ * The pattern for every icon-only control: hide the glyph from assistive tech
+ * and put a real, visually-hidden string next to it. Done by hand this is
+ * three easily-forgotten steps (`aria-hidden` on the SVG, `focusable="false"`
+ * for IE/Edge-era SVG focus behavior, a `VisuallyHidden` sibling), and getting
+ * one wrong produces a control announced as "button" with no name — which
+ * looks completely fine on screen.
+ *
+ * Note the shape: this renders no host element of its own. It clones the child
+ * and appends the hidden label, so there is no DOM node to attach a `ref` or a
+ * `className` to and, deliberately, no `forwardRef` here — unlike every other
+ * primitive in this folder. Style the icon or the surrounding control instead.
+ *
+ * ```tsx
+ * <Button size="icon">
+ *   <AccessibleIcon label="Delete item">
+ *     <TrashIcon />
+ *   </AccessibleIcon>
+ * </Button>
+ * ```
+ *
+ * @stability Beta
+ */
+declare function AccessibleIcon({ children, label }: AccessibleIconProps): react_jsx_runtime.JSX.Element;
+declare namespace AccessibleIcon {
+    var displayName: string;
+}
+
+export { AccessibleIcon, type AccessibleIconProps };

package/dist/components/ui/accessible-icon.js

@@ -0,0 +1,3 @@
+export { AccessibleIcon } from '../../chunk-JAMLFMDS.js';
+//# sourceMappingURL=accessible-icon.js.map
+//# sourceMappingURL=accessible-icon.js.map

package/dist/components/ui/accessible-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"accessible-icon.js"}

package/dist/components/ui/accordion.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { Accordion as Accordion$1 } from 'radix-ui';
 
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React.ForwardRefExoticComponent<(Accordion$1.AccordionSingleProps | Accordion$1.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<Accordion$1.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<Accordion$1.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<Accordion$1.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/ui/accordion.js

@@ -1,4 +1,4 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../chunk-5J7BP5DI.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../../chunk-YWFPMND7.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=accordion.js.map
 //# sourceMappingURL=accordion.js.map

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

@@ -1,17 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
 
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialog: React.FC<AlertDialog$1.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialog$1.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 declare const AlertDialogFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert-dialog.js

@@ -1,4 +1,4 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-QBZMY2AF.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-M62CHO3N.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=alert-dialog.js.map
 //# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import { AspectRatio as AspectRatio$1 } from 'radix-ui';
 
-declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatio$1.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
 
 export { AspectRatio };

package/dist/components/ui/aspect-ratio.js

@@ -1,3 +1,3 @@
-export { AspectRatio } from '../../chunk-WALXVR6V.js';
+export { AspectRatio } from '../../chunk-6Q6CLLJ4.js';
 //# sourceMappingURL=aspect-ratio.js.map
 //# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/avatar.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { Avatar as Avatar$1 } from 'radix-ui';
 
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Avatar: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/avatar.js

@@ -1,4 +1,4 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-C6H7AMO4.js';
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-LNFF2RBD.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=avatar.js.map
 //# sourceMappingURL=avatar.js.map

package/dist/components/ui/button.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -7,17 +6,83 @@ declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    ref?: React.Ref<HTMLButtonElement>;
-    /** When true, renders a spinner + disables the button (aria-busy). */
+/** Props shared by both the `<button>` and the `asChild` rendering modes. */
+interface ButtonOwnProps extends VariantProps<typeof buttonVariants> {
+    /**
+     * Marks the control busy: renders a spinner in the leading slot and makes
+     * the control inert (see `disabled`). In `asChild` mode the spinner is not
+     * injected — there is no button chrome to put it in — but the control is
+     * still made inert, so a "loading" link can't be activated mid-flight.
+     */
     loading?: boolean;
-    /** Optional leading icon slot (replaced by the spinner while loading). */
+    /** Optional leading icon slot (replaced by the spinner while loading). Ignored when `asChild`. */
     startIcon?: React.ReactNode;
-    /** Optional trailing icon slot. */
+    /** Optional trailing icon slot. Ignored when `asChild`. */
     endIcon?: React.ReactNode;
     /** Stable test/automation selector (emitted as `data-testid`). */
     testID?: string;
+    /**
+     * Makes the control inert. On a real `<button>` this is the native
+     * `disabled` attribute; in `asChild` mode it becomes `aria-disabled` plus
+     * activation blocking, because `disabled` is a button-only attribute that
+     * anchors and router links ignore entirely. See `asChild`.
+     */
+    disabled?: boolean;
+}
+/**
+ * Button rendered as a real `<button>` (the default).
+ *
+ * Kept as an interface extending `ButtonHTMLAttributes<HTMLButtonElement>` so
+ * it stays back-compatible for consumers that `extend` it. `asChild` is typed
+ * `false` here (not `boolean`) purely so the two overloads below discriminate
+ * cleanly — pass `asChild` as a literal, not a computed boolean.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonOwnProps {
+    ref?: React.Ref<HTMLButtonElement>;
+    asChild?: false;
+}
+/**
+ * Button composed onto a caller-supplied child element via Radix `Slot`
+ * instead of rendering a `<button>` — put Button's styling on an `<a>`,
+ * router `Link`, or any other element without an extra wrapper node. The
+ * child becomes the real DOM node Button's props land on, so it must accept
+ * (and forward) a `ref` and spread props — the same contract as every other
+ * Radix `asChild` consumer (`PopoverTrigger`, `DropdownMenuTrigger`, ...),
+ * and it must be exactly ONE element (Radix `Slot` throws otherwise).
+ *
+ * Ref and event handlers are typed against `HTMLElement` rather than
+ * `HTMLButtonElement` here, because that is what Slot actually forwards them
+ * to — this is what lets an anchor ref be passed, and what stops a handler
+ * from reaching button-only properties (`.form`, ...) on what is really an
+ * anchor at runtime.
+ *
+ * `disabled` (and `loading`) become `aria-disabled` + activation blocking
+ * rather than the button-only `disabled` attribute. Known limitation: Radix
+ * `Slot` composes handlers child-first, so if the CHILD carries its own
+ * `onClick`/`onKeyDown`, that handler still runs before Button's guard. The
+ * default action (following an href) is still prevented, and in a real
+ * browser `pointer-events-none` stops the mouse path from firing at all —
+ * but don't rely on a disabled asChild Button to suppress side effects the
+ * child itself schedules on click.
+ */
+interface ButtonAsChildProps extends React.HTMLAttributes<HTMLElement>, ButtonOwnProps {
+    ref?: React.Ref<HTMLElement>;
+    asChild: true;
 }
-declare function Button({ className, variant, size, ref, loading, startIcon, endIcon, disabled, type, children, testID, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+/**
+ * Button — primary interactive control. Variants: default, secondary,
+ * outline, ghost, destructive, link.
+ *
+ * Overloaded on `asChild`: see {@link ButtonProps} for the default
+ * `<button>` mode and {@link ButtonAsChildProps} for Slot composition. The
+ * `ButtonProps` signature is declared LAST on purpose —
+ * `React.ComponentProps<typeof Button>` infers from the final call
+ * signature, so reordering these two silently changes what that resolves to
+ * for every consumer.
+ *
+ * @stability Stable
+ */
+declare function Button(props: ButtonAsChildProps): React.ReactElement;
+declare function Button(props: ButtonProps): React.ReactElement;
 
-export { Button, type ButtonProps, buttonVariants };
+export { Button, type ButtonAsChildProps, type ButtonProps, buttonVariants };

package/dist/components/ui/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../../chunk-ZJFSZFPI.js';
+export { Button, buttonVariants } from '../../chunk-NWSCYLPT.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=button.js.map
 //# sourceMappingURL=button.js.map

package/dist/components/ui/calendar.js

@@ -1,5 +1,5 @@
-export { Calendar, CalendarDayButton } from '../../chunk-44TULYGG.js';
-import '../../chunk-ZJFSZFPI.js';
+export { Calendar, CalendarDayButton } from '../../chunk-J6FBA7PH.js';
+import '../../chunk-NWSCYLPT.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=calendar.js.map
 //# sourceMappingURL=calendar.js.map

package/dist/components/ui/carousel.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import { Button } from './button.js';
+import { ButtonProps } from './button.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 
@@ -18,7 +18,8 @@ type CarouselProps = {
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+type CarouselControlProps = Omit<ButtonProps, "asChild">;
+declare function CarouselPrevious({ className, variant, size, ...props }: CarouselControlProps): react_jsx_runtime.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: CarouselControlProps): react_jsx_runtime.JSX.Element;
 
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/components/ui/carousel.js

@@ -1,5 +1,5 @@
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../../chunk-AUECDWP2.js';
-import '../../chunk-ZJFSZFPI.js';
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '../../chunk-AOZGQM6W.js';
+import '../../chunk-NWSCYLPT.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=carousel.js.map
 //# sourceMappingURL=carousel.js.map

package/dist/components/ui/checkbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
 
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<Checkbox$1.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Checkbox };

package/dist/components/ui/checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox } from '../../chunk-WZWR2ELB.js';
+export { Checkbox } from '../../chunk-SEBU6JCK.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=checkbox.js.map
 //# sourceMappingURL=checkbox.js.map

package/dist/components/ui/collapsible.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Collapsible as Collapsible$1 } from 'radix-ui';
 
-declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Collapsible: React.ForwardRefExoticComponent<Collapsible$1.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Collapsible$1.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Collapsible$1.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/collapsible.js

@@ -1,3 +1,3 @@
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-KBS4BHME.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-B2GIBUQD.js';
 //# sourceMappingURL=collapsible.js.map
 //# sourceMappingURL=collapsible.js.map

package/dist/components/ui/command-palette.js

@@ -1,6 +1,6 @@
-export { CommandPalette, useCommandPaletteHotkey } from '../../chunk-A2OXCNNY.js';
-import '../../chunk-7OBL3H5P.js';
-import '../../chunk-YZEA5TGK.js';
+export { CommandPalette, useCommandPaletteHotkey } from '../../chunk-CNTWQSUT.js';
+import '../../chunk-SEFK4NZV.js';
+import '../../chunk-7XMZVISM.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=command-palette.js.map
 //# sourceMappingURL=command-palette.js.map

package/dist/components/ui/command.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { DialogProps } from '@radix-ui/react-dialog';
+import { Dialog } from 'radix-ui';
 
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
@@ -8,7 +8,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -19,14 +19,14 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     disablePointerSelection?: boolean;
     vimBindings?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface CommandDialogProps extends DialogProps {
+interface CommandDialogProps extends Dialog.DialogProps {
 }
 declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
 declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -36,7 +36,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -45,14 +45,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -61,7 +61,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -70,7 +70,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
+}, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "onSelect" | "value"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/ui/command.js

@@ -1,5 +1,5 @@
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../../chunk-7OBL3H5P.js';
-import '../../chunk-YZEA5TGK.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../../chunk-SEFK4NZV.js';
+import '../../chunk-7XMZVISM.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=command.js.map
 //# sourceMappingURL=command.js.map