@ciridae/ui 0.16.1 → 1.0.1

package/dist/components/ui/combobox-anchor.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-export { useComboboxAnchor };

package/dist/components/ui/combobox-anchor.js

@@ -1,5 +0,0 @@
-import * as React from "react";
-function useComboboxAnchor() {
-    return React.useRef(null);
-}
-export { useComboboxAnchor };

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

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-declare const Combobox: typeof ComboboxPrimitive.Root;
-declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
-declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, triggerAriaLabel, ...props }: ComboboxPrimitive.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
-    triggerAriaLabel?: string;
-}): React.JSX.Element;
-declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
-declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
-declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
-declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
-declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
-declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): React.JSX.Element;
-declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
-    showRemove?: boolean;
-}): React.JSX.Element;
-declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
-export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, };

package/dist/components/ui/combobox.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Combobox as ComboboxPrimitive } from "@base-ui/react";
-import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-const Combobox = ComboboxPrimitive.Root;
-function ComboboxValue({ ...props }) {
-    return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
-}
-function ComboboxTrigger({ className, children, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Trigger, { "data-slot": "combobox-trigger", className: cn("[&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronDownIcon, { "data-slot": "combobox-trigger-icon", className: "pointer-events-none size-4 text-muted-foreground" })] }));
-}
-function ComboboxClear({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Clear, { "data-slot": "combobox-clear", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), className: cn(className), ...props, children: _jsx(XIcon, { className: "pointer-events-none" }) }));
-}
-function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, triggerAriaLabel = "Toggle options", ...props }) {
-    return (_jsxs(InputGroup, { className: cn("w-auto", className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, { disabled: disabled }), ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", asChild: true, "data-slot": "input-group-button", className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent", disabled: disabled, children: _jsx(ComboboxTrigger, { "aria-label": triggerAriaLabel }) })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
-}
-function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, className: cn("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[chips=true]:min-w-(--anchor-width) 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-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-(--control-height-sm) *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none", className), ...props }) }) }));
-}
-function ComboboxList({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", className: cn("max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0", className), ...props }));
-}
-function ComboboxItem({ className, children, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Item, { "data-slot": "combobox-item", className: cn("relative flex min-h-(--menu-item-height) w-full cursor-default items-center gap-(--control-gap) rounded-sm py-1 pr-8 pl-(--menu-item-padding-x) text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted: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: [children, _jsx(ComboboxPrimitive.ItemIndicator, { "data-slot": "combobox-item-indicator", render: _jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }), children: _jsx(CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" }) })] }));
-}
-function ComboboxGroup({ className, ...props }) {
-    return _jsx(ComboboxPrimitive.Group, { "data-slot": "combobox-group", className: cn(className), ...props });
-}
-function ComboboxLabel({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.GroupLabel, { "data-slot": "combobox-label", className: cn("text-meta px-(--menu-item-padding-x) py-1 text-muted-foreground pointer-coarse:px-3 pointer-coarse:py-2 pointer-coarse:text-sm", className), ...props }));
-}
-function ComboboxCollection({ ...props }) {
-    return _jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
-}
-function ComboboxEmpty({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Empty, { "data-slot": "combobox-empty", className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className), ...props }));
-}
-function ComboboxSeparator({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
-}
-function ComboboxChips({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", className: cn("flex min-h-(--control-height) flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent bg-clip-padding px-(--control-padding-x) py-1 text-sm shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[var(--focus-ring-width)] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-[var(--focus-ring-width)] has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1.5 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className), ...props }));
-}
-function ComboboxChip({ className, children, showRemove = true, ...props }) {
-    return (_jsxs(ComboboxPrimitive.Chip, { "data-slot": "combobox-chip", className: cn("flex h-(--control-height-xs) w-fit items-center justify-center gap-1 rounded-[var(--badge-radius)] bg-muted px-(--badge-padding-x) text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className), ...props, children: [children, showRemove && (_jsx(ComboboxPrimitive.ChipRemove, { render: _jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "-ml-1 opacity-50 hover:opacity-100", "data-slot": "combobox-chip-remove", children: _jsx(XIcon, { className: "pointer-events-none" }) }))] }));
-}
-function ComboboxChipsInput({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Input, { "data-slot": "combobox-chip-input", className: cn("min-w-16 flex-1 outline-none", className), ...props }));
-}
-export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, };

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

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from "./dialog.js";
-declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
-declare function CommandDialog({ title, description, children, className, commandProps, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    commandProps?: React.ComponentProps<typeof Command>;
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
-declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
-declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/command.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from "cmdk";
-import { SearchIcon, XIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog.js";
-function Command({ className, ...props }) {
-    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className), ...props }));
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, commandProps, showCloseButton = true, ...props }) {
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsxs(DialogContent, { className: cn("overflow-hidden p-0", showCloseButton &&
-                    "[&_[data-slot=command-input-wrapper]]:pr-[calc(var(--control-height)+var(--control-padding-x))]", className), showCloseButton: false, children: [_jsx(Command, { ...commandProps, className: cn("**:data-[slot=command-input-wrapper]:h-(--control-height) [&_[cmdk-group-heading]]:px-(--menu-item-padding-x) [&_[cmdk-group-heading]]:text-[0.6875rem] [&_[cmdk-group-heading]]:leading-none [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-[var(--font-ciridae-metadata-spacing)] [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:size-4 [&_[cmdk-input]]:h-(--control-height) [&_[cmdk-item]]:min-h-(--menu-item-height) [&_[cmdk-item]]:px-(--menu-item-padding-x) [&_[cmdk-item]]:py-1 [&_[cmdk-item]_svg]:size-4", commandProps?.className), children: children }), showCloseButton && _jsx(CommandDialogClose, {})] })] }));
-}
-function CommandDialogClose() {
-    return (_jsxs(DialogClose, { className: "absolute top-0 right-(--control-padding-x) inline-flex size-(--control-height) items-center justify-center rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-[var(--focus-ring-width)] focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }));
-}
-function CommandInput({ className, ...props }) {
-    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-(--control-height) items-center gap-(--control-gap) border-b px-(--control-padding-x)", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("flex h-(--control-height) w-full rounded-md bg-transparent py-1 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
-}
-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-(--panel-padding) text-center text-sm", ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-(--menu-item-padding-x) [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-[0.6875rem] [&_[cmdk-group-heading]]:leading-none [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:tracking-[var(--font-ciridae-metadata-spacing)] [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:uppercase", className), ...props }));
-}
-function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("-mx-1 h-px bg-border", className), ...props }));
-}
-function CommandItem({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm px-(--menu-item-padding-x) py-1 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]: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 }));
-}
-function CommandShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("text-meta ml-auto font-mono text-muted-foreground", className), ...props }));
-}
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

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

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-declare function ContextMenuPortalContainerProvider({ children, container, disableModalBehavior, }: {
-    children: React.ReactNode;
-    container: HTMLElement | null;
-    disableModalBehavior?: boolean;
-}): React.JSX.Element;
-declare function ContextMenu({ modal, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
-declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
-declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
-declare function ContextMenuPortal({ container, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): React.JSX.Element;
-declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): React.JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): React.JSX.Element;
-declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): React.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): React.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuPortalContainerProvider, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

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

@@ -1,63 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-const ContextMenuPortalContainerContext = React.createContext({
-    container: null,
-    disableModalBehavior: false,
-});
-function ContextMenuPortalContainerProvider({ children, container, disableModalBehavior = false, }) {
-    const value = React.useMemo(() => ({ container, disableModalBehavior }), [container, disableModalBehavior]);
-    return (_jsx(ContextMenuPortalContainerContext.Provider, { value: value, children: children }));
-}
-function ContextMenu({ modal, ...props }) {
-    const { disableModalBehavior } = React.useContext(ContextMenuPortalContainerContext);
-    const resolvedModal = modal ?? (disableModalBehavior ? false : undefined);
-    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", modal: resolvedModal, ...props });
-}
-function ContextMenuTrigger({ ...props }) {
-    return _jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
-}
-function ContextMenuGroup({ ...props }) {
-    return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
-}
-function ContextMenuPortal({ container, ...props }) {
-    const { container: contextualContainer } = React.useContext(ContextMenuPortalContainerContext);
-    return (_jsx(ContextMenuPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "context-menu-portal", ...props }));
-}
-function ContextMenuSub({ ...props }) {
-    return _jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
-}
-function ContextMenuRadioGroup({ ...props }) {
-    return _jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
-}
-function ContextMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.SubTrigger, { "data-slot": "context-menu-sub-trigger", "data-inset": inset, className: cn("flex min-h-(--menu-item-height) cursor-default items-center rounded-sm px-(--menu-item-padding-x) py-1 text-sm 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" })] }));
-}
-function ContextMenuSubContent({ className, ...props }) {
-    return (_jsx(ContextMenuPrimitive.SubContent, { "data-slot": "context-menu-sub-content", className: cn("z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
-}
-function ContextMenuContent({ className, ...props }) {
-    return (_jsx(ContextMenuPortal, { children: _jsx(ContextMenuPrimitive.Content, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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=open]:animate-in data-[state=open]:fade-in-0", className), ...props }) }));
-}
-function ContextMenuItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm px-(--menu-item-padding-x) py-1 text-sm 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-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className), ...props }));
-}
-function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.CheckboxItem, { "data-slot": "context-menu-checkbox-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm py-1 pr-(--menu-item-padding-x) pl-8 text-sm 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(ContextMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
-}
-function ContextMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.RadioItem, { "data-slot": "context-menu-radio-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm py-1 pr-(--menu-item-padding-x) pl-8 text-sm 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(ContextMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function ContextMenuLabel({ className, inset, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Label, { "data-slot": "context-menu-label", "data-inset": inset, className: cn("text-meta px-(--menu-item-padding-x) py-1 text-muted-foreground data-[inset]:pl-8", className), ...props }));
-}
-function ContextMenuSeparator({ className, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
-}
-function ContextMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "context-menu-shortcut", className: cn("text-meta ml-auto font-mono text-muted-foreground", className), ...props }));
-}
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuPortalContainerProvider, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/components/ui/data-table-column-settings.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import type { RowData } from "@tanstack/react-table";
-declare module "@tanstack/react-table" {
-    interface ColumnMeta<TData extends RowData, TValue> {
-        /** What to call this column where its header cannot be read as text. */
-        label?: string;
-    }
-}
-/**
- * Choose which columns appear and in what order.
- *
- * A draft the reader commits rather than a live edit. Rearranging a table is
- * several changes that only mean something together, and applying each one as
- * it is made redraws the table under the hand still working on it. Cancel has
- * to be able to mean "none of that", so nothing here touches the table until
- * Apply.
- */
-declare function DataTableColumnSettings({ description, title, triggerLabel, }: {
-    description?: string;
-    title?: string;
-    triggerLabel?: string;
-}): React.JSX.Element | null;
-export { DataTableColumnSettings };

package/dist/components/ui/data-table-column-settings.js

@@ -1,170 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from "@dnd-kit/core";
-import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { GripVerticalIcon, SlidersHorizontalIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { useDataTable } from "./data-table-context.js";
-import { Button } from "./button.js";
-import { Checkbox } from "./checkbox.js";
-import { Sheet, SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from "./sheet.js";
-/**
- * Choose which columns appear and in what order.
- *
- * A draft the reader commits rather than a live edit. Rearranging a table is
- * several changes that only mean something together, and applying each one as
- * it is made redraws the table under the hand still working on it. Cancel has
- * to be able to mean "none of that", so nothing here touches the table until
- * Apply.
- */
-function DataTableColumnSettings({ description = "Choose which columns appear and drag them into the order you prefer.", title = "Column settings", triggerLabel = "Settings", }) {
-    const table = useDataTable();
-    const [open, setOpen] = React.useState(false);
-    // `null` means "whatever the table is showing"; anything else is an edit in
-    // progress. Cleared on every open and close, so a cancelled edit cannot come
-    // back the next time the sheet is opened.
-    const [draft, setDraft] = React.useState(null);
-    const columns = table.getAllLeafColumns();
-    // Reordering stands on its own, so a table where nothing may be hidden still
-    // has something to offer here.
-    if (columns.length === 0)
-        return null;
-    const current = draft ?? readColumns(table);
-    return (_jsxs(Sheet, { onOpenChange: (next) => {
-            setDraft(null);
-            setOpen(next);
-        }, open: open, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", type: "button", variant: "ghost", children: [_jsx(SlidersHorizontalIcon, {}), _jsx("span", { children: triggerLabel })] }) }), _jsxs(SheetContent, { size: "md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: title }), _jsx(SheetDescription, { children: description })] }), _jsx(SheetBody, { className: "pb-(--panel-padding)", children: _jsx(ColumnDraftList, { columns: columns, draft: current, onDraftChange: setDraft }) }), _jsxs(SheetFooter, { children: [_jsx(Button, { className: "mr-auto", onClick: () => {
-                                    setDraft(readDefaultColumns(table));
-                                }, type: "button", variant: "ghost", children: "Reset" }), _jsx(Button, { onClick: () => {
-                                    setOpen(false);
-                                }, type: "button", variant: "outline", children: "Cancel" }), _jsx(Button, { onClick: () => {
-                                    applyColumns(table, current);
-                                    setOpen(false);
-                                }, type: "button", children: "Apply" })] })] })] }));
-}
-function ColumnDraftList({ columns, draft, onDraftChange, }) {
-    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-    const order = draft.order;
-    const byId = new Map(columns.map((column) => [column.id, column]));
-    const reorder = (event) => {
-        const { active, over } = event;
-        if (!over || active.id === over.id)
-            return;
-        const from = order.indexOf(String(active.id));
-        const to = order.indexOf(String(over.id));
-        if (from === -1 || to === -1)
-            return;
-        onDraftChange({ ...draft, order: arrayMove(order, from, to) });
-    };
-    return (_jsx(DndContext, { collisionDetection: closestCenter, onDragEnd: reorder, sensors: sensors, children: _jsx(SortableContext, { items: order, strategy: verticalListSortingStrategy, children: _jsx("ul", { className: "grid gap-0.5", children: order.map((id) => {
-                    const column = byId.get(id);
-                    if (column === undefined)
-                        return null;
-                    return (_jsx(ColumnSettingsRow, { column: column, hidden: draft.hidden.includes(id), onToggle: (visible) => {
-                            onDraftChange({
-                                hidden: visible
-                                    ? draft.hidden.filter((entry) => entry !== id)
-                                    : [...draft.hidden, id],
-                                order,
-                            });
-                        } }, id));
-                }) }) }) }));
-}
-function ColumnSettingsRow({ column, hidden, onToggle, }) {
-    const label = getColumnLabel(column);
-    const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({
-        id: column.id,
-    });
-    return (_jsxs("li", { className: cn("flex items-center gap-3 rounded-sm px-1 py-2 text-sm", isDragging && "relative z-10 bg-accent"), ref: setNodeRef, style: { transform: CSS.Translate.toString(transform), transition }, children: [_jsx("button", { "aria-label": `Reorder ${label}`, className: "cursor-grab text-muted-foreground outline-none focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring/50", type: "button", ...attributes, ...listeners, children: _jsx(GripVerticalIcon, { className: "size-4" }) }), _jsx(Checkbox, { checked: !hidden, disabled: !column.getCanHide(), id: `column-setting-${column.id}`, onCheckedChange: (checked) => {
-                    onToggle(checked === true);
-                } }), _jsx("label", { className: "min-w-0 flex-1 truncate", htmlFor: `column-setting-${column.id}`, children: label })] }));
-}
-/**
- * What the table is showing now, in the shape the draft edits.
- *
- * Both fields are spelled out rather than left empty to mean "unchanged": the
- * list has to draw an order either way, and an empty one would have to be
- * filled in from somewhere -- from the current order, which would make Reset
- * write back the very arrangement it was asked to undo.
- */
-function readColumns(table) {
-    const columns = table.getAllLeafColumns();
-    return {
-        hidden: columns.filter((column) => !column.getIsVisible()).map((column) => column.id),
-        order: columns.map((column) => column.id),
-    };
-}
-/**
- * What Reset goes back to: the caller's own defaults, which `TanStackDataTable`
- * keeps in `initialState` for exactly this.
- *
- * Not "every column, as declared" -- a table given a `defaultColumnVisibility`
- * starts with something hidden on purpose, and a Reset that revealed it would
- * be showing a view the caller never offered.
- *
- * A `columnOrder` is a partial list in TanStack: it names the columns it cares
- * about and everything else keeps its declared position after them. The draft
- * cannot be partial, because the list draws exactly what the draft names -- so
- * a default naming two of five columns would make the other three vanish from
- * the sheet, unreorderable and unhideable, and Apply would then write that
- * two-column order back. Reconciling against the live leaf ids keeps the
- * caller's prefix and restores the rest behind it.
- */
-function readDefaultColumns(table) {
-    const { columnOrder, columnVisibility } = table.initialState;
-    // Declared order, not drawn order: `getAllLeafColumns` has already had the
-    // current order applied to it, so resetting through it would return the
-    // arrangement Reset was asked to undo.
-    const declared = table
-        .getAllFlatColumns()
-        .filter((column) => column.columns.length === 0)
-        .map((column) => column.id);
-    const named = (columnOrder ?? []).filter((id) => declared.includes(id));
-    return {
-        hidden: Object.entries(columnVisibility ?? {})
-            .filter(([, visible]) => !visible)
-            .map(([id]) => id),
-        order: [...named, ...declared.filter((id) => !named.includes(id))],
-    };
-}
-/**
- * Commit a draft to the table.
- *
- * Back to the defaults goes through the table's own reset rather than through
- * an equivalent-looking explicit order. Writing the full list would leave a
- * caller mirroring this into a URL with an order parameter saying "arranged"
- * for a view that is not, and would pin today's columns so a later release
- * appended its new one at the end rather than where it was declared.
- */
-function applyColumns(table, draft) {
-    if (isDefaultColumns(draft, readDefaultColumns(table))) {
-        table.resetColumnOrder();
-        table.resetColumnVisibility();
-        return;
-    }
-    table.setColumnOrder(draft.order);
-    table.setColumnVisibility(Object.fromEntries(draft.hidden.map((id) => [id, false])));
-}
-/** Whether a draft is the default arrangement, in whatever order it names it. */
-function isDefaultColumns(draft, defaults) {
-    return (draft.order.length === defaults.order.length &&
-        draft.order.every((id, index) => defaults.order[index] === id) &&
-        draft.hidden.length === defaults.hidden.length &&
-        defaults.hidden.every((id) => draft.hidden.includes(id)));
-}
-/**
- * What to call a column in a list of columns.
- *
- * A header rendered as a component -- a select-all checkbox, an icon -- has no
- * text to borrow, and the column id behind it is a name for code rather than
- * for a reader. `meta.label` is where a caller says what to call it instead.
- */
-function getColumnLabel(column) {
-    const label = column.columnDef.meta?.label;
-    if (typeof label === "string")
-        return label;
-    const header = column.columnDef.header;
-    return typeof header === "string" ? header : column.id;
-}
-export { DataTableColumnSettings };

package/dist/components/ui/data-table-context.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import type { Table as TanStackTable } from "@tanstack/react-table";
-declare function DataTableProvider<TData>({ children, table, }: {
-    children: React.ReactNode;
-    table: TanStackTable<TData>;
-}): React.JSX.Element;
-declare function useDataTable<TData>(): TanStackTable<TData>;
-export { DataTableProvider, useDataTable };

package/dist/components/ui/data-table-context.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-/**
- * The table instance `TanStackDataTable` builds, published so the controls
- * placed in its toolbar can read it.
- *
- * The alternative is a function-valued `toolbar` prop, which reads to lint as a
- * component defined during render and would put that error in front of every
- * consumer of a facet filter.
- *
- * Held as `unknown` because a context cannot be generic. Nothing is lost: the
- * only value ever put in is the table `TanStackDataTable` just created, and the
- * only readers are inside that provider, so the row type `useDataTable`
- * restores is the one the caller's own columns were built from.
- */
-const DataTableContext = React.createContext(null);
-function DataTableProvider({ children, table, }) {
-    // A fresh object every render, deliberately, and the one thing here that must
-    // not be memoised.
-    //
-    // A control like `DataTableFacetFilter` takes only static props -- a column
-    // id, a title, a list of options -- and reads everything that changes from
-    // this context. In an app compiled with React Compiler that makes its element
-    // cacheable: no reactive props, so the element is built once and React skips
-    // re-rendering it. Publishing the table object itself would close the other
-    // door too, because its identity never changes however much its state does,
-    // so context propagation would never fire either and the control would render
-    // once and then show the table as it was at mount forever.
-    //
-    // Wrapping restores propagation: the provider re-renders whenever the table's
-    // state changes, the value is new each time, and React re-renders every
-    // consumer regardless of what the compiler did to their elements.
-    //
-    // `state` is carried so a reader can see what the value is meant to track,
-    // and because TanStack rebuilds its state object each render where the table
-    // object is the same one forever.
-    //
-    // It is NOT a guard against this package one day being built with React
-    // Compiler. The compiler takes its dependencies from the sources of an
-    // expression, and the only source of `table.getState()` is `table` -- so it
-    // would cache the call on `[table]`, cache this literal on the result, and
-    // freeze the whole thing exactly as before. If that day comes, this
-    // component needs a real bailout, not another field.
-    return (_jsx(DataTableContext.Provider, { value: { state: table.getState(), table }, children: children }));
-}
-function useDataTable() {
-    const context = React.useContext(DataTableContext);
-    if (context === null) {
-        throw new Error("This control must be rendered inside a <TanStackDataTable />.");
-    }
-    return context.table;
-}
-export { DataTableProvider, useDataTable };

package/dist/components/ui/data-table-controls.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import type { Table as TanStackTable } from "@tanstack/react-table";
-import type { ResolvedDataTableLabels, TanStackDataTableProps } from "./data-table-tanstack.js";
-declare function DataTableTools<TData, TValue>({ labels, props, table, }: {
-    labels: ResolvedDataTableLabels;
-    props: TanStackDataTableProps<TData, TValue>;
-    table: TanStackTable<TData>;
-}): React.JSX.Element;
-export { DataTableTools };

package/dist/components/ui/data-table-controls.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SearchIcon, SlidersHorizontalIcon } from "lucide-react";
-import { Button } from "./button.js";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu.js";
-import { Input } from "./input.js";
-function DataTableTools({ labels, props, table, }) {
-    return (_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [props.filterMode !== false ? (_jsx(DataTableFilter, { filterMode: props.filterMode ?? "global", placeholder: props.filterPlaceholder ?? labels.filterPlaceholder, table: table })) : null, props.toolbar] }), _jsxs("div", { className: "flex items-center gap-2", children: [props.actions, props.enableColumnVisibility !== false ? (_jsx(DataTableColumnVisibility, { table: table, title: labels.columns })) : null] })] }));
-}
-function DataTableFilter({ filterMode, placeholder, table, }) {
-    const column = table
-        .getAllLeafColumns()
-        .find((item) => item.getCanFilter() && item.getIsVisible());
-    const rawValue = filterMode === "global" ? table.getState().globalFilter : column?.getFilterValue();
-    const value = typeof rawValue === "string" ? rawValue : "";
-    if (filterMode === "column" && !column)
-        return null;
-    return (_jsxs("div", { className: "relative w-full sm:max-w-64", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-8", onChange: (event) => {
-                    if (filterMode === "global")
-                        table.setGlobalFilter(event.target.value);
-                    else
-                        column?.setFilterValue(event.target.value);
-                }, placeholder: placeholder, type: "search", value: value })] }));
-}
-function DataTableColumnVisibility({ table, title, }) {
-    const columns = table.getAllLeafColumns().filter((column) => column.getCanHide());
-    if (!columns.length)
-        return null;
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", children: [_jsx(SlidersHorizontalIcon, {}), _jsx("span", { children: title })] }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [_jsx(DropdownMenuLabel, { children: title }), _jsx(DropdownMenuSeparator, {}), columns.map((column) => (_jsx(DropdownMenuCheckboxItem, { checked: column.getIsVisible(), onCheckedChange: (value) => column.toggleVisibility(Boolean(value)), children: typeof column.columnDef.header === "string" ? column.columnDef.header : column.id }, column.id)))] })] }));
-}
-export { DataTableTools };

package/dist/components/ui/data-table-facet-filter.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-type DataTableFacetOption = {
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    label: string;
-    value: string;
-};
-/**
- * The facet-filter popover, controlled: one button per facet that wears the
- * current selection, checkable values inside. The caller owns the selection --
- * URL search state, column filters, anything -- and receives the whole next
- * selection on every toggle, so the popover can never disagree with the list
- * it narrows and there is nothing to apply or discard on close.
- */
-declare function FacetFilter({ counts, onSelectionChange, options, selected, title, }: {
-    /** Rows each option would leave, shown when provided. */
-    counts?: ReadonlyMap<string, number>;
-    onSelectionChange: (values: string[]) => void;
-    options: DataTableFacetOption[];
-    selected: readonly string[];
-    title: string;
-}): React.JSX.Element;
-/**
- * The column-bound binding: narrow a column to a set of its own values.
- *
- * Selection lives in the column's filter value, and counts come from the
- * table's faceted row model, which `TanStackDataTable` already builds -- so an
- * option can say how many rows it would leave without the caller counting
- * anything itself. Pair with the `arrIncludesSome` filter function, which is
- * what a multi-select selection means.
- */
-declare function DataTableFacetFilter({ columnId, options, title, }: {
-    columnId: string;
-    options: DataTableFacetOption[];
-    title: string;
-}): React.JSX.Element;
-export { DataTableFacetFilter, FacetFilter };
-export type { DataTableFacetOption };