@orangecheck/app-design 0.6.1 → 1.1.0

package/dist/primitives.d.mts

@@ -1,7 +1,8 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, ComponentPropsWithoutRef, TextareaHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-DRwGhB0h.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -16,6 +17,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 import { ClassValue } from 'clsx';
+import './index-C6hDqOOS.mjs';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
@@ -52,7 +54,10 @@ declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLPar
 declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
 declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
 
-declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'md' | 'sm';
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
 interface FieldProps {
@@ -66,10 +71,17 @@ interface FieldProps {
     action?: ReactNode;
 }
 declare function Field({ label, hint, optional, error, children, className, hideLabel, action }: FieldProps): react.JSX.Element;
-declare const Select: react.FC<SelectPrimitive.SelectProps>;
+interface SelectWiring {
+    id?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+}
+declare function Select({ id, 'aria-describedby': describedBy, 'aria-invalid': invalid, ...props }: ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & SelectWiring): react.JSX.Element;
 declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "md" | "sm";
+} & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
@@ -77,6 +89,13 @@ declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitive.Switc
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type Density = 'comfortable' | 'compact';
+declare function DensityProvider({ density, children }: {
+    density: Density;
+    children: ReactNode;
+}): react.FunctionComponentElement<react.ProviderProps<Density>>;
+declare function useDensity(): Density;
+
 declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
@@ -147,6 +166,55 @@ interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function ScrollFade({ fade, className, innerClassName, children, ...props }: ScrollFadeProps): react.JSX.Element;
 
+declare function Accordion({ single, children, className, }: {
+    single?: boolean;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function AccordionItem({ title, children, defaultOpen, id, className, }: {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+    className?: string;
+}): react.JSX.Element;
+
+interface ConfirmOptions {
+    title: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+}
+interface PromptOptions extends ConfirmOptions {
+    label?: ReactNode;
+    placeholder?: string;
+    defaultValue?: string;
+    hint?: ReactNode;
+    secret?: boolean;
+    minLength?: number;
+    validate?: (value: string) => string | null | undefined;
+}
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+declare function prompt(options: PromptOptions): Promise<string | null>;
+declare function DialogHost(): react.JSX.Element;
+
+declare function Pagination({ pageIndex, pageSize, total, onPage, label, className, }: {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPage: (pageIndex: number) => void;
+    label?: string;
+    className?: string;
+}): react.JSX.Element | null;
+
+declare function QrCode({ value, size, label, className, }: {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, useTimedOut };
+export { Accordion, AccordionItem, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, type ConfirmOptions, type Density, DensityProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, type InputProps, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useDensity, useTimedOut };

package/dist/primitives.d.ts

@@ -1,7 +1,8 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode, ReactElement, InputHTMLAttributes, ComponentPropsWithoutRef, TextareaHTMLAttributes } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+export { S as Statement, a as Status, b as StatusBadge, c as StatusBadgeProps, s as statusWord } from './status-badge-BEOxeY9j.js';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
@@ -16,6 +17,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 import { ClassValue } from 'clsx';
+import './index-C6hDqOOS.js';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "danger" | "brand" | "primary" | "secondary" | "ghost" | "onInk" | "onInkOutline" | null | undefined;
@@ -52,7 +54,10 @@ declare function CardDescription({ className, ...props }: HTMLAttributes<HTMLPar
 declare function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
 declare function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
 
-declare const Input: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & react.RefAttributes<HTMLInputElement>>;
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'md' | 'sm';
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 declare const Textarea: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & react.RefAttributes<HTMLTextAreaElement>>;
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & react.RefAttributes<HTMLLabelElement>, "ref"> & react.RefAttributes<HTMLLabelElement>>;
 interface FieldProps {
@@ -66,10 +71,17 @@ interface FieldProps {
     action?: ReactNode;
 }
 declare function Field({ label, hint, optional, error, children, className, hideLabel, action }: FieldProps): react.JSX.Element;
-declare const Select: react.FC<SelectPrimitive.SelectProps>;
+interface SelectWiring {
+    id?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+}
+declare function Select({ id, 'aria-describedby': describedBy, 'aria-invalid': invalid, ...props }: ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & SelectWiring): react.JSX.Element;
 declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "md" | "sm";
+} & react.RefAttributes<HTMLButtonElement>>;
 declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
@@ -77,6 +89,13 @@ declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchPrimitive.Switc
 declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type Density = 'comfortable' | 'compact';
+declare function DensityProvider({ density, children }: {
+    density: Density;
+    children: ReactNode;
+}): react.FunctionComponentElement<react.ProviderProps<Density>>;
+declare function useDensity(): Density;
+
 declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const DialogClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
@@ -147,6 +166,55 @@ interface ScrollFadeProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare function ScrollFade({ fade, className, innerClassName, children, ...props }: ScrollFadeProps): react.JSX.Element;
 
+declare function Accordion({ single, children, className, }: {
+    single?: boolean;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+declare function AccordionItem({ title, children, defaultOpen, id, className, }: {
+    title: ReactNode;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    id?: string;
+    className?: string;
+}): react.JSX.Element;
+
+interface ConfirmOptions {
+    title: ReactNode;
+    message?: ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+}
+interface PromptOptions extends ConfirmOptions {
+    label?: ReactNode;
+    placeholder?: string;
+    defaultValue?: string;
+    hint?: ReactNode;
+    secret?: boolean;
+    minLength?: number;
+    validate?: (value: string) => string | null | undefined;
+}
+declare function confirm(options: ConfirmOptions): Promise<boolean>;
+declare function prompt(options: PromptOptions): Promise<string | null>;
+declare function DialogHost(): react.JSX.Element;
+
+declare function Pagination({ pageIndex, pageSize, total, onPage, label, className, }: {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPage: (pageIndex: number) => void;
+    label?: string;
+    className?: string;
+}): react.JSX.Element | null;
+
+declare function QrCode({ value, size, label, className, }: {
+    value: string;
+    size?: number;
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, Kbd, Label, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, useTimedOut };
+export { Accordion, AccordionItem, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardNumeral, type CardProps, CardTitle, Checkbox, type ConfirmOptions, type Density, DensityProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Field, type FieldProps, Input, type InputProps, Kbd, Label, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, type PromptOptions, QrCode, RadioGroup, RadioGroupItem, ScrollFade, type ScrollFadeProps, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cardVariants, cn, confirm, prompt, useDensity, useTimedOut };