@marktiderman/genesis-ui 1.3.0 → 2.1.0

package/dist/components/ui/password-toggle-field.d.ts

@@ -0,0 +1,120 @@
+import * as React from 'react';
+import { unstable_PasswordToggleField } from 'radix-ui';
+
+interface PasswordToggleFieldProps extends React.ComponentPropsWithoutRef<typeof unstable_PasswordToggleField.Root> {
+    /** Class names for the field wrapper (the positioned box, see below). */
+    className?: string;
+    /** Stable test/automation selector for the wrapper (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * PasswordToggleField — a password input with a show/hide control that keeps
+ * focus and caret position across the toggle.
+ *
+ * Composition:
+ *
+ * ```tsx
+ * <PasswordToggleField>
+ *   <PasswordToggleFieldInput placeholder="Password" />
+ *   <PasswordToggleFieldToggle>
+ *     <PasswordToggleFieldSlot visible={<EyeOff />} hidden={<Eye />} />
+ *   </PasswordToggleFieldToggle>
+ * </PasswordToggleField>
+ * ```
+ *
+ * Why Radix and not five lines of `useState` plus `type={shown ? "text" :
+ * "password"}`: the naive version loses the caret on every toggle, leaves the
+ * button unlabelled (or labelled with a state that never updates), and — the
+ * part nobody writes — leaves the password visible in the DOM after the form is
+ * submitted or reset. Radix resets visibility on both `submit` and `reset`,
+ * restores `selectionStart`/`selectionEnd` after the type swap, and derives the
+ * toggle's `aria-label` ("Show password" / "Hide password") from the current
+ * state unless the caller supplies text or a label of their own.
+ *
+ * Radix's own root is a **context provider with no DOM node of its own**, so
+ * this wrapper renders a `relative` box around the children. That box is
+ * load-bearing, not decoration: `PasswordToggleFieldToggle` is positioned
+ * `absolute`, and absolute positioning resolves against the nearest positioned
+ * ancestor. Without a wrapper the toggle would escape the field and land
+ * against whatever positioned ancestor the consumer's page happened to have —
+ * or the initial containing block, i.e. the page corner. The composition
+ * documented above would put the show/hide button nowhere near the input.
+ *
+ * ---
+ *
+ * **Stability.** Radix ships this primitive as `unstable_PasswordToggleField`
+ * and documents its API as subject to change; the underlying
+ * `@radix-ui/react-password-toggle-field` package is still on `0.1.x`. It is
+ * exported here under its stable-looking name for ergonomics, but it is the one
+ * component in this package whose props may change in a minor release. Pin the
+ * package if that is unacceptable, or compose `Input` + `Button` yourself.
+ *
+ * @stability Experimental
+ */
+declare function PasswordToggleField({ className, testID, children, ...props }: PasswordToggleFieldProps): React.JSX.Element;
+declare namespace PasswordToggleField {
+    var displayName: string;
+}
+interface PasswordToggleFieldInputProps extends React.ComponentPropsWithoutRef<typeof unstable_PasswordToggleField.Input> {
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * PasswordToggleFieldInput — the field itself.
+ *
+ * Styling matches `Input`, with right padding reserved for the toggle so the
+ * button never sits on top of the text. Radix owns `type`, which is why it is
+ * absent from the props: it is derived from the field's visibility state and
+ * a caller-supplied value would fight it.
+ *
+ * @stability Experimental
+ */
+declare const PasswordToggleFieldInput: React.ForwardRefExoticComponent<PasswordToggleFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+interface PasswordToggleFieldToggleProps extends React.ComponentPropsWithoutRef<typeof unstable_PasswordToggleField.Toggle> {
+    /** Stable test/automation selector (emitted as `data-testid`). */
+    testID?: string;
+}
+/**
+ * PasswordToggleFieldToggle — the show/hide button.
+ *
+ * Positioned `absolute` against the `relative` box that `PasswordToggleField`
+ * renders — which is why that box exists; see the root's docs. Keep this
+ * component inside a `PasswordToggleField`: positioning it against an
+ * arbitrary ancestor is not a supported arrangement.
+ *
+ * Its accessible name comes from Radix ("Show password" / "Hide password",
+ * following the current state) unless you provide inner text or an
+ * `aria-label`.
+ *
+ * @stability Experimental
+ */
+declare const PasswordToggleFieldToggle: React.ForwardRefExoticComponent<PasswordToggleFieldToggleProps & React.RefAttributes<HTMLButtonElement>>;
+type PasswordToggleFieldSlotProps = React.ComponentPropsWithoutRef<typeof unstable_PasswordToggleField.Slot>;
+/**
+ * PasswordToggleFieldSlot — renders one of two nodes depending on visibility.
+ *
+ * Takes either the declarative pair (`visible` / `hidden`) or a `render`
+ * callback receiving `{ visible }`. Unstyled by design: it is a switch, not a
+ * box, and wrapping it in an element would break the toggle's `[&_svg]` icon
+ * sizing.
+ *
+ * @stability Experimental
+ */
+declare function PasswordToggleFieldSlot(props: PasswordToggleFieldSlotProps): React.JSX.Element;
+declare namespace PasswordToggleFieldSlot {
+    var displayName: string;
+}
+interface PasswordToggleFieldIconProps extends React.ComponentPropsWithoutRef<typeof unstable_PasswordToggleField.Icon> {
+}
+/**
+ * PasswordToggleFieldIcon — the SVG-level variant of `PasswordToggleFieldSlot`.
+ *
+ * Swaps the icon's inner content while keeping ONE `<svg>` element mounted, so
+ * a CSS transition on the glyph survives the toggle instead of being restarted
+ * by a remount.
+ *
+ * @stability Experimental
+ */
+declare const PasswordToggleFieldIcon: React.ForwardRefExoticComponent<PasswordToggleFieldIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export { PasswordToggleField, PasswordToggleFieldIcon, type PasswordToggleFieldIconProps, PasswordToggleFieldInput, type PasswordToggleFieldInputProps, type PasswordToggleFieldProps, PasswordToggleFieldSlot, type PasswordToggleFieldSlotProps, PasswordToggleFieldToggle, type PasswordToggleFieldToggleProps };

package/dist/components/ui/password-toggle-field.js

@@ -0,0 +1,4 @@
+export { PasswordToggleField, PasswordToggleFieldIcon, PasswordToggleFieldInput, PasswordToggleFieldSlot, PasswordToggleFieldToggle } from '../../chunk-SRIT4NFQ.js';
+import '../../chunk-NZ5WBA4R.js';
+//# sourceMappingURL=password-toggle-field.js.map
+//# sourceMappingURL=password-toggle-field.js.map

package/dist/components/ui/password-toggle-field.js.map

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { Popover as Popover$1 } from 'radix-ui';
 
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: React.FC<Popover$1.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Popover$1.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Popover, PopoverContent, PopoverTrigger };

package/dist/components/ui/popover.js

@@ -1,4 +1,4 @@
-export { Popover, PopoverContent, PopoverTrigger } from '../../chunk-NJMO3VPA.js';
+export { Popover, PopoverContent, PopoverTrigger } from '../../chunk-22XB3Q6H.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=popover.js.map
 //# sourceMappingURL=popover.js.map

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

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
     value?: number;
 }
-declare function Progress({ className, value, ...props }: ProgressProps): react_jsx_runtime.JSX.Element;
+declare function Progress({ className, value, ...props }: ProgressProps): React.JSX.Element;
 
 export { Progress };

package/dist/components/ui/radio-group.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { RadioGroup as RadioGroup$1 } from 'radix-ui';
 
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroup$1.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroup$1.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group.js

@@ -1,4 +1,4 @@
-export { RadioGroup, RadioGroupItem } from '../../chunk-TKA4LOMT.js';
+export { RadioGroup, RadioGroupItem } from '../../chunk-ZZ7H7VVX.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=radio-group.js.map
 //# sourceMappingURL=radio-group.js.map

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
-declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLSpanElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLSpanElement | HTMLDivElement | HTMLObjectElement | HTMLLinkElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLFormElement | HTMLMapElement | HTMLDialogElement | HTMLImageElement | HTMLOptionElement | HTMLTableElement | HTMLTimeElement | HTMLAnchorElement | HTMLHeadingElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -22,6 +21,6 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
 } & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/components/ui/scroll-area.d.ts

@@ -1,9 +1,66 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { ScrollArea as ScrollArea$1 } from 'radix-ui';
 
-interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollArea$1.Root> {
+    /**
+     * Which axes get a scrollbar. `"vertical"` (the default) also clips
+     * horizontal overflow, `"horizontal"` clips vertical overflow, `"both"`
+     * scrolls either way — the same meaning the `overflow-*` utilities this
+     * replaced had, because Radix's viewport derives `overflow-x`/`overflow-y`
+     * from which scrollbars are mounted.
+     */
     orientation?: "vertical" | "horizontal" | "both";
+    /**
+     * Props for the inner viewport — the element that actually scrolls.
+     *
+     * The root that this component's `ref`, `className` and remaining props land
+     * on is `overflow: hidden`; scrolling happens one level in. `onScroll`,
+     * `onScrollCapture` and `nonce` are routed to the viewport automatically
+     * because they have no other correct destination. Anything else that must
+     * address the scroller specifically — a `ref` for programmatic `scrollTop`, a
+     * `tabIndex`, an `id`, `aria-*` — goes here. Values passed here win over the
+     * automatically routed ones.
+     */
+    viewportProps?: React.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>;
 }
-declare function ScrollArea({ className, orientation, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+/**
+ * ScrollArea — a scroll container with a consistent, styled scrollbar.
+ *
+ * Backed by Radix `ScrollArea`. The hand-rolled version was a single
+ * `overflow-auto` div plus a stack of `::-webkit-scrollbar` pseudo-element
+ * rules, which is a WebKit-only vocabulary: Firefox ignored every one of them
+ * and rendered the OS scrollbar instead, so the "design system scrollbar" was
+ * a Chrome/Safari-only promise. Radix hides the native scrollbar and renders a
+ * real element in its place, so the same thumb appears in every browser, can
+ * be dragged, and participates in the same hover/transition styling as the
+ * rest of the system.
+ *
+ * `type` defaults to `"auto"` — scrollbar present exactly while the content
+ * overflows — because that is what `overflow-auto` did. Radix's own default is
+ * `"hover"`; pass `type` explicitly for `"hover"`, `"always"` or `"scroll"`.
+ *
+ * NOTE ON PROP DESTINATIONS. This used to be one element; it is now a root plus
+ * an inner viewport, and the root does not scroll. Three props therefore have to
+ * be routed inward rather than spread onto the root with the rest, because for
+ * them the root is not merely a different element — it is an element on which
+ * they do nothing at all, silently:
+ *
+ *   - `onScroll` / `onScrollCapture` — `scroll` events do not bubble, so a
+ *     handler on the root would never fire once. Infinite-loading and
+ *     scroll-position UI would break with no error.
+ *   - `nonce` — Radix injects its scrollbar-hiding `<style>` from the viewport
+ *     and only reads a nonce given to that component. Under a strict
+ *     `style-src 'nonce-…'` policy the rule is blocked and the native scrollbar
+ *     shows up alongside the custom one.
+ *
+ * Everything else keeps landing on the root, which is the component's box and
+ * the right owner for `className`, `style`, `id`, `role`, `aria-*`, `data-*`
+ * and bubbling handlers. `viewportProps` is the escape hatch for the remainder
+ * — most importantly a `ref`, since `ref` on this component addresses the root
+ * and setting `scrollTop` there does nothing.
+ *
+ * @stability Stable
+ */
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
 
 export { ScrollArea };

package/dist/components/ui/scroll-area.js

@@ -1,4 +1,4 @@
-export { ScrollArea } from '../../chunk-OCTV3S4I.js';
+export { ScrollArea } from '../../chunk-6KHY647C.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=scroll-area.js.map
 //# sourceMappingURL=scroll-area.js.map

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import * as SelectPrimitive from '@radix-ui/react-select';
+import { Select as Select$1 } from 'radix-ui';
 
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Select: React.FC<Select$1.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<Select$1.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Select$1.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<Select$1.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<Select$1.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<Select$1.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<Select$1.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<Select$1.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue };

package/dist/components/ui/select.js

@@ -1,4 +1,4 @@
-export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from '../../chunk-2B3MFHBQ.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from '../../chunk-FK42ZGGV.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=select.js.map
 //# sourceMappingURL=select.js.map

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: "horizontal" | "vertical";
     decorative?: boolean;
 }
-declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
+declare function Separator({ className, orientation, decorative, ...props }: SeparatorProps): React.JSX.Element;
 
 export { Separator };

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

@@ -1,29 +1,30 @@
-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 * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Dialog } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
-declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
-declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Sheet: React.FC<Dialog.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<Dialog.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<Dialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog.Content>, VariantProps<typeof sheetVariants> {
+    /** Show the built-in top-right close affordance. Default true. Mirrors `DialogContent`'s `showCloseButton` — set false when a composing consumer (e.g. `DetailPanel`) renders its own close control. */
+    showCloseButton?: boolean;
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const SheetFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Dialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Dialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/ui/sheet.js

@@ -1,4 +1,4 @@
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-SCUT2ZCD.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-XCGZPFT7.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=sheet.js.map
 //# sourceMappingURL=sheet.js.map

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

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 
 export { Skeleton };

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
+import { Slider as Slider$1 } from 'radix-ui';
 
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
 export { Slider };

package/dist/components/ui/slider.js

@@ -1,4 +1,4 @@
-export { Slider } from '../../chunk-LRXDZBV2.js';
+export { Slider } from '../../chunk-PSR47JRA.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=slider.js.map
 //# sourceMappingURL=slider.js.map

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

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 
 type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-declare const Toaster: ({ className, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ className, ...props }: ToasterProps) => React.JSX.Element;
 
 export { Toaster };

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

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface SpinnerProps extends React.HTMLAttributes<SVGSVGElement> {
     size?: "sm" | "default" | "lg";
 }
-declare function Spinner({ className, size, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+declare function Spinner({ className, size, ...props }: SpinnerProps): React.JSX.Element;
 
 export { Spinner, type SpinnerProps };

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

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

package/dist/components/ui/switch.js

@@ -1,4 +1,4 @@
-export { Switch } from '../../chunk-2MXMWBDV.js';
+export { Switch } from '../../chunk-27ELYTGE.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=switch.js.map
 //# sourceMappingURL=switch.js.map

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

@@ -1,20 +1,35 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { Tabs as Tabs$1 } from 'radix-ui';
 
-interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+interface TabsProps extends React.ComponentPropsWithoutRef<typeof Tabs$1.Root> {
+    /**
+     * Required here even though Radix's own `defaultValue` is optional — that is
+     * the existing contract, and loosening it is a separate decision.
+     */
     defaultValue: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
 }
-declare function Tabs({ defaultValue, value: controlledValue, onValueChange: controlledOnValueChange, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-declare function TabsList({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-}
-declare function TabsTrigger({ className, value, ...props }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
-interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string;
-}
-declare function TabsContent({ className, value, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Tabs — a tablist and its panels.
+ *
+ * Backed by Radix `Tabs`. The hand-rolled version was a React context plus a
+ * row of plain `<button>`s: it tracked the selected value correctly and
+ * nothing else. Every keyboard and screen-reader affordance the WAI-ARIA tabs
+ * pattern asks for was missing — `role="tablist"`/`"tab"`/`"tabpanel"`, the
+ * `aria-selected` state, the `aria-controls`/`aria-labelledby` link between a
+ * tab and its panel, the roving `tabindex` that makes the whole tablist ONE
+ * tab stop instead of N, and Arrow/Home/End navigation between tabs. Radix
+ * supplies all of it, plus the selection state the old version already
+ * handled.
+ *
+ * One behavioural note worth knowing: Radix selects on `mousedown` rather than
+ * `click`. Pointer users see no difference, but a synthetic `fireEvent.click`
+ * on a trigger no longer changes tabs.
+ *
+ * @stability Stable
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<Tabs$1.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Tabs$1.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Tabs$1.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/ui/tabs.js

@@ -1,4 +1,4 @@
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-JJ4NOMMI.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-VXFYETRK.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

package/dist/components/ui/toggle-group.d.ts

@@ -1,13 +1,13 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import { ToggleGroup as ToggleGroup$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
-declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroup$1.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroup$1.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
-declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroup$1.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/toggle-group.js

@@ -1,5 +1,5 @@
-export { ToggleGroup, ToggleGroupItem } from '../../chunk-5Q4FABZQ.js';
-import '../../chunk-JXI2MYL3.js';
+export { ToggleGroup, ToggleGroupItem } from '../../chunk-NUXW6NPP.js';
+import '../../chunk-C46ITXE4.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=toggle-group.js.map
 //# sourceMappingURL=toggle-group.js.map

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

@@ -1,13 +1,13 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { Toggle as Toggle$1 } from 'radix-ui';
 import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+declare const Toggle: React.ForwardRefExoticComponent<Omit<Toggle$1.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/toggle.js

@@ -1,4 +1,4 @@
-export { Toggle, toggleVariants } from '../../chunk-JXI2MYL3.js';
+export { Toggle, toggleVariants } from '../../chunk-C46ITXE4.js';
 import '../../chunk-NZ5WBA4R.js';
 //# sourceMappingURL=toggle.js.map
 //# sourceMappingURL=toggle.js.map