@nanisoft/prism-ui 0.4.0 → 0.5.1

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/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 };

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

@@ -0,0 +1,40 @@
+import type { ComponentProps } from 'react';
+type PaginationSize = 'default' | 'sm' | 'lg' | 'icon';
+/**
+ * The control that moves between pages of a paged collection.
+ *
+ * The root is a `<nav>` with an accessible name, so the page links are grouped
+ * as one navigation region.
+ */
+declare function Pagination({ className, ...props }: ComponentProps<'nav'>): import("react").JSX.Element;
+/** The list that holds the page links. */
+declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>): import("react").JSX.Element;
+/** One slot in the list: a page link, a step control or an ellipsis. */
+declare function PaginationItem({ className, ...props }: ComponentProps<'li'>): import("react").JSX.Element;
+/**
+ * A link to one page.
+ *
+ * Renders a native `<a>`; set `isActive` on the current page so it is marked
+ * with `aria-current="page"`.
+ */
+declare function PaginationLink({ className, isActive, size, ...props }: ComponentProps<'a'> & {
+    isActive?: boolean;
+    size?: PaginationSize;
+}): import("react").JSX.Element;
+/** The step back to the previous page, with a hidden label on narrow layouts. */
+declare function PaginationPrevious({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): import("react").JSX.Element;
+/** The step forward to the next page, with a hidden label on narrow layouts. */
+declare function PaginationNext({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): import("react").JSX.Element;
+/**
+ * A held-back run of page numbers.
+ *
+ * It is hidden from assistive technology because the page links around it
+ * already name the range, and it is not focusable.
+ */
+declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,KAAK,cAAc,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAEtD;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BASjE;AAED,0CAA0C;AAC1C,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,+BAQvE;AAED,wEAAwE;AACxE,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,+BAEpE;AAED;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,cAAc,CAAA;CAAE,+BAoBrE;AAED,iFAAiF;AACjF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY3D;AAED,gFAAgF;AAChF,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAa,EACb,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY3D;AAED;;;;;GAKG;AACH,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,+BAW1E;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/dist/components/ui/pagination.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
+import { cn } from '../../lib/utils';
+/**
+ * The control that moves between pages of a paged collection.
+ *
+ * The root is a `<nav>` with an accessible name, so the page links are grouped
+ * as one navigation region.
+ */
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { "aria-label": "Pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
+}
+/** The list that holds the page links. */
+function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn('flex flex-row items-center gap-1', className), ...props }));
+}
+/** One slot in the list: a page link, a step control or an ellipsis. */
+function PaginationItem({ className, ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", className: cn(className), ...props });
+}
+/**
+ * A link to one page.
+ *
+ * Renders a native `<a>`; set `isActive` on the current page so it is marked
+ * with `aria-current="page"`.
+ */
+function PaginationLink({ className, isActive, size = 'icon', ...props }) {
+    return (_jsx("a", { "aria-current": isActive ? 'page' : undefined, "data-slot": "pagination-link", "data-active": isActive ? 'true' : undefined, className: cn('inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap outline-none transition-colors duration-fast ease-out focus-visible:ring-ring focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50', size === 'default' && 'h-9 px-4 py-2', size === 'sm' && 'h-8 px-3', size === 'lg' && 'h-10 px-6', size === 'icon' && 'size-9', isActive
+            ? 'border-border bg-background text-foreground border'
+            : 'text-foreground hover:bg-accent hover:text-accent-foreground', className), ...props }));
+}
+/** The step back to the previous page, with a hidden label on narrow layouts. */
+function PaginationPrevious({ className, text = 'Previous', ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to the previous page", size: "default", className: cn('gap-1 px-2.5 sm:pl-2.5', className), ...props, children: [_jsx(ChevronLeft, {}), _jsx("span", { className: "hidden sm:block", children: text })] }));
+}
+/** The step forward to the next page, with a hidden label on narrow layouts. */
+function PaginationNext({ className, text = 'Next', ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to the next page", size: "default", className: cn('gap-1 px-2.5 sm:pr-2.5', className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: text }), _jsx(ChevronRight, {})] }));
+}
+/**
+ * A held-back run of page numbers.
+ *
+ * It is hidden from assistive technology because the page links around it
+ * already name the range, and it is not focusable.
+ */
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "pagination-ellipsis", "aria-hidden": "true", className: cn('flex size-9 items-center justify-center', className), ...props, children: _jsx(MoreHorizontal, { className: "size-4" }) }));
+}
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };

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

@@ -0,0 +1,56 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Popover 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 PopoverProps {
+    /** The controlled open state. */
+    open?: boolean;
+    /** The initially open state, for an uncontrolled popover. */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the popover traps interaction while open. @defaultValue false */
+    modal?: boolean | 'trap-focus';
+    /** The trigger and content. */
+    children?: React.ReactNode;
+}
+/** The props PopoverTrigger forwards to Base UI. */
+export interface PopoverTriggerProps extends ComponentProps<'button'> {
+    /** Whether the trigger should also open the popover on hover. */
+    openOnHover?: boolean;
+}
+/**
+ * The props PopoverContent 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 PopoverContentProps extends ComponentProps<'div'> {
+    /** Which side of the trigger the popover is placed on. @defaultValue bottom */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** How the popover aligns against the trigger. @defaultValue center */
+    align?: 'start' | 'center' | 'end';
+    /** The distance in pixels between the trigger and the popover. @defaultValue 4 */
+    sideOffset?: number;
+    /** The offset in pixels along the alignment axis. @defaultValue 0 */
+    alignOffset?: number;
+}
+/**
+ * A floating surface opened by a trigger.
+ *
+ * Use a Popover for content that is richer than a tooltip but not a full
+ * screen: a settings form, a filter panel, a small detail view. It is
+ * dismissible with Escape and an outside press, and it returns focus to the
+ * trigger when it closes. Do not put a required step in a Popover, because an
+ * outside press can close it.
+ */
+declare function Popover({ ...props }: PopoverProps): import("react").JSX.Element;
+/** The element that opens the popover. */
+declare function PopoverTrigger({ className, ...props }: PopoverTriggerProps): import("react").JSX.Element;
+/** The floating popover surface. */
+declare function PopoverContent({ className, side, align, sideOffset, alignOffset, children, ...props }: PopoverContentProps): import("react").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map