@kortix/ui 0.14.3 → 0.14.5

package/dist/components/ui/command.js

@@ -1,135 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from 'cmdk';
-import { useUiStrings } from '../../providers/ui-provider.js';
-import * as React from 'react';
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from './dialog.js';
-import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
-import { cn } from '../../lib/utils.js';
-const CMDK_SHARED_CLASSES = [
-    '[&_[cmdk-group]]:px-1.5',
-    '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',
-].join(' ');
-/**
- * `data-nav` records which input moved the highlight last: `pointer` or
- * `keyboard`. `CommandItem` reads it to pick ONE highlight source.
- *
- * cmdk 0.2.1 selects a row on every `pointermove` through its store, so
- * `data-selected` moves only after React re-renders the whole list. In the ⌘K
- * palette that re-render trails the cursor: the row you left stays lit until
- * it lands, which reads as a hover transition. In pointer mode the row paints
- * from CSS `:hover` alone — the same instant highlight the sidebar session
- * rows use. Keyboard mode keeps `data-selected`, because arrow keys have no
- * `:hover` to follow.
- *
- * Written straight to the DOM node, not React state: a state update here would
- * re-render the list on every pointer move, which is the lag this removes.
- * cmdk calls a caller's `onKeyDown` before its own handler and spreads
- * `onPointerMove` onto the root, so both reach the same element.
- */
-function Command({ className, onKeyDown, onPointerMove, ...props }) {
-    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn('bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md', className), onKeyDown: (event) => {
-            event.currentTarget.dataset.nav = 'keyboard';
-            onKeyDown?.(event);
-        }, onPointerMove: (event) => {
-            if (event.pointerType === 'mouse' || event.pointerType === 'pen') {
-                event.currentTarget.dataset.nav = 'pointer';
-            }
-            onPointerMove?.(event);
-        }, ...props }));
-}
-function CommandDialog({ title, description, children, className, showCloseButton = true, ...props }) {
-    const strings = useUiStrings();
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title ?? strings.commandPaletteTitle }), _jsx(DialogDescription, { children: description ?? strings.commandPaletteDescription })] }), _jsx(DialogContent
-            // `data-[state=closed]:animate-none!` on the panel AND the overlay: the
-            // palette closes on the frame you dismiss it, with no exit animation.
-            // `DialogContent` and `DialogOverlay` both play a 200ms `animate-out`
-            // (fade, plus a zoom to 95% on the panel), and Radix Presence keeps the
-            // node mounted until `animationend` — so Escape, a selected command,
-            // or an outside click left the palette on screen for 200ms after it
-            // was done. With `animation-name: none`, Presence unmounts at once.
-            // `!` because tailwind-merge does not know `animate-out` (it comes from
-            // tw-animate-css) and keeps both classes; without it, the winner would
-            // be whichever utility Tailwind happens to emit last.
-            //
-            // `data-[state=open]:animate-none!` does the same for the way in. The
-            // stock 200ms fade + zoom from 95% made ⌘K — opened dozens of times a
-            // day, almost always from the keyboard — read as late and as growing
-            // out of the page. The palette now paints complete on the first frame.
-            , { 
-                // `data-[state=closed]:animate-none!` on the panel AND the overlay: the
-                // palette closes on the frame you dismiss it, with no exit animation.
-                // `DialogContent` and `DialogOverlay` both play a 200ms `animate-out`
-                // (fade, plus a zoom to 95% on the panel), and Radix Presence keeps the
-                // node mounted until `animationend` — so Escape, a selected command,
-                // or an outside click left the palette on screen for 200ms after it
-                // was done. With `animation-name: none`, Presence unmounts at once.
-                // `!` because tailwind-merge does not know `animate-out` (it comes from
-                // tw-animate-css) and keeps both classes; without it, the winner would
-                // be whichever utility Tailwind happens to emit last.
-                //
-                // `data-[state=open]:animate-none!` does the same for the way in. The
-                // stock 200ms fade + zoom from 95% made ⌘K — opened dozens of times a
-                // day, almost always from the keyboard — read as late and as growing
-                // out of the page. The palette now paints complete on the first frame.
-                className: cn('p-0 shadow-[0_0_50px_0] shadow-black/10 data-[state=open]:animate-none! data-[state=closed]:animate-none! border', className), hideCloseButton: !showCloseButton, overlayClassName: "bg-black/20 backdrop-blur-[1px] data-[state=open]:animate-none! data-[state=closed]:animate-none!", children: _jsx(Command, { loop: true, className: "[&_[cmdk-group-heading]]:text-muted-foreground bg-popover **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12", children: children }) })] }));
-}
-function CommandInput({ className, compact, leftElement, rightElement, ...props }) {
-    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: cn('border-border flex items-center border-b', compact ? 'h-11 gap-2.5 px-4' : 'h-10 gap-3 px-4'), children: [leftElement, _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn('placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50', compact ? 'h-11' : 'h-10', className), ...props }), rightElement] }));
-}
-function CommandList({ className, ...props }) {
-    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className), ...props }));
-}
-function CommandEmpty({ ...props }) {
-    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn('text-foreground [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-[13px] [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-normal', className), ...props }));
-}
-function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn('bg-border -mx-1 h-px', className), ...props }));
-}
-function CommandItem({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", 
-        // `hover:` mirrors the cmdk `data-[selected=true]` styling on purpose:
-        // cmdk paints its highlight from a JS pointermove -> select loop, and a
-        // page where anything swallows pointermove (observed on dev.kortix.com)
-        // renders NO hover feedback at all while clicks keep working. CSS :hover
-        // is driven by browser hit-testing, so the row under the cursor is
-        // always highlighted; when cmdk's pointer selection works the two states
-        // coincide on the same row.
-        //
-        // `data-[selected=true]` is scoped to NOT pointer mode (`data-nav` on the
-        // `Command` root — see there). With a mouse, `:hover` is the only
-        // highlight, so it follows the cursor on the frame it moves instead of
-        // waiting for cmdk's re-render. With the keyboard, `data-selected` is.
-        // A caller that restyles the selected row must write the same
-        // `[&:not([data-nav=pointer]_*)]:data-[selected=true]:` prefix, so
-        // tailwind-merge replaces this class instead of stacking a second one.
-        className: cn(
-        // `bg-hover`: the fill of a project sidebar session row on hover.
-        // That row paints `--card` on the canvas; in light mode `--hover`
-        // (ink @ 4.5%) over the white popover blends to the same #f3f3f3–
-        // #f4f4f4. `bg-card` itself cannot be used here: dark-theme `--card`
-        // and `--accent` ARE `--popover` (all surface-1), so it would paint
-        // invisibly on this panel. `--hover` is translucent ink, so it reads
-        // on any surface in both themes. It replaced `bg-primary/10`, which
-        // read too dark next to the sidebar rows.
-        'hover:bg-hover hover:text-foreground transition-none', '[&:not([data-nav=pointer]_*)]:data-[selected=true]:bg-hover [&:not([data-nav=pointer]_*)]:data-[selected=true]:text-foreground', "[&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function CommandShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "command-shortcut", className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
-}
-function CommandFooter({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "command-footer", className: cn('text-muted-foreground flex items-center gap-4 border-t px-4 py-2 text-xs', className), ...props, children: children }));
-}
-function CommandPopover({ open, onOpenChange, children, modal = true, }) {
-    return (_jsx(Popover, { open: open, onOpenChange: onOpenChange, modal: modal, children: children }));
-}
-const CommandPopoverTrigger = React.forwardRef(function CommandPopoverTrigger({ children, ...props }, ref) {
-    return (_jsx(PopoverTrigger, { ref: ref, asChild: true, ...props, children: children }));
-});
-function CommandPopoverContent({ children, side = 'top', align = 'start', sideOffset = 8, className, shouldFilter = false, defaultValue, }) {
-    return (_jsx(PopoverContent, { side: side, align: align, sideOffset: sideOffset, className: cn('bg-sidebar text-sidebar-foreground hover:text-foreground relative w-[300px] overflow-hidden rounded-lg border p-0 shadow-xs ease-out', 'border-border', 'data-[state=closed]:duration-[140ms] data-[state=open]:duration-[180ms]', 'data-[state=open]:zoom-in-[0.97] data-[state=closed]:zoom-out-[0.97]', '[&_[data-slot=command-input-wrapper]]:h-9 [&_[data-slot=command-input-wrapper]]:gap-2 [&_[data-slot=command-input-wrapper]]:px-3', '[&_[data-slot=command-input]]:h-9 [&_[data-slot=command-input]]:text-sm', '[&_[data-slot=command-list]]:py-0', '[&_[data-slot=command-group]]:py-1', '[&_[cmdk-group-heading]]:!px-2 [&_[cmdk-group-heading]]:!pt-2 [&_[cmdk-group-heading]]:!pb-1 [&_[cmdk-group-heading]]:!text-xs [&_[cmdk-group-heading]]:!tracking-[0.12em]', className), children: _jsx(Command, { shouldFilter: shouldFilter, defaultValue: defaultValue, className: CMDK_SHARED_CLASSES, children: children }) }));
-}
-export { Command, CommandDialog, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandPopover, CommandPopoverContent, CommandPopoverTrigger, CommandSeparator, CommandShortcut, };

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

@@ -1,30 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Reusable confirmation dialog — used for delete, destructive actions, etc.
- *
- * <ConfirmDialog
- *   open={open}
- *   onOpenChange={setOpen}
- *   title="Delete task"
- *   description="This will permanently delete the task and all comments."
- *   confirmLabel="Delete"
- *   onConfirm={() => deleteMutation.mutate(id)}
- *   isPending={deleteMutation.isPending}
- *   destructive
- * />
- */
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from './alert-dialog.js';
-import { buttonVariants } from './button.js';
-import { useUiStrings } from '../../providers/ui-provider.js';
-import { cn } from '../../lib/utils.js';
-export function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, isPending, confirmVariant = 'default', confirmIcon, confirmDisabled, }) {
-    // The defaults are the viewer's language: an English literal here put
-    // "Cancel" under every translated dialog that passed no label (KRTX-2326).
-    const strings = useUiStrings();
-    const confirmText = confirmLabel ?? strings.confirm;
-    return (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { className: "sm:max-w-md", overlayClassName: "bg-black/25 backdrop-blur-sm", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { asChild: true, children: _jsx("div", { children: description }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isPending, children: cancelLabel ?? strings.cancel }), _jsxs(AlertDialogAction, { onClick: (e) => {
-                                e.preventDefault();
-                                onConfirm();
-                            }, disabled: isPending || confirmDisabled, className: cn(buttonVariants({ variant: confirmVariant, size: 'sm' }), 'gap-1.5'), children: [confirmIcon, isPending ? `${confirmText}…` : confirmText] })] })] }) }));
-}

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

@@ -1,45 +0,0 @@
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import * as React from 'react';
-import { type MenuRowSize } from './menu-recipe.js';
-declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
-declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
-declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-/**
- * Takes the same `size` and `inset` props as `ContextMenuItem`, because a
- * submenu trigger is a row like any other and has to line up with its siblings.
- *
- * The caret is `size-3.5` against the leading icon's `size-4`: it is an
- * affordance, not content, and matching the icon's weight makes it compete with
- * the label. `text-muted-foreground` for the same reason.
- */
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-    size?: MenuRowSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-    size?: MenuRowSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    reverse?: boolean;
-    size?: MenuRowSize;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    size?: MenuRowSize;
-    side?: "left" | "right";
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
-    displayName: string;
-};
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

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

@@ -1,93 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CheckIcon as Check, CaretRightIcon as ChevronRight } from '@phosphor-icons/react';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import * as React from 'react';
-import { cn } from '../../lib/utils.js';
-import { floatingZ, useDialogDepth } from '../../lib/z-stack.js';
-import { MENU_INDICATOR, MENU_INDICATOR_ICON, MENU_INSET, MENU_INSET_END, MENU_LABEL, MENU_PANEL, MENU_SEPARATOR, MENU_SHORTCUT, menuRow, } from './menu-recipe.js';
-/**
- * A right-click menu is the same menu as a click menu. It shares the row
- * recipe, panel, label, separator and shortcut in `./menu-recipe` with
- * `dropdown-menu.tsx`, so a `Rename` row looks identical whichever way the
- * user reached it. Before this, the two menus disagreed on radius (sm vs md),
- * horizontal padding (2 vs 2.5), highlight colour (`accent` vs `primary/10`)
- * and resting text colour — and the file browser shows both.
- *
- * Three things stay local, because they are genuinely different:
- *
- * 1. **Width floor** — a dropdown matches its trigger, so it floors at 14rem.
- *    A context menu opens at the pointer with nothing to match, and every call
- *    site here passes its own width (`w-40`, `w-48`, `w-64`). A 14rem floor
- *    would override `w-40`, so this menu floors at 8rem.
- *
- * 2. **Transform origin** — the panel scales out of the point that was
- *    right-clicked (`--radix-context-menu-content-transform-origin`) rather
- *    than its own centre. The menu appearing to grow from the cursor is the
- *    whole spatial story of a context menu.
- *
- * 3. **Scroll** — `Content` caps at the available viewport height and scrolls,
- *    while `SubContent` clips like a dropdown. A context menu opened near the
- *    bottom edge of the window has no room to grow downward; clipping it would
- *    hide the last rows with no way to reach them.
- *
- * No trigger styling. `DropdownMenuTrigger` applies `triggerVariants` because
- * a dropdown trigger is a button; a context-menu trigger is the region you
- * right-click and must stay visually untouched.
- */
-const CONTEXT_PANEL = cn(MENU_PANEL, 'min-w-[8rem] origin-(--radix-context-menu-content-transform-origin)');
-const ContextMenu = ContextMenuPrimitive.Root;
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-const ContextMenuPortal = ContextMenuPrimitive.Portal;
-const ContextMenuSub = ContextMenuPrimitive.Sub;
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-const ContextMenuGroup = ContextMenuPrimitive.Group;
-/**
- * Takes the same `size` and `inset` props as `ContextMenuItem`, because a
- * submenu trigger is a row like any other and has to line up with its siblings.
- *
- * The caret is `size-3.5` against the leading icon's `size-4`: it is an
- * affordance, not content, and matching the icon's weight makes it compete with
- * the label. `text-muted-foreground` for the same reason.
- */
-const ContextMenuSubTrigger = React.forwardRef(({ className, inset, size = 'sm', children, ...props }, ref) => (_jsxs(ContextMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "context-menu-sub-trigger", className: cn(menuRow(size, 'default'), inset && MENU_INSET, className), ...props, children: [children, _jsx(ChevronRight, { className: "text-muted-foreground ml-auto size-3.5" })] })));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-const ContextMenuSubContent = React.forwardRef(({ className, sideOffset = 4, style, ...props }, ref) => {
-    const depth = useDialogDepth();
-    return (_jsx(ContextMenuPrimitive.SubContent, { ref: ref, sideOffset: sideOffset, "data-slot": "context-menu-sub-content", className: cn(CONTEXT_PANEL, 'overflow-hidden', className), style: { zIndex: floatingZ(depth), ...style }, ...props }));
-});
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-const ContextMenuContent = React.forwardRef(({ className, style, ...props }, ref) => {
-    const depth = useDialogDepth();
-    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { ref: ref, "data-slot": "context-menu-content", className: cn(CONTEXT_PANEL, 'max-h-(--radix-context-menu-content-available-height) overflow-x-hidden overflow-y-auto', className), style: { zIndex: floatingZ(depth), ...style }, ...props }) }));
-});
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-const ContextMenuItem = React.forwardRef(({ className, inset, variant = 'default', size = 'sm', ...props }, ref) => (_jsx(ContextMenuPrimitive.Item, { ref: ref, "data-slot": "context-menu-item", className: cn(menuRow(size, variant), inset && MENU_INSET, className), ...props })));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, reverse, size = 'sm', ...props }, ref) => (_jsxs(ContextMenuPrimitive.CheckboxItem, { ref: ref, "data-slot": "context-menu-checkbox-item", 
-    // Same geometry as `DropdownMenuCheckboxItem` — see there.
-    className: cn(menuRow(size, 'default'), reverse ? MENU_INSET_END : MENU_INSET, className), checked: checked, ...props, children: [_jsx("span", { className: cn(MENU_INDICATOR, 'absolute', reverse ? 'right-2' : 'left-2'), children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: MENU_INDICATOR_ICON }) }) }), children] })));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-const ContextMenuRadioItem = React.forwardRef(({ className, children, size = 'sm', side = 'right', ...props }, ref) => {
-    /**
-     * A check, not a dot, and the same check `ContextMenuCheckboxItem` uses.
-     *
-     * This was `<CircleIcon className="size-2 fill-current" />`, which could not
-     * work: Phosphor's CircleIcon is a stroked outline, so `fill-current` painted
-     * nothing, and the row recipe's `[&_svg]:size-4` — a descendant selector —
-     * outranked the `size-2` sitting on the icon itself. The mark rendered as a
-     * hollow ring. No consumer renders a RadioItem, so nobody saw it.
-     */
-    const indicator = (_jsx("span", { className: MENU_INDICATOR, children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: MENU_INDICATOR_ICON }) }) }));
-    return (_jsx(ContextMenuPrimitive.RadioItem, { ref: ref, "data-slot": "context-menu-radio-item", className: cn(menuRow(size, 'default'), className), ...props, children: side === 'left' ? (_jsxs(_Fragment, { children: [indicator, _jsx("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: children })] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: children }), indicator] })) }));
-});
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(ContextMenuPrimitive.Label, { ref: ref, "data-slot": "context-menu-label", className: cn(MENU_LABEL, inset && MENU_INSET, className), ...props })));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(ContextMenuPrimitive.Separator, { ref: ref, "data-slot": "context-menu-separator", className: cn(MENU_SEPARATOR, className), ...props })));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-const ContextMenuShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { "data-slot": "context-menu-shortcut", className: cn(MENU_SHORTCUT, className), ...props }));
-};
-ContextMenuShortcut.displayName = 'ContextMenuShortcut';
-export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/components/ui/count-badge.d.ts

@@ -1,26 +0,0 @@
-/**
- * THE count beside a label: a sidebar row, a tab, a menu item, a button. The
- * project sidebar's Review count is the reference: a tabular pill in the
- * row's own text colour on a 15% tint, clamped at 99+ so it never pushes the
- * label into an ellipsis. The tint carries the meaning, never decoration:
- *
- * - `waiting`: something waits on the person (Review, changes to review).
- * - `reminder`: active reminders.
- * - `conflict`: conflicts to resolve.
- * - `neutral`: a plain tally (members, child sessions, a group's size).
- *
- * An overlay badge on an icon button's corner is a different pattern and does
- * not use this.
- */
-declare const TONE: {
-    readonly neutral: "bg-foreground/6";
-    readonly waiting: "bg-kortix-yellow/15";
-    readonly reminder: "bg-kortix-purple/15";
-    readonly conflict: "bg-kortix-orange/15";
-};
-export type CountBadgeTone = keyof typeof TONE;
-export declare function CountBadge({ count, tone, className, ...props }: {
-    count: number;
-    tone?: CountBadgeTone;
-} & Omit<React.ComponentProps<'span'>, 'children'>): import("react").JSX.Element;
-export {};

package/dist/components/ui/count-badge.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from './badge.js';
-import { cn } from '../../lib/utils.js';
-/**
- * THE count beside a label: a sidebar row, a tab, a menu item, a button. The
- * project sidebar's Review count is the reference: a tabular pill in the
- * row's own text colour on a 15% tint, clamped at 99+ so it never pushes the
- * label into an ellipsis. The tint carries the meaning, never decoration:
- *
- * - `waiting`: something waits on the person (Review, changes to review).
- * - `reminder`: active reminders.
- * - `conflict`: conflicts to resolve.
- * - `neutral`: a plain tally (members, child sessions, a group's size).
- *
- * An overlay badge on an icon button's corner is a different pattern and does
- * not use this.
- */
-const TONE = {
-    neutral: 'bg-foreground/6',
-    waiting: 'bg-kortix-yellow/15',
-    reminder: 'bg-kortix-purple/15',
-    conflict: 'bg-kortix-orange/15',
-};
-export function CountBadge({ count, tone = 'neutral', className, ...props }) {
-    return (_jsx(Badge, { variant: "transparent", size: "tabular", className: cn(TONE[tone], 'shrink-0 text-current', className), ...props, children: count > 99 ? '99+' : count }));
-}

package/dist/components/ui/data-grid.js

@@ -1,107 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils.js';
-import { AllCommunityModule, colorSchemeDarkBlue, colorSchemeLight, ModuleRegistry, themeQuartz, } from 'ag-grid-community';
-import { AgGridReact } from 'ag-grid-react';
-import { useIsDark } from '../../hooks/use-is-dark.js';
-import { useCallback, useMemo, useRef } from 'react';
-// Register all community modules once
-ModuleRegistry.registerModules([AllCommunityModule]);
-// ── Theme ────────────────────────────────────────────────────────────────
-const gridTheme = themeQuartz.withParams({
-    spacing: 6,
-    headerFontSize: 12,
-    fontSize: 12,
-    rowHeight: 36,
-    headerHeight: 38,
-    wrapperBorderRadius: 0,
-    borderRadius: 0,
-    cellHorizontalPaddingScale: 1,
-});
-// ── Component ────────────────────────────────────────────────────────────
-export function DataGrid({ columnDefs: columnDefsProp, rowData, quickFilterText, hiddenColumns, readOnly = true, className, onGridReady, autoSizeColumns = true, suppressContextMenu = false, }) {
-    const gridRef = useRef(null);
-    const isDark = useIsDark();
-    // ── Column defs ──────────────────────────────────────────────────────
-    const columnDefs = useMemo(() => {
-        if (columnDefsProp)
-            return columnDefsProp;
-        // Auto-generate from first row keys
-        if (!rowData || rowData.length === 0)
-            return [];
-        const keys = Object.keys(rowData[0]);
-        return keys.map((key) => ({
-            field: key,
-            headerName: key,
-            hide: hiddenColumns?.has(key) ?? false,
-        }));
-    }, [columnDefsProp, rowData, hiddenColumns]);
-    // ── Default col def — Excel-like defaults ────────────────────────────
-    const defaultColDef = useMemo(() => ({
-        sortable: true,
-        filter: true,
-        resizable: true,
-        editable: !readOnly,
-        minWidth: 80,
-        flex: columnDefs.length <= 8 ? 1 : undefined,
-        width: columnDefs.length > 8 ? 150 : undefined,
-        suppressHeaderMenuButton: false,
-        // Cell value formatting
-        valueFormatter: (params) => {
-            const v = params.value;
-            if (v == null || v === '')
-                return '';
-            if (typeof v === 'number')
-                return v.toLocaleString();
-            if (typeof v === 'boolean')
-                return v ? 'Yes' : 'No';
-            return String(v);
-        },
-        cellClass: (params) => {
-            if (typeof params.value === 'number')
-                return 'ag-right-aligned-cell';
-            return '';
-        },
-    }), [readOnly, columnDefs.length]);
-    // ── Auto-size columns on first data render ───────────────────────────
-    const handleFirstDataRendered = useCallback((event) => {
-        if (!autoSizeColumns)
-            return;
-        try {
-            // If few columns, let flex handle it. Otherwise auto-size.
-            if (columnDefs.length > 8) {
-                event.api.autoSizeAllColumns();
-            }
-        }
-        catch {
-            // Silently fail — auto-size can throw if columns aren't ready
-        }
-    }, [autoSizeColumns, columnDefs.length]);
-    const handleGridReady = useCallback((event) => {
-        onGridReady?.(event);
-    }, [onGridReady]);
-    // ── Theme resolved ───────────────────────────────────────────────────
-    const theme = useMemo(() => {
-        const colorScheme = isDark ? colorSchemeDarkBlue : colorSchemeLight;
-        return gridTheme.withPart(colorScheme);
-    }, [isDark]);
-    // ── No data ──────────────────────────────────────────────────────────
-    if (!rowData || rowData.length === 0) {
-        return (_jsx("div", { className: cn('text-muted-foreground flex h-full w-full items-center justify-center text-sm', className), children: "No data" }));
-    }
-    return (_jsx("div", { className: cn('h-full w-full', className), children: _jsx(AgGridReact, { ref: gridRef, theme: theme, rowData: rowData, columnDefs: columnDefs, defaultColDef: defaultColDef, 
-            // Virtual scrolling — no DOM bloat
-            rowBuffer: 20, 
-            // Quick filter
-            quickFilterText: quickFilterText, cacheQuickFilter: true, 
-            // Selection & clipboard
-            enableCellTextSelection: true, ensureDomOrder: true, 
-            // Misc
-            animateRows: false, suppressContextMenu: suppressContextMenu, suppressMovableColumns: false, suppressColumnVirtualisation: columnDefs.length <= 20, 
-            // Tooltips
-            tooltipShowDelay: 500, 
-            // Events
-            onGridReady: handleGridReady, onFirstDataRendered: handleFirstDataRendered, 
-            // No rows overlay
-            overlayNoRowsTemplate: '<span class="text-muted-foreground text-sm">No matching rows</span>' }) }));
-}