@nanisoft/prism-ui 0.4.0 → 0.5.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,4EAA4E;IAC5E,KAAK,CAAC,EAAE,OAAO,GAAG,YAAY,CAAA;IAC9B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,oDAAoD;AACpD,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,QAAQ,CAAC;IACnE,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAChE,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;GAQG;AACH,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAE1C;AAED,0CAA0C;AAC1C,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAcnE;AAED,oCAAoC;AACpC,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAe,EACf,KAAgB,EAChB,UAAc,EACd,WAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,+BA0BrB;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/popover.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { cn } from '../../lib/utils';
+/**
+ * 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.
+ */
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { ...props });
+}
+/** The element that opens the popover. */
+function PopoverTrigger({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-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 popover surface. */
+function PopoverContent({ className, side = 'bottom', align = 'center', sideOffset = 4, alignOffset = 0, children, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, alignOffset: alignOffset, className: "z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn('bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 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', className), ...props, children: children }) }) }));
+}
+export { Popover, PopoverTrigger, PopoverContent };

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

@@ -0,0 +1,38 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Progress forwards to its Base UI root.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface ProgressProps extends ComponentProps<'div'> {
+    /**
+     * The current value. Pass `null` for an indeterminate task.
+     *
+     * There is no default: a progress bar without a value is a claim, so the
+     * consumer states where the task is.
+     */
+    value: number | null;
+    /** The maximum value. @defaultValue 100 */
+    max?: number;
+    /** The minimum value. @defaultValue 0 */
+    min?: number;
+    /** Options passed to `Intl.NumberFormat` when the value is rendered. */
+    format?: Intl.NumberFormatOptions;
+    /** The locale used when formatting the value. */
+    locale?: Intl.LocalesArgument;
+    /** Returns the text alternative announced for a value. */
+    getAriaValueText?: (formattedValue: string, value: number | null) => string;
+}
+/**
+ * A bar that reports how far a task has progressed.
+ *
+ * The bar exposes its value, minimum and maximum through ARIA, so a screen
+ * reader announces the position rather than the pixels. It is a status, not a
+ * control: the reader watches it, and an interrupting task uses an Alert
+ * instead. Pass `value={null}` for a task of unknown length, where the bar is
+ * announced as indeterminate.
+ */
+declare function Progress({ className, ...props }: ProgressProps): import("react").JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,wEAAwE;IACxE,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACjC,iDAAiD;IACjD,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAA;IAC7B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAA;CAC5E;AAED;;;;;;;;GAQG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAkBvD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/ui/progress.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+import { cn } from '../../lib/utils';
+/**
+ * A bar that reports how far a task has progressed.
+ *
+ * The bar exposes its value, minimum and maximum through ARIA, so a screen
+ * reader announces the position rather than the pixels. It is a status, not a
+ * control: the reader watches it, and an interrupting task uses an Alert
+ * instead. Pass `value={null}` for a task of unknown length, where the bar is
+ * announced as indeterminate.
+ */
+function Progress({ className, ...props }) {
+    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn('flex w-full flex-col gap-2', className), ...props, children: _jsx(ProgressPrimitive.Track, { "data-slot": "progress-track", className: "bg-muted relative h-2 w-full overflow-hidden rounded-full", children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full rounded-full transition-[width] duration-base ease-out" }) }) }));
+}
+export { Progress };

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,66 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the RadioGroup forwards to its Base UI root.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface RadioGroupProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** The selected item's value, when the group is controlled. */
+    value?: string;
+    /** The item selected initially, for an uncontrolled group. */
+    defaultValue?: string;
+    /** Called when the selection changes. */
+    onValueChange?: (value: string) => void;
+    /** The form field name submitted with the form. */
+    name?: string;
+    /** Identifies the form that owns the hidden inputs. */
+    form?: string;
+    /** Whether every item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the user may not change the selection. */
+    readOnly?: boolean;
+    /** Whether a value must be chosen before the form submits. */
+    required?: boolean;
+    /** The group's accessible name when no visible legend is used. */
+    'aria-label'?: string;
+}
+/**
+ * The props the RadioGroupItem forwards to its Base UI radio.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface RadioGroupItemProps extends Omit<ComponentProps<'span'>, 'onChange'> {
+    /** The value this item contributes to the group. */
+    value: string;
+    /** Whether this item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether this item must be chosen before the form submits. */
+    required?: boolean;
+    /** Whether the user may not change this item's selection. */
+    readOnly?: boolean;
+    /** The item's accessible name when no visible label is used. */
+    'aria-label'?: string;
+}
+/**
+ * A set of radio items where exactly one may be chosen.
+ *
+ * The group owns the value and the keyboard model: arrow keys move between
+ * items inside the group, while Tab moves into and out of the group as one
+ * stop. Always give the group a visible legend or an `aria-label`, and use a
+ * RadioGroup rather than a set of checkboxes when the choices are mutually
+ * exclusive.
+ */
+declare function RadioGroup({ className, ...props }: RadioGroupProps): import("react").JSX.Element;
+/**
+ * One choice inside a RadioGroup.
+ *
+ * Renders a circular control with a hidden native radio beside it, so it
+ * submits with the form. Space selects the focused item when arrow-key
+ * navigation has not already selected it. Put the item beside its
+ * `FieldLabel`, and keep the group's name on the RadioGroup itself.
+ */
+declare function RadioGroupItem({ className, value, ...props }: RadioGroupItemProps): import("react").JSX.Element;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC9E,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACnF,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAQ3D;AAED;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAwB1E;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/radio-group.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { CircleIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+/**
+ * A set of radio items where exactly one may be chosen.
+ *
+ * The group owns the value and the keyboard model: arrow keys move between
+ * items inside the group, while Tab moves into and out of the group as one
+ * stop. Always give the group a visible legend or an `aria-label`, and use a
+ * RadioGroup rather than a set of checkboxes when the choices are mutually
+ * exclusive.
+ */
+function RadioGroup({ className, ...props }) {
+    return (_jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+}
+/**
+ * One choice inside a RadioGroup.
+ *
+ * Renders a circular control with a hidden native radio beside it, so it
+ * submits with the form. Space selects the focused item when arrow-key
+ * navigation has not already selected it. Put the item beside its
+ * `FieldLabel`, and keep the group's name on the RadioGroup itself.
+ */
+function RadioGroupItem({ className, value, ...props }) {
+    return (_jsx(RadioPrimitive.Root, { value: value, "data-slot": "radio-group-item", className: cn('border-input text-primary shadow-xs aspect-square size-4 shrink-0 rounded-full border outline-none', 'transition-[color,box-shadow,border-color] duration-fast ease-out', 'data-[checked]:border-primary', 'focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20', 'disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(RadioPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
+}
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+/**
+ * Container primitive. Every block composes its own section from this so vertical
+ * rhythm stays consistent across the catalog instead of being re-invented per block.
+ */
+export declare function Section({ className, children, ...props }: React.ComponentProps<'section'>): import("react").JSX.Element;
+/**
+ * The six heading levels a block can be composed at.
+ *
+ * Every block takes a `headingLevel` prop typed with this and forwards it to the
+ * one heading it renders, so the surrounding document decides where the block
+ * sits in the outline rather than the block deciding for itself. `h2` is the
+ * default because a block is composed, not a page.
+ *
+ * A block rendered where the document *already* owns a heading for the same
+ * content passes one level deeper. A catalog card already names the block in its
+ * own `h2`, so the copy of the block embedded inside that card passes `h3`: the
+ * embedded heading then reads as a child of the card that introduces it instead
+ * of as a second, competing sibling. This is a fact about where the block was
+ * placed, not about the block, which is why it is a prop and not a default.
+ */
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare function SectionHeading({ eyebrow, title, as: Heading, description, align, className, }: {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    align?: 'center' | 'left';
+    /**
+     * Heading level. Defaults to `h2` because blocks compose under a page heading.
+     * A page that renders a block as its primary heading passes `as="h1"`; a
+     * document with no `h1` gives screen-reader and search engines no top-level
+     * entry point.
+     */
+    as?: HeadingLevel;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/ui/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,+BAWjC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAElE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,EAAE,EAAE,OAAc,EAClB,WAAW,EACX,KAAgB,EAChB,SAAS,GACV,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACzB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAwBA"}

package/dist/components/ui/section.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * Container primitive. Every block composes its own section from this so vertical
+ * rhythm stays consistent across the catalog instead of being re-invented per block.
+ */
+export function Section({ className, children, ...props }) {
+    return (_jsx("section", { className: cn('py-16 sm:py-24', className), ...props, children: _jsx("div", { className: "mx-auto w-full max-w-6xl px-6 lg:px-8", children: children }) }));
+}
+export function SectionHeading({ eyebrow, title, as: Heading = 'h2', description, align = 'center', className, }) {
+    return (_jsxs("div", { className: cn('flex flex-col gap-4', align === 'center' ? 'items-center text-center' : 'items-start text-left', className), children: [eyebrow ? (_jsx("span", { className: "text-muted-foreground text-sm font-medium tracking-wide uppercase", children: eyebrow })) : null, _jsx(Heading, { className: "text-3xl font-semibold tracking-tight text-balance sm:text-4xl", children: title }), description ? (_jsx("p", { className: "text-muted-foreground max-w-2xl text-lg text-pretty", children: description })) : null] }));
+}

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

@@ -0,0 +1,124 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Select 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 SelectProps {
+    /** The selected value, when the select is controlled. */
+    value?: string;
+    /** The value selected initially, for an uncontrolled select. */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onValueChange?: (value: string | null) => void;
+    /** The controlled open state of the popup. */
+    open?: boolean;
+    /** The initially open state of the popup. */
+    defaultOpen?: boolean;
+    /** Called when the popup opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** The form field name submitted with the form. */
+    name?: string;
+    /** Identifies the form that owns the hidden input. */
+    form?: string;
+    /** Whether a value must be chosen before the form submits. */
+    required?: boolean;
+    /** Whether the select ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the user may open the popup but not change the value. */
+    readOnly?: boolean;
+    /**
+     * The options, keyed by value, so the trigger can render a label before any
+     * item has mounted. Without it, `SelectValue` shows the raw value.
+     */
+    items?: Record<string, React.ReactNode> | ReadonlyArray<{
+        label: React.ReactNode;
+        value: string;
+    }>;
+    /** Converts an item value to the label shown in the trigger. */
+    itemToStringLabel?: (value: string) => string;
+    /** The trigger and the popup content. */
+    children?: React.ReactNode;
+}
+/** The props SelectTrigger forwards to Base UI. */
+export interface SelectTriggerProps extends ComponentProps<'button'> {
+    /** The trigger's height. @defaultValue default */
+    size?: 'sm' | 'default';
+}
+/**
+ * The props SelectValue 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 SelectValueProps extends Omit<ComponentProps<'span'>, 'children'> {
+    /** Shown when no value is selected. */
+    placeholder?: React.ReactNode;
+    /** Optional render function for the selected value. */
+    children?: React.ReactNode | ((value: string | null) => React.ReactNode);
+}
+/**
+ * The props SelectContent 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 SelectContentProps extends ComponentProps<'div'> {
+    /** Which side of the trigger the list is placed on. @defaultValue bottom */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /** How the list aligns against the trigger. @defaultValue center */
+    align?: 'start' | 'center' | 'end';
+    /** The distance in pixels between the trigger and the list. @defaultValue 4 */
+    sideOffset?: number;
+}
+/**
+ * The props SelectItem 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 SelectItemProps extends Omit<ComponentProps<'div'>, 'value'> {
+    /** The value this option contributes to the select. */
+    value: string;
+    /** Whether this option ignores user interaction. */
+    disabled?: boolean;
+    /** A text label used for keyboard typeahead when the option text differs. */
+    label?: string;
+}
+/** The props SelectGroup forwards to Base UI. */
+export interface SelectGroupProps extends ComponentProps<'div'> {
+}
+/** The props SelectLabel forwards to Base UI. */
+export interface SelectLabelProps extends ComponentProps<'div'> {
+}
+/** The props SelectSeparator forwards to Base UI. */
+export interface SelectSeparatorProps extends ComponentProps<'div'> {
+}
+/**
+ * A control for choosing one option from a list that opens on demand.
+ *
+ * Use a Select when the option set is long enough that a radio group would
+ * overwhelm the form, or when only the chosen value needs to stay visible.
+ * The trigger is a button with a combobox role, and the popup supports
+ * typeahead, arrow-key navigation and Enter to choose. Always pair it with a
+ * `FieldLabel`; the selected value shows in the trigger, so the label names
+ * the field rather than the choice.
+ */
+declare function Select({ ...props }: SelectProps): import("react").JSX.Element;
+/** The button that shows the selected value and opens the list. */
+declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): import("react").JSX.Element;
+/** The selected value, or a placeholder while none is chosen. */
+declare function SelectValue({ className, ...props }: SelectValueProps): import("react").JSX.Element;
+/** The popup list of options. */
+declare function SelectContent({ className, side, align, sideOffset, children, ...props }: SelectContentProps): import("react").JSX.Element;
+/** One option in the list. */
+declare function SelectItem({ className, children, ...props }: SelectItemProps): import("react").JSX.Element;
+/** A labelled set of related options. */
+declare function SelectGroup({ className, ...props }: SelectGroupProps): import("react").JSX.Element;
+/** The label for a SelectGroup. */
+declare function SelectLabel({ className, ...props }: SelectLabelProps): import("react").JSX.Element;
+/** A rule between groups of options. */
+declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): import("react").JSX.Element;
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, };
+//# sourceMappingURL=select.d.ts.map

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

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

package/dist/components/ui/select.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { CheckIcon, ChevronDownIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+/**
+ * A control for choosing one option from a list that opens on demand.
+ *
+ * Use a Select when the option set is long enough that a radio group would
+ * overwhelm the form, or when only the chosen value needs to stay visible.
+ * The trigger is a button with a combobox role, and the popup supports
+ * typeahead, arrow-key navigation and Enter to choose. Always pair it with a
+ * `FieldLabel`; the selected value shows in the trigger, so the label names
+ * the field rather than the choice.
+ */
+function Select({ ...props }) {
+    return _jsx(SelectPrimitive.Root, { ...props });
+}
+/** The button that shows the selected value and opens the list. */
+function SelectTrigger({ className, size = 'default', children, ...props }) {
+    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", className: cn('border-input bg-background shadow-xs flex w-full items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm outline-none', 'transition-[color,box-shadow,border-color] duration-fast ease-out', 'data-[popup-open]:border-ring focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px]', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20', 'disabled:cursor-not-allowed disabled:opacity-50', 'data-[placeholder]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0', size === 'sm' ? 'h-8' : 'h-9', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { className: "text-muted-foreground", children: _jsx(ChevronDownIcon, { className: "size-4" }) })] }));
+}
+/** The selected value, or a placeholder while none is chosen. */
+function SelectValue({ className, ...props }) {
+    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", className: cn(className), ...props });
+}
+/** The popup list of options. */
+function SelectContent({ className, side = 'bottom', align = 'center', sideOffset = 4, children, ...props }) {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Positioner, { side: side, align: align, sideOffset: sideOffset, className: "z-50", children: _jsx(SelectPrimitive.Popup, { "data-slot": "select-content", className: cn('bg-popover text-popover-foreground relative max-h-(--available-height) w-(--anchor-width) 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', className), ...props, children: _jsx(SelectPrimitive.List, { children: children }) }) }) }));
+}
+/** One option in the list. */
+function SelectItem({ className, children, ...props }) {
+    return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn('focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none', 'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx(SelectPrimitive.ItemIndicator, { className: "absolute right-2 flex size-4 items-center justify-center", children: _jsx(CheckIcon, { className: "size-4" }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+}
+/** A labelled set of related options. */
+function SelectGroup({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Group, { "data-slot": "select-group", className: cn(className), ...props }));
+}
+/** The label for a SelectGroup. */
+function SelectLabel({ className, ...props }) {
+    return (_jsx(SelectPrimitive.GroupLabel, { "data-slot": "select-label", className: cn('text-muted-foreground px-2 py-1.5 text-xs font-medium', className), ...props }));
+}
+/** A rule between groups of options. */
+function SelectSeparator({ className, ...props }) {
+    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn('bg-border pointer-events-none -mx-1 my-1 h-px', className), ...props }));
+}
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, };

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

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+/**
+ * A hairline rule that divides content.
+ *
+ * `orientation` is `horizontal` (default) or `vertical`. The rule is decorative
+ * by default, so it is hidden from assistive technology; pass
+ * `decorative={false}` when the rule expresses a real separation in a set of
+ * controls, which turns it into an ARIA separator with the matching
+ * orientation.
+ */
+declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+}): import("react").JSX.Element;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,+BAeA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/ui/separator.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * A hairline rule that divides content.
+ *
+ * `orientation` is `horizontal` (default) or `vertical`. The rule is decorative
+ * by default, so it is hidden from assistive technology; pass
+ * `decorative={false}` when the rule expresses a real separation in a set of
+ * controls, which turns it into an ARIA separator with the matching
+ * orientation.
+ */
+function Separator({ className, orientation = 'horizontal', decorative = true, ...props }) {
+    return (_jsx("div", { "data-slot": "separator", "data-orientation": orientation, role: decorative ? 'none' : 'separator', "aria-orientation": decorative ? undefined : orientation, className: cn('bg-border shrink-0', orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px', className), ...props }));
+}
+export { Separator };

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

@@ -0,0 +1,12 @@
+import type { ComponentProps } from 'react';
+/**
+ * A placeholder surface that mirrors the shape of content while it loads.
+ *
+ * It ships without a shimmer on purpose. Prism authors no keyframes, so the
+ * placeholder is a static muted block and the shape, not a pulse, is what tells
+ * the reader content is coming. Set its size with `className`, which is layout
+ * and therefore permitted.
+ */
+declare function Skeleton({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

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

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

package/dist/components/ui/skeleton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+/**
+ * A placeholder surface that mirrors the shape of content while it loads.
+ *
+ * It ships without a shimmer on purpose. Prism authors no keyframes, so the
+ * placeholder is a static muted block and the shape, not a pulse, is what tells
+ * the reader content is coming. Set its size with `className`, which is layout
+ * and therefore permitted.
+ */
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "skeleton", "aria-hidden": "true", className: cn('bg-muted rounded-md', className), ...props }));
+}
+export { Skeleton };

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

@@ -0,0 +1,43 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Slider forwards to its Base UI root.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface SliderProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {
+    /** The current value, when the slider is controlled. */
+    value?: number;
+    /** The value the slider starts at, for an uncontrolled slider. */
+    defaultValue?: number;
+    /** The minimum allowed value. @defaultValue 0 */
+    min?: number;
+    /** The maximum allowed value. @defaultValue 100 */
+    max?: number;
+    /** The granularity the slider steps by. @defaultValue 1 */
+    step?: number;
+    /** Whether the slider ignores user interaction. */
+    disabled?: boolean;
+    /** The axis the slider moves along. @defaultValue horizontal */
+    orientation?: 'horizontal' | 'vertical';
+    /** The form field name submitted with the form. */
+    name?: string;
+    /** Identifies the form that owns the hidden input. */
+    form?: string;
+    /** The slider's accessible name when no visible label is used. */
+    'aria-label'?: string;
+    /** Called as the value changes. */
+    onValueChange?: (value: number) => void;
+}
+/**
+ * A control for choosing a number along a range.
+ *
+ * The slider renders a real range input beside the styled track, so it is
+ * reachable by Tab and moved by arrow keys, with Home and End jumping to the
+ * ends. Give it an `aria-label` or a visible label. Use a Slider for a value
+ * that is approximate and continuous; when the exact number matters, use an
+ * Input of type number.
+ */
+declare function Slider({ className, 'aria-label': ariaLabel, ...props }: SliderProps): import("react").JSX.Element;
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC3F,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAED;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Bb;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/slider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import { cn } from '../../lib/utils';
+/**
+ * A control for choosing a number along a range.
+ *
+ * The slider renders a real range input beside the styled track, so it is
+ * reachable by Tab and moved by arrow keys, with Home and End jumping to the
+ * ends. Give it an `aria-label` or a visible label. Use a Slider for a value
+ * that is approximate and continuous; when the exact number matters, use an
+ * Input of type number.
+ */
+function Slider({ className, 'aria-label': ariaLabel, ...props }) {
+    return (_jsx(SliderPrimitive.Root, { "data-slot": "slider", className: cn('relative flex w-full touch-none items-center select-none', 'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', 'data-[disabled]:opacity-50', className), ...props, children: _jsxs(SliderPrimitive.Control, { className: "flex w-full items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", children: [_jsx(SliderPrimitive.Track, { className: "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5", children: _jsx(SliderPrimitive.Indicator, { className: "bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" }) }), _jsx(SliderPrimitive.Thumb, { "aria-label": ariaLabel, className: cn('border-primary bg-background shadow-xs ring-ring/50 block size-4 shrink-0 rounded-full border outline-none', 'transition-[color,box-shadow] duration-fast ease-out', 'hover:ring-4 focus-visible:ring-4', 'data-[disabled]:pointer-events-none') })] }) }));
+}
+export { Slider };

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

@@ -0,0 +1,42 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Switch forwards to its Base UI root.
+ *
+ * Declared here rather than re-exported from Base UI so no upstream type
+ * crosses the package seam (ticket 07 section 6).
+ */
+export interface SwitchProps extends Omit<ComponentProps<'span'>, 'onChange'> {
+    /** The control's accessible name when no visible label is used. */
+    'aria-label'?: string;
+    /** The controlled active state. */
+    checked?: boolean;
+    /** The initially active state, for an uncontrolled switch. */
+    defaultChecked?: boolean;
+    /** Whether the control ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the user may not change the state. */
+    readOnly?: boolean;
+    /** Whether the state must be active before the form submits. */
+    required?: boolean;
+    /** The form field name submitted with the form. */
+    name?: string;
+    /** The value submitted when the switch is on. */
+    value?: string;
+    /** The value submitted when the switch is off. */
+    uncheckedValue?: string;
+    /** Identifies the form that owns the hidden input. */
+    form?: string;
+    /** Called when the active state changes. */
+    onCheckedChange?: (checked: boolean) => void;
+}
+/**
+ * A binary control that takes effect immediately.
+ *
+ * Use a Switch when flipping it applies the change at once, without a submit
+ * step: enabling notifications, turning a feature on. The control renders a
+ * hidden native input, so it submits with a form, and Space toggles it while
+ * focused. When the change needs an explicit save, use a Checkbox instead.
+ */
+declare function Switch({ className, ...props }: SwitchProps): import("react").JSX.Element;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC3E,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC7C;AAED;;;;;;;GAOG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAyBnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}