@nanisoft/prism-ui 0.5.0 → 0.6.0

package/dist/components/index.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Every Prism component, one export list.
+ *
+ * Consumers who want a single item import `@nanisoft/prism-ui/components/<name>`;
+ * this barrel is the convenience entry for an app that uses most of the set.
+ * Compound parts stay inside their parent module (ticket 07): `Card` ships its
+ * header, title, description, content and footer here, and there is no
+ * `components/card-header` subpath.
+ */
+export { Button } from './ui/button';
+export { CtaLink } from './ui/cta-link';
+export { Badge } from './ui/badge';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './ui/card';
+export { Section, SectionHeading } from './ui/section';
+export type { HeadingLevel } from './ui/section';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, } from './ui/pagination';
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, } from './ui/field';
+export { Input } from './ui/input';
+export { Textarea } from './ui/textarea';
+export { Alert, AlertTitle, AlertDescription } from './ui/alert';
+export { Skeleton } from './ui/skeleton';
+export { Separator } from './ui/separator';
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, } from './ui/table';
+export { Heading, Text } from './ui/typography';
+export type { HeadingElement } from './ui/typography';
+export { Kbd } from './ui/kbd';
+export { Diagram } from './ui/diagram';
+export type { DiagramProps, DiagramNode, DiagramRelation } from './ui/diagram';
+export { ProductMark } from './ui/product-mark';
+export type { ProductMarkProps, ProductMarkSize } from './ui/product-mark';
+export { Prose } from './ui/prose';
+export type { ProseProps, ProseSize } from './ui/prose';
+export { FactList } from './ui/fact-list';
+export type { FactListProps, Fact } from './ui/fact-list';
+export { ProductSwitcher } from './ui/product-switcher';
+export type { ProductSwitcherProps, SwitcherProduct } from './ui/product-switcher';
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, } from './ui/select';
+export type { SelectProps, SelectTriggerProps, SelectValueProps } from './ui/select';
+export { Checkbox } from './ui/checkbox';
+export type { CheckboxProps } from './ui/checkbox';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group';
+export type { RadioGroupProps, RadioGroupItemProps } from './ui/radio-group';
+export { Switch } from './ui/switch';
+export type { SwitchProps } from './ui/switch';
+export { Slider } from './ui/slider';
+export type { SliderProps } from './ui/slider';
+export { Progress } from './ui/progress';
+export type { ProgressProps } from './ui/progress';
+export { Tooltip, TooltipTrigger, TooltipContent } from './ui/tooltip';
+export type { TooltipProps, TooltipTriggerProps, TooltipContentProps } from './ui/tooltip';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './ui/accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, } from './ui/accordion';
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, } from './ui/dialog';
+export type { DialogProps, DialogTriggerProps, DialogContentProps, DialogHeaderProps, DialogFooterProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, } from './ui/dialog';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './ui/dropdown-menu';
+export type { DropdownMenuProps, DropdownMenuTriggerProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuLabelProps, DropdownMenuSeparatorProps, DropdownMenuGroupProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuSubContentProps, } from './ui/dropdown-menu';
+export { Popover, PopoverTrigger, PopoverContent } from './ui/popover';
+export type { PopoverProps, PopoverTriggerProps, PopoverContentProps } from './ui/popover';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './ui/tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './ui/tabs';
+export { Avatar, AvatarImage, AvatarFallback } from './ui/avatar';
+export type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from './ui/avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

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

package/dist/components/index.js

@@ -0,0 +1,43 @@
+/**
+ * Every Prism component, one export list.
+ *
+ * Consumers who want a single item import `@nanisoft/prism-ui/components/<name>`;
+ * this barrel is the convenience entry for an app that uses most of the set.
+ * Compound parts stay inside their parent module (ticket 07): `Card` ships its
+ * header, title, description, content and footer here, and there is no
+ * `components/card-header` subpath.
+ */
+export { Button } from './ui/button';
+export { CtaLink } from './ui/cta-link';
+export { Badge } from './ui/badge';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, } from './ui/card';
+export { Section, SectionHeading } from './ui/section';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, } from './ui/pagination';
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, } from './ui/field';
+export { Input } from './ui/input';
+export { Textarea } from './ui/textarea';
+export { Alert, AlertTitle, AlertDescription } from './ui/alert';
+export { Skeleton } from './ui/skeleton';
+export { Separator } from './ui/separator';
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, } from './ui/table';
+export { Heading, Text } from './ui/typography';
+export { Kbd } from './ui/kbd';
+export { Diagram } from './ui/diagram';
+export { ProductMark } from './ui/product-mark';
+export { Prose } from './ui/prose';
+export { FactList } from './ui/fact-list';
+export { ProductSwitcher } from './ui/product-switcher';
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, } from './ui/select';
+export { Checkbox } from './ui/checkbox';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group';
+export { Switch } from './ui/switch';
+export { Slider } from './ui/slider';
+export { Progress } from './ui/progress';
+export { Tooltip, TooltipTrigger, TooltipContent } from './ui/tooltip';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './ui/accordion';
+export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, } from './ui/dialog';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './ui/dropdown-menu';
+export { Popover, PopoverTrigger, PopoverContent } from './ui/popover';
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './ui/tabs';
+export { Avatar, AvatarImage, AvatarFallback } from './ui/avatar';

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

@@ -0,0 +1,65 @@
+import type { ComponentProps } from 'react';
+/**
+ * The props the Accordion 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 AccordionProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** The open item values, when the accordion is controlled. */
+    value?: string[];
+    /** The item values open initially, for an uncontrolled accordion. */
+    defaultValue?: string[];
+    /** Called when the open set changes. */
+    onValueChange?: (value: string[]) => void;
+    /** Whether more than one item may be open at once. */
+    multiple?: boolean;
+    /** Whether every item ignores user interaction. */
+    disabled?: boolean;
+    /** Whether the browser's page search may expand a panel. */
+    hiddenUntilFound?: boolean;
+    /** Whether a closed panel stays in the DOM. */
+    keepMounted?: boolean;
+}
+/**
+ * The props the AccordionItem 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 AccordionItemProps extends Omit<ComponentProps<'div'>, 'onChange'> {
+    /** A stable value identifying this item within the accordion. */
+    value?: string;
+    /** Whether this item ignores user interaction. */
+    disabled?: boolean;
+    /** Called when this item opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/** The props the AccordionTrigger forwards to Base UI. */
+export interface AccordionTriggerProps extends ComponentProps<'button'> {
+}
+/** The props the AccordionContent forwards to Base UI. */
+export interface AccordionContentProps extends ComponentProps<'div'> {
+    /** Whether the browser's page search may expand this panel. */
+    hiddenUntilFound?: boolean;
+    /** Whether the closed panel stays in the DOM. */
+    keepMounted?: boolean;
+}
+/**
+ * A stack of headers that each reveal a panel.
+ *
+ * The trigger is a real button and the panel is linked to it by the library,
+ * so Enter or Space opens the focused item and the header announces its
+ * expanded state. By default one item is open at a time; pass `multiple` to
+ * allow several. Use an Accordion to reveal a long answer in place, and a
+ * Tabs set when the sections are peers rather than a progression.
+ */
+declare function Accordion({ className, ...props }: AccordionProps): import("react").JSX.Element;
+/** One header-and-panel pair inside an Accordion. */
+declare function AccordionItem({ className, ...props }: AccordionItemProps): import("react").JSX.Element;
+/** The button that opens and closes its panel. */
+declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): import("react").JSX.Element;
+/** The panel an AccordionTrigger reveals. */
+declare function AccordionContent({ className, ...props }: AccordionContentProps): import("react").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC7E,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACjF,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,0DAA0D;AAC1D,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,QAAQ,CAAC;CAAG;AAE1E,0DAA0D;AAC1D,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAQzD;AAED,qDAAqD;AACrD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAQjE;AAED,kDAAkD;AAClD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAkBjF;AAED,6CAA6C;AAC7C,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAcvE;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/accordion.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../../lib/utils';
+/**
+ * A stack of headers that each reveal a panel.
+ *
+ * The trigger is a real button and the panel is linked to it by the library,
+ * so Enter or Space opens the focused item and the header announces its
+ * expanded state. By default one item is open at a time; pass `multiple` to
+ * allow several. Use an Accordion to reveal a long answer in place, and a
+ * Tabs set when the sections are peers rather than a progression.
+ */
+function Accordion({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Root, { "data-slot": "accordion", className: cn('w-full', className), ...props }));
+}
+/** One header-and-panel pair inside an Accordion. */
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn('border-b border-border', className), ...props }));
+}
+/** The button that opens and closes its panel. */
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn('focus-visible:border-ring focus-visible:ring-ring flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-none', 'transition-[color,box-shadow] duration-fast ease-out hover:underline focus-visible:ring-[3px]', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-base ease-out data-[panel-open]:rotate-180" })] }) }));
+}
+/** The panel an AccordionTrigger reveals. */
+function AccordionContent({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Panel, { "data-slot": "accordion-content", className: cn('h-(--accordion-panel-height) overflow-hidden text-sm', 'transition-[height] duration-base ease-out data-[starting-style]:h-0 data-[ending-style]:h-0', className), ...props, children: _jsx("div", { className: "pt-0 pb-4", children: props.children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1,19 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A static callout that carries an important message.
+ *
+ * Renders a `<div role="alert">`, so it is announced when it enters the
+ * document. Compose it from `AlertTitle` and `AlertDescription`, and place a
+ * Lucide icon as the first child to add a visual marker.
+ */
+declare function Alert({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react").JSX.Element;
+/** The callout's short heading. */
+declare function AlertTitle({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** The callout's supporting sentence. */
+declare function AlertDescription({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,aAAa;;8EAYlB,CAAA;AAED;;;;;;GAMG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAS5D;AAED,mCAAmC;AACnC,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAWjE;AAED,yCAAyC;AACzC,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/alert.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const alertVariants = cva('relative grid w-full items-start gap-x-3 gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] [&>svg]:size-4 [&>svg]:translate-y-0.5', {
+    variants: {
+        variant: {
+            default: 'bg-card text-card-foreground',
+            destructive: 'border-destructive/40 text-destructive [&>svg]:text-destructive',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+/**
+ * A static callout that carries an important message.
+ *
+ * Renders a `<div role="alert">`, so it is announced when it enters the
+ * document. Compose it from `AlertTitle` and `AlertDescription`, and place a
+ * Lucide icon as the first child to add a visual marker.
+ */
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+/** The callout's short heading. */
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn('col-start-2 min-h-4 font-medium tracking-tight', className), ...props }));
+}
+/** The callout's supporting sentence. */
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription };

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

@@ -0,0 +1,47 @@
+import type { ComponentProps } from 'react';
+/** The props the Avatar forwards to its Base UI root. */
+export interface AvatarProps extends ComponentProps<'span'> {
+}
+/**
+ * The props the AvatarImage 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 AvatarImageProps extends ComponentProps<'img'> {
+    /** Called when the image loading status changes. */
+    onLoadingStatusChange?: (status: 'idle' | 'loading' | 'loaded' | 'error') => void;
+    /** Whether the image stays mounted and loads in place. @defaultValue false */
+    keepMounted?: boolean;
+}
+/**
+ * The props the AvatarFallback 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 AvatarFallbackProps extends ComponentProps<'span'> {
+    /** How long to wait before showing the fallback, in milliseconds. @defaultValue 0 */
+    delay?: number;
+}
+/**
+ * A person or entity's image, with initials as the fallback.
+ *
+ * Always render an `AvatarFallback`: it covers the moment before the image
+ * loads and the case where it never does, so the control is never an empty
+ * circle. Give `AvatarImage` a meaningful `alt`, or leave it empty when the
+ * adjacent name already identifies the person. Size the root with
+ * `className`; the image and fallback fill it.
+ */
+declare function Avatar({ className, ...props }: AvatarProps): import("react").JSX.Element;
+/** The Avatar's image. Renders an `<img>` and reports its loading status. */
+declare function AvatarImage({ className, ...props }: AvatarImageProps): import("react").JSX.Element;
+/**
+ * What the Avatar shows when the image is missing or still loading.
+ *
+ * Typically initials, but any short node works. It is only rendered while the
+ * image is unavailable, so it is not read twice by a screen reader.
+ */
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): import("react").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,yDAAyD;AACzD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAE9D;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC7D,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACjF,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,MAAM,CAAC;IACjE,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;GAQG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAWnD;AAED,6EAA6E;AAC7E,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAQ7D;AAED;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAWnE;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/avatar.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { cn } from '../../lib/utils';
+/**
+ * A person or entity's image, with initials as the fallback.
+ *
+ * Always render an `AvatarFallback`: it covers the moment before the image
+ * loads and the case where it never does, so the control is never an empty
+ * circle. Give `AvatarImage` a meaningful `alt`, or leave it empty when the
+ * adjacent name already identifies the person. Size the root with
+ * `className`; the image and fallback fill it.
+ */
+function Avatar({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className), ...props }));
+}
+/** The Avatar's image. Renders an `<img>` and reports its loading status. */
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full object-cover', className), ...props }));
+}
+/**
+ * What the Avatar shows when the image is missing or still loading.
+ *
+ * Typically initials, but any short node works. It is only rendered while the
+ * image is unavailable, so it is not read twice by a screen reader.
+ */
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-xs font-medium', className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback };

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

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * A compact status or category label.
+ *
+ * Renders a `<span>`; `variant` selects the surface treatment and the default
+ * is the filled primary style.
+ */
+declare function Badge({ className, variant, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants>): import("react").JSX.Element;
+export { Badge };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,aAAa;;8EAelB,CAAA;AAED;;;;;GAKG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAQ7D;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/badge.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const badgeVariants = cva('inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-colors', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground border-transparent',
+            secondary: 'bg-secondary text-secondary-foreground border-transparent',
+            destructive: 'bg-destructive text-destructive-foreground border-transparent',
+            success: 'bg-success text-success-foreground border-transparent',
+            warning: 'bg-warning text-warning-foreground border-transparent',
+            outline: 'text-foreground border-border',
+        },
+    },
+    defaultVariants: { variant: 'default' },
+});
+/**
+ * A compact status or category label.
+ *
+ * Renders a `<span>`; `variant` selects the surface treatment and the default
+ * is the filled primary style.
+ */
+function Badge({ className, variant, ...props }) {
+    return (_jsx("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge };

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

@@ -0,0 +1,35 @@
+import type { ComponentProps } from 'react';
+/**
+ * The trail of ancestor links that shows where the current page sits.
+ *
+ * The root is a `<nav>` with an accessible name so the trail is announced as
+ * one region rather than as an unexplained list of links.
+ */
+declare function Breadcrumb({ className, ...props }: ComponentProps<'nav'>): import("react").JSX.Element;
+/** The ordered list that holds the trail's items and separators. */
+declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): import("react").JSX.Element;
+/** One step in the trail. Holds a link, the current page, or a separator. */
+declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): import("react").JSX.Element;
+/**
+ * A link to an ancestor page.
+ *
+ * Renders a native `<a>`; pass `href`. The consumer owns the destination, so a
+ * client router's link is composed here rather than baked in.
+ */
+declare function BreadcrumbLink({ className, ...props }: ComponentProps<'a'>): import("react").JSX.Element;
+/**
+ * The current page, which is text rather than a link.
+ *
+ * It carries `aria-current="page"` so assistive technology announces the trail's
+ * end instead of reading a dead link.
+ */
+declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+/**
+ * The mark between two steps.
+ *
+ * Decorative by default, so it is hidden from assistive technology and does not
+ * enter the accessible name; pass `children` to replace the chevron.
+ */
+declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>): import("react").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, };
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,+BASjE;AAED,oEAAoE;AACpE,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,+BAWpE;AAED,6EAA6E;AAC7E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,+BAQpE;AAED;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,GAAG,CAAC,+BAWnE;AAED;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,MAAM,CAAC,+BAStE;AAED;;;;;GAKG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,IAAI,CAAC,+BAYtB;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAA"}

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { cn } from '../../lib/utils';
+/**
+ * The trail of ancestor links that shows where the current page sits.
+ *
+ * The root is a `<nav>` with an accessible name so the trail is announced as
+ * one region rather than as an unexplained list of links.
+ */
+function Breadcrumb({ className, ...props }) {
+    return (_jsx("nav", { "aria-label": "Breadcrumb", "data-slot": "breadcrumb", className: cn(className), ...props }));
+}
+/** The ordered list that holds the trail's items and separators. */
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className), ...props }));
+}
+/** One step in the trail. Holds a link, the current page, or a separator. */
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn('inline-flex items-center gap-1.5', className), ...props }));
+}
+/**
+ * A link to an ancestor page.
+ *
+ * Renders a native `<a>`; pass `href`. The consumer owns the destination, so a
+ * client router's link is composed here rather than baked in.
+ */
+function BreadcrumbLink({ className, ...props }) {
+    return (_jsx("a", { "data-slot": "breadcrumb-link", className: cn('hover:text-foreground rounded-sm outline-none transition-colors duration-fast ease-out focus-visible:ring-ring focus-visible:ring-[3px]', className), ...props }));
+}
+/**
+ * The current page, which is text rather than a link.
+ *
+ * It carries `aria-current="page"` so assistive technology announces the trail's
+ * end instead of reading a dead link.
+ */
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn('text-foreground font-normal', className), ...props }));
+}
+/**
+ * The mark between two steps.
+ *
+ * Decorative by default, so it is hidden from assistive technology and does not
+ * enter the accessible name; pass `children` to replace the chevron.
+ */
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn('[&>svg]:size-3.5', className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
+}
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, };

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

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * The primary action control.
+ *
+ * Renders a native `<button>` and takes the standard React button props plus
+ * `variant` and `size`. The coarse-pointer media query grows the target to 44px
+ * on touch input without changing the desktop metrics.
+ */
+declare function Button({ className, variant, size, ...props }: ComponentProps<'button'> & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+export { Button };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,QAAA,MAAM,cAAc;;;8EAsDnB,CAAA;AAED;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQhE;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/ui/button.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils';
+const buttonVariants = cva(
+// The focus ring is `ring-ring` at full strength, not shadcn's stock
+// `focus-visible:ring-ring/50`. The token build pins `--ring` to a step that
+// clears 3:1 against the surface, and half alpha throws that away: 50% of this
+// ring composites to between 1.14:1 and 2.74:1 against every surface in all
+// six themes and clears 3:1 in none of them, which fails WCAG 1.4.11 on the one
+// indicator a keyboard user has. The stock value is kept here deliberately as a
+// deviation from upstream: a consumer's button must not fail the threshold the
+// ring exists to meet.
+"inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium outline-none transition-[color,box-shadow,background-color] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            // `primary` is a surface token, not a text token: in the pastel themes it
+            // compiles to a light tint (e.g. #ec88a0) that fails 4.5:1 on the page
+            // background. Link text uses the foreground and keeps the underline as its
+            // affordance, so emphasis comes from weight rather than a failing colour.
+            link: 'text-foreground underline-offset-4 hover:underline',
+        },
+        // Touch targets are enlarged by input method, not by viewport. The
+        // metrics below are the designed desktop sizes and stay untouched for
+        // mouse and trackpad; only a coarse pointer — finger or stylus — gets
+        // the 44px iOS/Android HIG target. `pointer-coarse:` compiles to
+        // `@media (pointer: coarse)` inside `@layer utilities`, which lands
+        // after the base utility in the cascade, so it wins without needing
+        // `!important` or a specificity fight.
+        //
+        // `min-w-11` is what makes the second axis safe: an icon-only `default`
+        // is `size-4` plus `px-3` = 40px wide and an icon-only `sm` is `size-4`
+        // plus `px-2.5` = 36px, so growing the height alone would still leave
+        // both under 44px across. The coarse padding step on `default` lifts the
+        // common cases clear of the floor outright, and `min-w-11` backstops
+        // whatever content a consumer passes.
+        size: {
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3 pointer-coarse:h-11 pointer-coarse:min-w-11 pointer-coarse:px-5 pointer-coarse:has-[>svg]:px-4',
+            sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5 pointer-coarse:h-11 pointer-coarse:min-w-11',
+            lg: 'h-10 rounded-md px-6 has-[>svg]:px-4 pointer-coarse:h-11',
+            icon: 'size-9 pointer-coarse:size-11',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+/**
+ * The primary action control.
+ *
+ * Renders a native `<button>` and takes the standard React button props plus
+ * `variant` and `size`. The coarse-pointer media query grows the target to 44px
+ * on touch input without changing the desktop metrics.
+ */
+function Button({ className, variant, size, ...props }) {
+    return (_jsx("button", { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button };

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

@@ -0,0 +1,41 @@
+import type { ComponentProps } from 'react';
+/**
+ * A bordered surface for a small group of related content.
+ *
+ * Compose it from `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`
+ * and `CardFooter`. Those parts ship from this module rather than as separate
+ * subpaths.
+ */
+declare function Card({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The head of a card: the row above the card's content.
+ *
+ * A part rather than an Item, and it stays inside this module: `CardHeader` is not
+ * a second catalogue entry, and DESIGN.md's authoring contract says compound parts
+ * ship from their parent module and do not form a second vocabulary.
+ */
+declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The card's title: the one line that names the group of related content.
+ *
+ * Renders a `div` rather than a heading, because a card's title is not always the
+ * heading of the region it sits in: four cards in a grid are four titles under one
+ * section heading, and four `h3`s under one `h2` is right while four `h2`s is
+ * four sections. Pass Prism's `Heading` inside it when the card is the only thing
+ * in its region and the outline should say so.
+ */
+declare function CardTitle({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The supporting line under a card's title: one sentence about what the card
+ * holds.
+ */
+declare function CardDescription({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** The card's body: the content the title and description introduce. */
+declare function CardContent({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The foot of a card: the actions that belong to the card rather than to the
+ * page.
+ */
+declare function CardFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter };
+//# sourceMappingURL=card.d.ts.map