@nanisoft/prism-ui 0.5.0 → 0.6.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,mDAAmD;AACnD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAEvE;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC/D;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACrD,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,4DAA4D;AAC5D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;CAAG;AAEnE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,IAAI,CAAC;CAAG;AAEjE,uDAAuD;AACvD,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,GAAG,CAAC;CAAG;AAEtE,iDAAiD;AACjD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAqBrE;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAExC;AAED,yCAAyC;AACzC,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAcjE;AAED,qDAAqD;AACrD,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAe,EACf,eAAsB,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAgCpB;AAED,iDAAiD;AACjD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAQ/D;AAED,gDAAgD;AAChD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAW/D;AAED,0EAA0E;AAC1E,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ7D;AAED,yCAAyC;AACzC,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,+BAQzE;AAED,gEAAgE;AAChE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAc7D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAA"}

package/dist/components/ui/dialog.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { XIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+const VIEWPORT = {
+    center: 'fixed inset-0 z-50 flex items-center justify-center p-4',
+    top: 'fixed inset-x-0 top-0 z-50 flex justify-center',
+    bottom: 'fixed inset-x-0 bottom-0 z-50 flex justify-center',
+    left: 'fixed inset-y-0 left-0 z-50 flex',
+    right: 'fixed inset-y-0 right-0 z-50 flex',
+};
+const POPUP = {
+    center: 'w-full max-w-md rounded-xl border data-[starting-style]:scale-95 data-[ending-style]:scale-95',
+    top: 'w-full rounded-b-xl border-x border-b data-[starting-style]:-translate-y-4 data-[ending-style]:-translate-y-4',
+    bottom: 'w-full rounded-t-xl border-x border-t data-[starting-style]:translate-y-4 data-[ending-style]:translate-y-4',
+    left: 'h-full w-3/4 max-w-sm rounded-r-xl border-y border-r data-[starting-style]:-translate-x-4 data-[ending-style]:-translate-x-4',
+    right: 'h-full w-3/4 max-w-sm rounded-l-xl border-y border-l data-[starting-style]:translate-x-4 data-[ending-style]:translate-x-4',
+};
+/**
+ * A modal surface that interrupts the page.
+ *
+ * The dialog traps focus while it is open, locks page scroll, closes on
+ * Escape and on an outside press, and returns focus to its trigger when it
+ * closes. Always give it a `DialogTitle`, which names the dialog for every
+ * reader. Use a Dialog for a decision or a short task; for content that is
+ * not a task, use a Popover or navigate to a page.
+ */
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { ...props });
+}
+/** The element that opens the dialog. */
+function DialogTrigger({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", className: cn('bg-background shadow-xs inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium outline-none', 'transition-[color,box-shadow,background-color] duration-fast ease-out', 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', className), ...props }));
+}
+/** The dialog panel, its backdrop and its portal. */
+function DialogContent({ className, side = 'center', showCloseButton = true, children, ...props }) {
+    return (_jsxs(DialogPrimitive.Portal, { children: [_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-backdrop", className: "bg-background/80 fixed inset-0 z-50 backdrop-blur-sm transition-opacity duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0" }), _jsx(DialogPrimitive.Viewport, { "data-slot": "dialog-viewport", className: VIEWPORT[side], children: _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn('bg-background shadow-md relative grid gap-4 p-6 outline-none', 'transition-[opacity,transform] duration-base ease-out data-[starting-style]:opacity-0 data-[ending-style]:opacity-0', POPUP[side], className), ...props, children: [children, showCloseButton ? (_jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", "aria-label": "Close", className: "ring-offset-background focus-visible:ring-ring absolute top-4 right-4 rounded-sm opacity-70 outline-none transition-opacity duration-fast ease-out hover:opacity-100 focus-visible:ring-[3px] disabled:pointer-events-none", children: _jsx(XIcon, { className: "size-4" }) })) : null] }) })] }));
+}
+/** The dialog's heading area, above the body. */
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn('flex flex-col gap-1.5 text-center sm:text-left', className), ...props }));
+}
+/** The dialog's action area, below the body. */
+function DialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-footer", className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props }));
+}
+/** The dialog's heading. It names the dialog for assistive technology. */
+function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn('text-lg leading-none font-semibold tracking-tight', className), ...props }));
+}
+/** A supporting line under the title. */
+function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+/** A control that closes the dialog from inside its content. */
+function DialogClose({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", className: cn('inline-flex items-center justify-center rounded-md text-sm font-medium outline-none', 'transition-[color,box-shadow,background-color] duration-fast ease-out', 'focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', className), ...props }));
+}
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, };

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

@@ -0,0 +1,189 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the DropdownMenu root forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuProps {
+    /** The controlled open state. */
+    open?: boolean;
+    /** The initially open state, for an uncontrolled menu. */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the menu ignores user interaction. */
+    disabled?: boolean;
+    /** The trigger and the menu content. */
+    children?: React.ReactNode;
+}
+/** The props DropdownMenuTrigger forwards to Base UI. */
+export interface DropdownMenuTriggerProps extends ComponentProps<'button'> {
+}
+/**
+ * The props DropdownMenuContent forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuContentProps extends ComponentProps<'div'> {
+    /** Which side of the trigger the menu is placed on. @defaultValue bottom */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** How the menu aligns against the trigger. @defaultValue start */
+    align?: 'start' | 'center' | 'end';
+    /** The distance in pixels between the trigger and the menu. @defaultValue 4 */
+    sideOffset?: number;
+    /** The offset in pixels along the alignment axis. @defaultValue 0 */
+    alignOffset?: number;
+}
+/**
+ * The props DropdownMenuItem forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuItemProps extends ComponentProps<'div'> {
+    /** Whether the item aligns with the labels above it. @defaultValue false */
+    inset?: boolean;
+    /** Whether the item reads as a destructive action. @defaultValue default */
+    variant?: 'default' | 'destructive';
+    /** Whether the item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the menu closes when the item is chosen. @defaultValue true */
+    closeOnClick?: boolean;
+}
+/**
+ * The props DropdownMenuCheckboxItem forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuCheckboxItemProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** The controlled ticked state. */
+    checked?: boolean;
+    /** The initially ticked state, for an uncontrolled item. */
+    defaultChecked?: boolean;
+    /** Called when the ticked state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Whether the item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the menu closes when the item is chosen. @defaultValue false */
+    closeOnClick?: boolean;
+}
+/**
+ * The props DropdownMenuRadioGroup forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6). A radio item needs this
+ * group to hold its selected value; without it the item's `value` has no
+ * owning state and selection never moves.
+ */
+export interface DropdownMenuRadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** The controlled value of the selected radio item. */
+    value?: string;
+    /** The initially selected value, for an uncontrolled group. */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onValueChange?: (value: string) => void;
+    /** Whether the group ignores user interaction. */
+    disabled?: boolean;
+}
+/**
+ * The props DropdownMenuRadioItem forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuRadioItemProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** The value this item contributes to its radio group. */
+    value: string;
+    /** Whether the item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the menu closes when the item is chosen. @defaultValue false */
+    closeOnClick?: boolean;
+}
+/** The props DropdownMenuLabel forwards to Base UI. */
+export interface DropdownMenuLabelProps extends ComponentProps<'div'> {
+    /** Whether the label aligns with items that carry an indicator. @defaultValue false */
+    inset?: boolean;
+}
+/** The props DropdownMenuSeparator forwards to Base UI. */
+export interface DropdownMenuSeparatorProps extends ComponentProps<'div'> {
+}
+/** The props DropdownMenuGroup forwards to Base UI. */
+export interface DropdownMenuGroupProps extends ComponentProps<'div'> {
+}
+/** The props DropdownMenuSub forwards to Base UI. */
+export interface DropdownMenuSubProps {
+    /** The controlled open state of the submenu. */
+    open?: boolean;
+    /** The initially open state of the submenu. */
+    defaultOpen?: boolean;
+    /** Called when the submenu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the submenu ignores user interaction. */
+    disabled?: boolean;
+    /** The submenu trigger and its content. */
+    children?: React.ReactNode;
+}
+/**
+ * The props DropdownMenuSubTrigger forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuSubTriggerProps extends ComponentProps<'div'> {
+    /** Whether the trigger aligns with the labels above it. @defaultValue false */
+    inset?: boolean;
+    /** Whether the trigger ignores user interaction. */
+    disabled?: boolean;
+}
+/**
+ * The props DropdownMenuSubContent forwards to Base UI.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface DropdownMenuSubContentProps extends ComponentProps<'div'> {
+    /** Which side of the trigger the submenu is placed on. */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** How the submenu aligns against the trigger. @defaultValue start */
+    align?: 'start' | 'center' | 'end';
+    /** The distance in pixels between the trigger and the submenu. @defaultValue 0 */
+    sideOffset?: number;
+}
+/**
+ * A menu of actions opened from a trigger.
+ *
+ * Use a DropdownMenu for a short list of commands attached to one control,
+ * such as a row's actions or an account menu. It supports arrow-key and
+ * typeahead navigation, and Escape closes it. Keep a command that is the
+ * primary action on the surface visible instead of hiding it here.
+ */
+declare function DropdownMenu({ ...props }: DropdownMenuProps): import("react").JSX.Element;
+/** The element that opens the menu. */
+declare function DropdownMenuTrigger({ className, ...props }: DropdownMenuTriggerProps): import("react").JSX.Element;
+/** The floating menu surface. */
+declare function DropdownMenuContent({ className, side, align, sideOffset, alignOffset, children, ...props }: DropdownMenuContentProps): import("react").JSX.Element;
+/** One command in the menu. */
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): import("react").JSX.Element;
+/** A menu item that toggles a setting on or off. */
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: DropdownMenuCheckboxItemProps): import("react").JSX.Element;
+/** A set of radio items that selects exactly one value. */
+declare function DropdownMenuRadioGroup({ className, ...props }: DropdownMenuRadioGroupProps): import("react").JSX.Element;
+/** A menu item that selects one value from an implicit radio group. */
+declare function DropdownMenuRadioItem({ className, children, ...props }: DropdownMenuRadioItemProps): import("react").JSX.Element;
+/** A non-interactive heading inside a menu group. */
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): import("react").JSX.Element;
+/** A rule between groups of commands. */
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react").JSX.Element;
+/** A labelled set of related commands. */
+declare function DropdownMenuGroup({ className, ...props }: DropdownMenuGroupProps): import("react").JSX.Element;
+/** An item that opens a nested menu. */
+declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): import("react").JSX.Element;
+/** The item that opens a submenu. */
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): import("react").JSX.Element;
+/** The nested menu surface. */
+declare function DropdownMenuSubContent({ className, align, sideOffset, children, ...props }: DropdownMenuSubContentProps): import("react").JSX.Element;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+const POPUP = 'bg-popover text-popover-foreground z-50 max-h-(--available-height) min-w-36 overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md outline-none transition-[opacity,transform] duration-fast ease-out data-[starting-style]:scale-95 data-[starting-style]:opacity-0 data-[ending-style]:scale-95 data-[ending-style]:opacity-0';
+const ITEM = 'focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4';
+/**
+ * A menu of actions opened from a trigger.
+ *
+ * Use a DropdownMenu for a short list of commands attached to one control,
+ * such as a row's actions or an account menu. It supports arrow-key and
+ * typeahead navigation, and Escape closes it. Keep a command that is the
+ * primary action on the surface visible instead of hiding it here.
+ */
+function DropdownMenu({ ...props }) {
+    return _jsx(MenuPrimitive.Root, { ...props });
+}
+/** The element that opens the menu. */
+function DropdownMenuTrigger({ className, ...props }) {
+    return (_jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", className: cn('bg-background shadow-xs inline-flex h-9 items-center justify-center gap-2 rounded-md border px-3 text-sm font-medium outline-none', 'transition-[color,box-shadow,background-color] duration-fast ease-out', 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'disabled:pointer-events-none disabled:opacity-50', className), ...props }));
+}
+/** The floating menu surface. */
+function DropdownMenuContent({ className, side = 'bottom', align = 'start', sideOffset = 4, alignOffset = 0, children, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn(POPUP, className), ...props, children: children }) }) }));
+}
+/** One command in the menu. */
+function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
+    return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", className: cn(ITEM, 'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:data-[highlighted]:bg-destructive/10', inset && 'pl-8', className), "data-variant": variant, ...props }));
+}
+/** A menu item that toggles a setting on or off. */
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", checked: checked, className: cn(ITEM, 'pr-8 pl-8', className), ...props, children: [_jsx(MenuPrimitive.CheckboxItemIndicator, { className: "absolute left-2 flex size-4 items-center justify-center", children: _jsx(CheckIcon, { className: "size-4" }) }), children] }));
+}
+/** A set of radio items that selects exactly one value. */
+function DropdownMenuRadioGroup({ className, ...props }) {
+    return (_jsx(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", className: cn(className), ...props }));
+}
+/** A menu item that selects one value from an implicit radio group. */
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn(ITEM, 'pr-8 pl-8', className), ...props, children: [_jsx(MenuPrimitive.RadioItemIndicator, { className: "absolute left-2 flex size-4 items-center justify-center", children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }), children] }));
+}
+/** A non-interactive heading inside a menu group. */
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(MenuPrimitive.GroupLabel, { "data-slot": "dropdown-menu-label", className: cn('px-2 py-1.5 text-xs font-medium', inset && 'pl-8', className), ...props }));
+}
+/** A rule between groups of commands. */
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(MenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
+}
+/** A labelled set of related commands. */
+function DropdownMenuGroup({ className, ...props }) {
+    return (_jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", className: cn(className), ...props }));
+}
+/** An item that opens a nested menu. */
+function DropdownMenuSub({ ...props }) {
+    return _jsx(MenuPrimitive.SubmenuRoot, { ...props });
+}
+/** The item that opens a submenu. */
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "dropdown-menu-sub-trigger", className: cn(ITEM, inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
+}
+/** The nested menu surface. */
+function DropdownMenuSubContent({ className, align = 'start', sideOffset = 0, children, ...props }) {
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { align: align, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-sub-content", className: cn(POPUP, className), ...props, children: children }) }) }));
+}
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/fact-list.d.ts

@@ -0,0 +1,90 @@
+import type { ComponentProps, ReactNode } from 'react';
+/**
+ * One fact: the term that names it and the value that answers it.
+ *
+ * `label` is required and `value` is required, because a fact with no value is a
+ * heading and a fact with no term is a value with nothing to answer. A fact whose
+ * value is a destination passes `href` and gets an anchor, so a reader can
+ * follow it rather than read it.
+ */
+export type Fact = {
+    /**
+     * The name of the fact, the term side of the pair. It is a label rather than
+     * prose: a column of these is read by scanning the left edge, so a term that
+     * wraps to two lines costs the whole column its alignment.
+     */
+    label: ReactNode;
+    /** The answer. A string, or any node a consumer composes. */
+    value: ReactNode;
+    /**
+     * Makes the value a link to where the fact is kept. Omit it for a fact whose
+     * value is the whole answer, such as a count or a version.
+     */
+    href?: string;
+    /**
+     * Opens the destination in a new browsing context, which defaults the link
+     * relationship to `noopener noreferrer`. Prism does not decide what counts as
+     * external: a cross-origin destination is not by itself a reason to open a tab.
+     */
+    newTab?: boolean;
+};
+/**
+ * The props a FactList takes.
+ *
+ * The facts are the content and the content is a prop: the list ships no fact,
+ * no sample row and no placeholder. An empty list renders nothing rather than an
+ * empty frame, so a caller that has nothing to say does not get a bordered box
+ * with a title above it.
+ */
+export type FactListProps = ComponentProps<'dl'> & {
+    /**
+     * The facts, in the order a reader should meet them. Order is the caller's
+     * because it is a claim about importance, and a list that sorted itself would
+     * be making that claim on the caller's behalf.
+     */
+    facts: readonly Fact[];
+    /**
+     * A heading above the list, for a set of facts that needs to say what it is.
+     * Rendered as a `dt`-level caption rather than as a heading, so it does not
+     * compete with the document's own outline.
+     */
+    label?: ReactNode;
+    /**
+     * Layout only, exactly as on every Component. Changing a Prism-owned visual
+     * property from here is prohibited.
+     */
+    className?: string;
+};
+/**
+ * A short list of named facts, as a definition list.
+ *
+ * One job: put a term beside its value in a column a reader can scan, and make
+ * the pair a real description list so a screen reader announces the term before
+ * the value. Every NaniSoft site states facts beside prose: what a plan costs,
+ * what a feed carries, which version a document describes, when a collector went
+ * live. Each one re-derived a `<dl>` and each one got the alignment and the
+ * term-before-value wiring subtly wrong.
+ *
+ * It is a Component rather than a Block because it has no content of its own to
+ * be passed, and because the fact set is data rather than a section: a Block
+ * models a region of a page and this models a shape that appears inside one.
+ *
+ * The term column is a fixed fraction rather than a content width, so a column
+ * of facts lines up down its whole length and a long term pushes the value rather
+ * than resizing every other row. Values align to the top, because a value that
+ * wraps and a value that does not are both common and centring one of them reads
+ * as an error.
+ *
+ * The hairline between rows is `border-border`, so a list of facts reads as a
+ * table without becoming one: no header row, because a fact has no column
+ * header, and no `Table` semantics, because these are terms and their answers
+ * rather than records.
+ *
+ * A fact with no value renders the term and nothing else, so a caller that is
+ * missing an answer shows a gap rather than a blank that reads as a value.
+ *
+ * It is a server Component: no hook, no context and no client code.
+ */
+declare function FactList({ facts, label, className, ...props }: FactListProps): import("react").JSX.Element | null;
+export { FactList };
+//# sourceMappingURL=fact-list.d.ts.map

package/dist/components/ui/fact-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/fact-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD;;;;;;;GAOG;AACH,MAAM,MAAM,IAAI,GAAG;IACjB;;;;OAIG;IACH,KAAK,EAAE,SAAS,CAAA;IAChB,6DAA6D;IAC7D,KAAK,EAAE,SAAS,CAAA;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IACjD;;;;OAIG;IACH,KAAK,EAAE,SAAS,IAAI,EAAE,CAAA;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,sCAuCrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/fact-list.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * A short list of named facts, as a definition list.
+ *
+ * One job: put a term beside its value in a column a reader can scan, and make
+ * the pair a real description list so a screen reader announces the term before
+ * the value. Every NaniSoft site states facts beside prose: what a plan costs,
+ * what a feed carries, which version a document describes, when a collector went
+ * live. Each one re-derived a `<dl>` and each one got the alignment and the
+ * term-before-value wiring subtly wrong.
+ *
+ * It is a Component rather than a Block because it has no content of its own to
+ * be passed, and because the fact set is data rather than a section: a Block
+ * models a region of a page and this models a shape that appears inside one.
+ *
+ * The term column is a fixed fraction rather than a content width, so a column
+ * of facts lines up down its whole length and a long term pushes the value rather
+ * than resizing every other row. Values align to the top, because a value that
+ * wraps and a value that does not are both common and centring one of them reads
+ * as an error.
+ *
+ * The hairline between rows is `border-border`, so a list of facts reads as a
+ * table without becoming one: no header row, because a fact has no column
+ * header, and no `Table` semantics, because these are terms and their answers
+ * rather than records.
+ *
+ * A fact with no value renders the term and nothing else, so a caller that is
+ * missing an answer shows a gap rather than a blank that reads as a value.
+ *
+ * It is a server Component: no hook, no context and no client code.
+ */
+function FactList({ facts, label, className, ...props }) {
+    if (facts.length === 0)
+        return null;
+    return (_jsxs("dl", { "data-slot": "fact-list", className: cn('flex w-full flex-col text-sm', className), ...props, children: [label ? (_jsx("dt", { className: "text-muted-foreground mb-2 text-xs font-medium tracking-wide uppercase", children: label })) : null, facts.map((fact, index) => (_jsxs("div", { "data-slot": "fact-list-row", className: "border-border flex items-start justify-between gap-6 border-b py-2 last:border-b-0", children: [_jsx("dt", { className: "text-muted-foreground shrink-0 font-medium", children: fact.label }), _jsx("dd", { className: "text-right text-balance", children: fact.href ? (_jsx("a", { href: fact.href, rel: fact.newTab ? 'noopener noreferrer' : undefined, target: fact.newTab ? '_blank' : undefined, className: "underline underline-offset-4 hover:underline", children: fact.value })) : (fact.value) })] }, index)))] }));
+}
+export { FactList };

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

@@ -0,0 +1,36 @@
+import type { ComponentProps } from 'react';
+/**
+ * The layout and labelling components that wrap a form control.
+ *
+ * The module ships `Field`, `FieldLabel`, `FieldDescription`, `FieldError` and
+ * `FieldGroup`, and each is presentational: the consumer owns the control's
+ * `id` and wires it to the label's `htmlFor` and to the description or error's
+ * `id` through `aria-describedby`. Nothing here generates an `id`, so a field
+ * stays a Server Component and no markup is decided at hydration time.
+ */
+declare function Field({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** Groups several related fields, for example one row of a settings form. */
+declare function FieldGroup({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The control's accessible name.
+ *
+ * Renders a native `<label>`; pass the control's `id` as `htmlFor` so the name
+ * is programmatically attached rather than merely adjacent.
+ */
+declare function FieldLabel({ className, ...props }: ComponentProps<'label'>): import("react").JSX.Element;
+/**
+ * A short helper line under the control.
+ *
+ * Give it an `id` and reference it from the control's `aria-describedby`; the
+ * text is an explanation, not the accessible name.
+ */
+declare function FieldDescription({ className, ...props }: ComponentProps<'p'>): import("react").JSX.Element;
+/**
+ * The field's error message.
+ *
+ * Carries `role="alert"`, so it is announced when it appears. It is shown only
+ * while the field is invalid; render nothing otherwise.
+ */
+declare function FieldError({ className, ...props }: ComponentProps<'p'>): import("react").JSX.Element;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/ui/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;;;;GAQG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAS5D;AAED,6EAA6E;AAC7E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BASjE;AAED;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAWnE;AAED;;;;;GAKG;AACH,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,+BAQrE;AAED;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,+BAS/D;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/ui/field.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * The layout and labelling components that wrap a form control.
+ *
+ * The module ships `Field`, `FieldLabel`, `FieldDescription`, `FieldError` and
+ * `FieldGroup`, and each is presentational: the consumer owns the control's
+ * `id` and wires it to the label's `htmlFor` and to the description or error's
+ * `id` through `aria-describedby`. Nothing here generates an `id`, so a field
+ * stays a Server Component and no markup is decided at hydration time.
+ */
+function Field({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field", role: "group", className: cn('flex w-full flex-col gap-1.5', className), ...props }));
+}
+/** Groups several related fields, for example one row of a settings form. */
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", role: "group", className: cn('flex w-full flex-col gap-6', className), ...props }));
+}
+/**
+ * The control's accessible name.
+ *
+ * Renders a native `<label>`; pass the control's `id` as `htmlFor` so the name
+ * is programmatically attached rather than merely adjacent.
+ */
+function FieldLabel({ className, ...props }) {
+    return (_jsx("label", { "data-slot": "field-label", className: cn('text-foreground text-sm leading-none font-medium', className), ...props }));
+}
+/**
+ * A short helper line under the control.
+ *
+ * Give it an `id` and reference it from the control's `aria-describedby`; the
+ * text is an explanation, not the accessible name.
+ */
+function FieldDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+}
+/**
+ * The field's error message.
+ *
+ * Carries `role="alert"`, so it is announced when it appears. It is shown only
+ * while the field is invalid; render nothing otherwise.
+ */
+function FieldError({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-error", role: "alert", className: cn('text-destructive text-sm font-medium', className), ...props }));
+}
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup };

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+/**
+ * The single-line text control.
+ *
+ * Renders a native `<input>`, so it submits, validates and takes focus without
+ * extra work. The focus ring is drawn at full strength, and `aria-invalid`
+ * switches the border and ring to the destructive token so a failed field is
+ * visible as well as announced.
+ */
+declare function Input({ className, type, ...props }: ComponentProps<'input'>): import("react").JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;;;GAOG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,CAAC,+BAcpE;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/input.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * The single-line text control.
+ *
+ * Renders a native `<input>`, so it submits, validates and takes focus without
+ * extra work. The focus ring is drawn at full strength, and `aria-invalid`
+ * switches the border and ring to the destructive token so a failed field is
+ * visible as well as announced.
+ */
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn('border-input bg-background text-foreground selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base shadow-xs transition-[color,box-shadow] duration-fast ease-out outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20', className), ...props }));
+}
+export { Input };

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from 'react';
+/**
+ * An inline label for a keyboard key or shortcut.
+ *
+ * Renders a native `<kbd>`, so a screen reader can identify it as input the
+ * reader types rather than as text to read. Use one element per key.
+ */
+declare function Kbd({ className, ...props }: ComponentProps<'kbd'>): import("react").JSX.Element;
+export { Kbd };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/components/ui/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAW1D;AAED,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/dist/components/ui/kbd.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * An inline label for a keyboard key or shortcut.
+ *
+ * Renders a native `<kbd>`, so a screen reader can identify it as input the
+ * reader types rather than as text to read. Use one element per key.
+ */
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn('bg-muted text-muted-foreground pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none', className), ...props }));
+}
+export { Kbd };