@sole-ui/react 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+    overlayClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dialog.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { XIcon } from 'lucide-react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+import { Button } from './button.js';
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+const DialogTrigger = React.forwardRef((props, ref) => _jsx(DialogPrimitive.Trigger, { ref: ref, "data-slot": "dialog-trigger", ...props }));
+DialogTrigger.displayName = 'DialogTrigger';
+function DialogPortal({ ...props }) {
+    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+const DialogClose = React.forwardRef((props, ref) => _jsx(DialogPrimitive.Close, { ref: ref, "data-slot": "dialog-close", ...props }));
+DialogClose.displayName = 'DialogClose';
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, "data-slot": "dialog-overlay", className: cn('fixed inset-0 z-50 bg-black/30 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0', className), ...props })));
+DialogOverlay.displayName = 'DialogOverlay';
+// Dialogs sit a little above the middle of the window, their centre at 38% of its
+// height, as every dialog in hq/design/screens does. The height cap keeps the top edge
+// at least 16px down on a short window; a taller dialog scrolls inside itself.
+const DialogContent = React.forwardRef(({ className, overlayClassName, children, showCloseButton = true, ...props }, ref) => (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, { className: overlayClassName }), _jsxs(DialogPrimitive.Content, { ref: ref, "data-slot": "dialog-content", className: cn('fixed top-[38%] left-[50%] z-50 grid max-h-[calc(76dvh-32px)] w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-y-auto rounded-2xl border bg-popover p-5 text-popover-foreground shadow-lg duration-200 ease-rise outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 max-w-[400px]', className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "absolute top-3.5 right-3.5 inline-flex size-7 items-center justify-center rounded-md text-subtle-foreground transition-colors duration-[120ms] hover:bg-sidebar-hover hover:text-foreground focus-visible:shadow-[var(--focus-ring)] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] })));
+DialogContent.displayName = 'DialogContent';
+const DialogHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "dialog-header", className: cn('flex flex-col gap-1 pr-8 text-left', className), ...props })));
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = React.forwardRef(({ className, showCloseButton = false, children, ...props }, ref) => (_jsxs("div", { ref: ref, "data-slot": "dialog-footer", className: cn('flex flex-row justify-end gap-2', className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }))] })));
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, "data-slot": "dialog-title", className: cn('text-title', className), ...props })));
+DialogTitle.displayName = 'DialogTitle';
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, "data-slot": "dialog-description", className: cn('text-body text-muted-foreground', className), ...props })));
+DialogDescription.displayName = 'DialogDescription';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The Radix menu drawn with the Sole menu parts (components/pickers/menu.tsx, 60.3, 90.1):
+// a 10px radius, 32px items, a 14px icon, 11px labels, red danger items.
+import * as React from 'react';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+function DropdownMenu({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+const DropdownMenuTrigger = React.forwardRef((props, ref) => _jsx(DropdownMenuPrimitive.Trigger, { ref: ref, "data-slot": "dropdown-menu-trigger", ...props }));
+DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn('z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[200px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-[10px] border bg-popover p-[3px] text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', className), ...props }) })));
+DropdownMenuContent.displayName = 'DropdownMenuContent';
+const DropdownMenuGroup = React.forwardRef((props, ref) => _jsx(DropdownMenuPrimitive.Group, { ref: ref, "data-slot": "dropdown-menu-group", ...props }));
+DropdownMenuGroup.displayName = 'DropdownMenuGroup';
+const DropdownMenuItem = React.forwardRef(({ className, inset, variant = 'default', ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex h-8 cursor-default items-center gap-2.5 rounded-md px-2 text-body text-foreground outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-danger-text data-[variant=destructive]:focus:bg-danger-soft data-[variant=destructive]:focus:text-danger-text [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 [&_svg:not([class*='text-'])]:text-muted-foreground focus:[&_svg:not([class*='text-'])]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className), ...props })));
+DropdownMenuItem.displayName = 'DropdownMenuItem';
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, "data-slot": "dropdown-menu-checkbox-item", className: cn("relative flex h-8 cursor-default items-center gap-2.5 rounded-md pr-2 pl-8 text-body text-foreground outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] })));
+DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
+const DropdownMenuRadioGroup = React.forwardRef((props, ref) => _jsx(DropdownMenuPrimitive.RadioGroup, { ref: ref, "data-slot": "dropdown-menu-radio-group", ...props }));
+DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, "data-slot": "dropdown-menu-radio-item", className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-body outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] })));
+DropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('h-6 px-2 pt-1 text-micro text-subtle-foreground data-[inset]:pl-8', className), ...props })));
+DropdownMenuLabel.displayName = 'DropdownMenuLabel';
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", className: cn('my-1 h-px bg-border', className), ...props })));
+DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
+const DropdownMenuShortcut = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, "data-slot": "dropdown-menu-shortcut", className: cn('ml-auto pl-3 text-label font-normal text-subtle-foreground tnum', className), ...props })));
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
+function DropdownMenuSub({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-body outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] })));
+DropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, "data-slot": "dropdown-menu-sub-content", className: cn('z-50 min-w-[200px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-[10px] border bg-popover p-[3px] text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', className), ...props })));
+DropdownMenuSubContent.displayName = 'DropdownMenuSubContent';
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

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

@@ -0,0 +1,23 @@
+export * from './alert-dialog.tsx';
+export * from './badge.tsx';
+export * from './button.tsx';
+export * from './calendar.tsx';
+export * from './checkbox.tsx';
+export * from './command.tsx';
+export * from './dialog.tsx';
+export * from './dropdown-menu.tsx';
+export * from './input.tsx';
+export * from './label.tsx';
+export * from './popover.tsx';
+export * from './scroll-area.tsx';
+export * from './select.tsx';
+export * from './separator.tsx';
+export * from './sheet.tsx';
+export * from './skeleton.tsx';
+export * from './sonner.tsx';
+export * from './switch.tsx';
+export * from './tabs.tsx';
+export * from './textarea.tsx';
+export * from './toggle-group.tsx';
+export * from './toggle.tsx';
+export * from './tooltip.tsx';

package/dist/components/ui/index.js

@@ -0,0 +1,23 @@
+export * from './alert-dialog.js';
+export * from './badge.js';
+export * from './button.js';
+export * from './calendar.js';
+export * from './checkbox.js';
+export * from './command.js';
+export * from './dialog.js';
+export * from './dropdown-menu.js';
+export * from './input.js';
+export * from './label.js';
+export * from './popover.js';
+export * from './scroll-area.js';
+export * from './select.js';
+export * from './separator.js';
+export * from './sheet.js';
+export * from './skeleton.js';
+export * from './sonner.js';
+export * from './switch.js';
+export * from './tabs.js';
+export * from './textarea.js';
+export * from './toggle-group.js';
+export * from './toggle.js';
+export * from './tooltip.js';

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/ui/input.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/cn.js';
+const Input = React.forwardRef(function Input({ className, type, ...props }, ref) {
+    return (_jsx("input", { ref: ref, type: type, "data-slot": "input", className: cn('h-8 w-full min-w-0 rounded-md border border-input bg-field px-2.5 py-1 text-body transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-body file:font-medium file:text-foreground placeholder:text-subtle-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50', 'focus-visible:border-ring focus-visible:shadow-[var(--focus-ring)]', 
+        // Invalid: the red border (10.2, 10.4). With focus it keeps the red and trades the
+        // blue halo for a faint red one, so the focus still shows without mixing colours.
+        'aria-invalid:border-destructive aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:shadow-[0_0_0_3px_color-mix(in_srgb,var(--destructive)_14%,transparent)]', className), ...props }));
+});
+Input.displayName = 'Input';
+export { Input };

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Label as LabelPrimitive } from 'radix-ui';
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label };

package/dist/components/ui/label.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Label as LabelPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+const Label = React.forwardRef(function Label({ className, ...props }, ref) {
+    return (_jsx(LabelPrimitive.Root, { ref: ref, "data-slot": "label", className: cn('flex items-center gap-2 text-body leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
+});
+Label.displayName = 'Label';
+export { Label };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Popover as PopoverPrimitive } from 'radix-ui';
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription };

package/dist/components/ui/popover.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+const PopoverTrigger = React.forwardRef((props, ref) => _jsx(PopoverPrimitive.Trigger, { ref: ref, "data-slot": "popover-trigger", ...props }));
+PopoverTrigger.displayName = 'PopoverTrigger';
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-lg border bg-popover p-4 text-popover-foreground shadow-lg outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', className), ...props }) })));
+PopoverContent.displayName = 'PopoverContent';
+const PopoverAnchor = React.forwardRef((props, ref) => _jsx(PopoverPrimitive.Anchor, { ref: ref, "data-slot": "popover-anchor", ...props }));
+PopoverAnchor.displayName = 'PopoverAnchor';
+const PopoverHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "popover-header", className: cn('flex flex-col gap-1 text-body', className), ...props })));
+PopoverHeader.displayName = 'PopoverHeader';
+// HQ typed this as an h2's props but rendered a div; the props now match the element.
+const PopoverTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "popover-title", className: cn('font-medium', className), ...props })));
+PopoverTitle.displayName = 'PopoverTitle';
+const PopoverDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, "data-slot": "popover-description", className: cn('text-muted-foreground', className), ...props })));
+PopoverDescription.displayName = 'PopoverDescription';
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription };

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+const ScrollArea = React.forwardRef(function ScrollArea({ className, children, ...props }, ref) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:shadow-[var(--focus-ring)] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+});
+ScrollArea.displayName = 'ScrollArea';
+const ScrollBar = React.forwardRef(function ScrollBar({ className, orientation = 'vertical', ...props }, ref) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { ref: ref, "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none', orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
+});
+ScrollBar.displayName = 'ScrollBar';
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Select as SelectPrimitive } from 'radix-ui';
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: 'sm' | 'default';
+} & 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 SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/ui/select.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';
+import { Select as SelectPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+const SelectGroup = React.forwardRef((props, ref) => _jsx(SelectPrimitive.Group, { ref: ref, "data-slot": "select-group", ...props }));
+SelectGroup.displayName = 'SelectGroup';
+const SelectValue = React.forwardRef((props, ref) => _jsx(SelectPrimitive.Value, { ref: ref, "data-slot": "select-value", ...props }));
+SelectValue.displayName = 'SelectValue';
+const SelectTrigger = React.forwardRef(({ className, size = 'default', children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, "data-slot": "select-trigger", "data-size": size, className: cn("flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-field px-2.5 py-2 text-body whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:shadow-[var(--focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-subtle-foreground data-[size=default]:h-8 data-[size=sm]:h-7 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] })));
+SelectTrigger.displayName = 'SelectTrigger';
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, "data-slot": "select-scroll-up-button", className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) })));
+SelectScrollUpButton.displayName = 'SelectScrollUpButton';
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, "data-slot": "select-scroll-down-button", className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) })));
+SelectScrollDownButton.displayName = 'SelectScrollDownButton';
+const SelectContent = React.forwardRef(({ className, children, position = 'item-aligned', align = 'center', ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, "data-slot": "select-content", className: cn('relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border bg-popover text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', position === 'popper' &&
+            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), position: position, align: align, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn('p-1', position === 'popper' &&
+                    'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1'), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = 'SelectContent';
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, "data-slot": "select-label", className: cn('px-2 py-1.5 text-label text-muted-foreground', className), ...props })));
+SelectLabel.displayName = 'SelectLabel';
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, "data-slot": "select-item", className: cn("relative flex w-full cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 text-body outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [_jsx("span", { "data-slot": "select-item-indicator", className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = 'SelectItem';
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, "data-slot": "select-separator", className: cn('pointer-events-none -mx-1 my-1 h-px bg-border', className), ...props })));
+SelectSeparator.displayName = 'SelectSeparator';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/components/ui/separator.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+const Separator = React.forwardRef(function Separator({ className, orientation = 'horizontal', decorative = true, ...props }, ref) {
+    return (_jsx(SeparatorPrimitive.Root, { ref: ref, "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn('shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px', className), ...props }));
+});
+Separator.displayName = 'Separator';
+export { Separator };

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Dialog as SheetPrimitive } from 'radix-ui';
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetContent: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/components/ui/sheet.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { XIcon } from 'lucide-react';
+import { Dialog as SheetPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+function Sheet({ ...props }) {
+    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+const SheetTrigger = React.forwardRef((props, ref) => _jsx(SheetPrimitive.Trigger, { ref: ref, "data-slot": "sheet-trigger", ...props }));
+SheetTrigger.displayName = 'SheetTrigger';
+const SheetClose = React.forwardRef((props, ref) => _jsx(SheetPrimitive.Close, { ref: ref, "data-slot": "sheet-close", ...props }));
+SheetClose.displayName = 'SheetClose';
+function SheetPortal({ ...props }) {
+    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+// The work item sheet leaves the board behind it undimmed (50.5-work-item-side-sheet),
+// so the overlay only catches the click that closes the sheet.
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Overlay, { ref: ref, "data-slot": "sheet-overlay", className: cn('fixed inset-0 z-50 bg-transparent data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0', className), ...props })));
+SheetOverlay.displayName = 'SheetOverlay';
+const SheetContent = React.forwardRef(({ className, children, side = 'right', showCloseButton = true, ...props }, ref) => (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { ref: ref, "data-slot": "sheet-content", className: cn('fixed z-50 flex flex-col gap-4 bg-card text-card-foreground shadow-lg transition ease-rise data-[state=closed]:animate-out data-[state=closed]:duration-150 data-[state=open]:animate-in data-[state=open]:duration-200', side === 'right' &&
+                'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right max-w-sm rounded-l-2xl', side === 'left' &&
+                'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left max-w-sm rounded-r-2xl', side === 'top' &&
+                'inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top', side === 'bottom' &&
+                'inset-x-0 bottom-0 h-auto rounded-t-2xl border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom', className), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { className: "absolute top-3 right-3 inline-flex size-8 items-center justify-center rounded-md text-subtle-foreground transition-colors duration-[120ms] hover:bg-sidebar-hover hover:text-foreground focus-visible:shadow-[var(--focus-ring)]", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] })));
+SheetContent.displayName = 'SheetContent';
+const SheetHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "sheet-header", className: cn('flex flex-col gap-1.5 p-4', className), ...props })));
+SheetHeader.displayName = 'SheetHeader';
+const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, "data-slot": "sheet-footer", className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props })));
+SheetFooter.displayName = 'SheetFooter';
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Title, { ref: ref, "data-slot": "sheet-title", className: cn('text-title text-foreground', className), ...props })));
+SheetTitle.displayName = 'SheetTitle';
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(SheetPrimitive.Description, { ref: ref, "data-slot": "sheet-description", className: cn('text-body text-muted-foreground', className), ...props })));
+SheetDescription.displayName = 'SheetDescription';
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Skeleton };

package/dist/components/ui/skeleton.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/cn.js';
+// Bars 12px tall, 4px corners, a 1.4s opacity pulse (brand-and-ux 5.15).
+const Skeleton = React.forwardRef(function Skeleton({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, "data-slot": "skeleton", "aria-hidden": "true", className: cn('h-3 animate-pulse rounded-sm bg-skeleton [animation-duration:1.4s]', className), ...props }));
+});
+Skeleton.displayName = 'Skeleton';
+export { Skeleton };

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

@@ -0,0 +1,5 @@
+import type { ToasterProps } from 'sonner';
+/** While mounted, toasts sit `bottom` px from the bottom and `right` px from the right. */
+export declare function useToastLift(bottom: number, right?: number): void;
+declare const Toaster: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<HTMLElement>>;
+export { Toaster };

package/dist/components/ui/sonner.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useSyncExternalStore } from 'react';
+import { CircleCheckIcon, CircleXIcon, InfoIcon, Loader2Icon, TriangleAlertIcon } from 'lucide-react';
+import { Toaster as Sonner } from 'sonner';
+const lifts = [];
+let currentLift = null;
+const liftListeners = new Set();
+function setLifts() {
+    currentLift = lifts.at(-1) ?? null;
+    for (const listen of liftListeners)
+        listen();
+}
+function subscribeLift(listener) {
+    liftListeners.add(listener);
+    return () => {
+        liftListeners.delete(listener);
+    };
+}
+const readLift = () => currentLift;
+/** Where toasts sit when no screen lifts them (90.6). */
+const EDGE = { top: 16, left: 16, bottom: 36, right: 24 };
+/** While mounted, toasts sit `bottom` px from the bottom and `right` px from the right. */
+export function useToastLift(bottom, right = EDGE.right) {
+    useEffect(() => {
+        const lift = { bottom, right };
+        lifts.push(lift);
+        setLifts();
+        return () => {
+            lifts.splice(lifts.indexOf(lift), 1);
+            setLifts();
+        };
+    }, [bottom, right]);
+}
+// `toast` is not exported here: the package re-exports sonner's own, so a consumer's calls
+// and this Toaster share one sonner instance.
+const Toaster = forwardRef(function Toaster({ ...props }, ref) {
+    const lift = useSyncExternalStore(subscribeLift, readLift, readLift);
+    return (_jsx(Sonner, { ref: ref, theme: "light", position: "bottom-right", offset: lift ? { ...EDGE, bottom: lift.bottom, right: lift.right } : EDGE, duration: 4000, className: "toaster group", icons: {
+            success: _jsx(CircleCheckIcon, { className: "size-4 text-success" }),
+            info: _jsx(InfoIcon, { className: "size-4 text-subtle-foreground" }),
+            warning: _jsx(TriangleAlertIcon, { className: "size-4 text-warning" }),
+            error: _jsx(CircleXIcon, { className: "size-4 text-destructive" }),
+            loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
+        }, toastOptions: {
+            classNames: {
+                toast: '!w-[360px] !max-w-[calc(100vw-32px)] !items-start !rounded-xl !border-border !bg-popover !py-[11px] !pr-3.5 !text-popover-foreground !shadow-lg !text-body',
+                icon: '!mt-0 !ml-[-2px] !mr-[3px]',
+                content: '!gap-px !pr-3.5',
+                title: '!text-body !leading-[17px] !font-semibold',
+                description: '!text-body !leading-4 !text-muted-foreground',
+                actionButton: '!-mt-1 !bg-transparent !px-0 !text-body !text-link !font-medium',
+            },
+        }, style: {
+            '--normal-bg': 'var(--popover)',
+            '--normal-text': 'var(--popover-foreground)',
+            '--normal-border': 'var(--border)',
+            '--border-radius': '12px',
+            '--width': '360px',
+        }, ...props }));
+});
+Toaster.displayName = 'Toaster';
+export { Toaster };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitive.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: 'sm' | 'default';
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/dist/components/ui/switch.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+const Switch = React.forwardRef(function Switch({ className, size = 'default', ...props }, ref) {
+    return (_jsx(SwitchPrimitive.Root, { ref: ref, "data-slot": "switch", "data-size": size, className: cn('peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:shadow-[var(--focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn('pointer-events-none block rounded-full bg-card ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0') }) }));
+});
+Switch.displayName = 'Switch';
+export { Switch };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/components/ui/tabs.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import { cn } from '../../lib/cn.js';
+// Sole tabs are an underline, not pills (brand-and-ux 5.14): 2px of --brand under the
+// active tab, a hairline under the whole list.
+const Tabs = React.forwardRef(function Tabs({ className, ...props }, ref) {
+    return _jsx(TabsPrimitive.Root, { ref: ref, "data-slot": "tabs", className: cn('flex flex-col gap-4', className), ...props });
+});
+Tabs.displayName = 'Tabs';
+const TabsList = React.forwardRef(function TabsList({ className, ...props }, ref) {
+    return (_jsx(TabsPrimitive.List, { ref: ref, "data-slot": "tabs-list", className: cn('flex h-9 w-full items-stretch gap-5 overflow-x-auto border-b border-border', className), ...props }));
+});
+TabsList.displayName = 'TabsList';
+const TabsTrigger = React.forwardRef(function TabsTrigger({ className, ...props }, ref) {
+    return (_jsx(TabsPrimitive.Trigger, { ref: ref, "data-slot": "tabs-trigger", className: cn("relative inline-flex shrink-0 items-center gap-1.5 px-0.5 text-body font-medium whitespace-nowrap text-muted-foreground transition-colors duration-[120ms] outline-none hover:text-foreground focus-visible:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 'after:absolute after:inset-x-0 after:-bottom-px after:h-0.5 after:rounded-full after:bg-brand after:opacity-0 after:transition-opacity data-[state=active]:after:opacity-100 focus-visible:after:opacity-60', className), ...props }));
+});
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsContent = React.forwardRef(function TabsContent({ className, ...props }, ref) {
+    return _jsx(TabsPrimitive.Content, { ref: ref, "data-slot": "tabs-content", className: cn('flex-1 outline-none', className), ...props });
+});
+TabsContent.displayName = 'TabsContent';
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/components/ui/textarea.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/cn.js';
+const Textarea = React.forwardRef(function Textarea({ className, ...props }, ref) {
+    return (_jsx("textarea", { ref: ref, "data-slot": "textarea", className: cn('flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-field px-2.5 py-2 text-body transition-[color,box-shadow] outline-none placeholder:text-subtle-foreground focus-visible:border-ring focus-visible:shadow-[var(--focus-ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20', className), ...props }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea };