orynn 0.5.0 → 0.6.0

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactNode, HTMLAttributes, InputHTMLAttributes, ChangeEvent, ComponentType, SyntheticEvent, TextareaHTMLAttributes, FormEvent, FormHTMLAttributes, ComponentProps, ComponentPropsWithoutRef, MouseEvent, CSSProperties } from 'react';
-import { Label as Label$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Dialog as Dialog$1, Popover as Popover$1, Tooltip as Tooltip$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import { ReactNode, HTMLAttributes, InputHTMLAttributes, ChangeEvent, ComponentType, SyntheticEvent, TextareaHTMLAttributes, FormEvent, FormHTMLAttributes, ComponentPropsWithoutRef, ComponentProps, MouseEvent, CSSProperties } from 'react';
+import { Accordion as Accordion$1, Slider as Slider$1, Progress as Progress$1, Label as Label$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Dialog as Dialog$1, Popover as Popover$1, Tooltip as Tooltip$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
 
 type ControlSize = "sm" | "md" | "lg";
 type ControlVariant = "outline" | "filled" | "flushed" | "unstyled";
@@ -165,7 +165,8 @@ interface DatePickerPreset {
 interface DatePickerCommonProps extends Omit<BaseControlProps, "startContent" | "endContent" | "loading"> {
     /**
      * Display / parse pattern (`yyyy MM dd M d MMM MMMM HH mm a`) or an
-     * `Intl.DateTimeFormatOptions` object. Default `"yyyy-MM-dd"`.
+     * `Intl.DateTimeFormatOptions` object. Default `"dd-MMM-yyyy"` (renders e.g.
+     * `12-Jan-2020`); pass `"yyyy-MM-dd"` for ISO.
      */
     format?: string | Intl.DateTimeFormatOptions;
     minDate?: Date;
@@ -189,6 +190,12 @@ interface DatePickerCommonProps extends Omit<BaseControlProps, "startContent" |
     fixedWeeks?: boolean;
     /** Side-by-side month panels. Default 1. */
     numberOfMonths?: number;
+    /**
+     * Lower bound for the calendar's width (`--orynn-calendar-min-width`). The
+     * calendar otherwise fills the popover, which tracks the trigger width.
+     * Number = px.
+     */
+    calendarWidth?: number | string;
     /** Show an hour / minute picker beside the calendar (`single` mode). */
     showTime?: boolean;
     /** Minute granularity for the time picker. Default 5. */
@@ -1033,8 +1040,38 @@ interface FormProps<TValues extends Values = Values> extends Omit<FormHTMLAttrib
  */
 declare function Form<TValues extends Values = Values>(props: FormProps<TValues>): react.JSX.Element;
 
+type AccordionVariant = "bordered" | "separated" | "ghost";
+type AccordionSize = "sm" | "md" | "lg";
+type RootProps$2 = ComponentPropsWithoutRef<typeof Accordion$1.Root>;
+type AccordionProps = RootProps$2 & {
+    /** `bordered` (default, dividers) · `separated` (each item a card) · `ghost` (no chrome). */
+    variant?: AccordionVariant;
+    /** Trigger padding + type scale. Default `md`. */
+    size?: AccordionSize;
+};
+/**
+ * A stack of collapsible sections. Thin wrapper over Radix Accordion — every
+ * Root prop (`type`, `collapsible`, `value` / `defaultValue`, `onValueChange`,
+ * `disabled`, `orientation`, `dir`) passes straight through.
+ */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: react.ForwardRefExoticComponent<Omit<Accordion$1.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion$1.Trigger> {
+    /** Indicator icon. Defaults to a chevron that rotates on open. */
+    icon?: ReactNode;
+    /** Which side the icon sits on. Default `end`. */
+    iconPosition?: "start" | "end";
+    /** Drop the indicator entirely. */
+    hideIcon?: boolean;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: react.ForwardRefExoticComponent<Omit<Accordion$1.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 type ButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link";
 type ButtonSize = "default" | "sm" | "lg" | "icon";
+type ButtonHoverEffect = "darken" | "lift" | "glow" | "outline-fill" | "none";
+type ButtonFocusStyle = "ring" | "solid" | "ring-inset" | "none";
+type ButtonCursor = "pointer" | "default" | "auto";
 type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
 /**
  * Class list for a shadcn-style button. Exported so a non-`<button>` element can
@@ -1061,9 +1098,223 @@ interface ButtonProps extends ComponentProps<"button"> {
     rightIcon?: ReactNode;
     /** Stretch to the container width. */
     fullWidth?: boolean;
+    /**
+     * Hover treatment. `"darken"` (default) shades the fill; `"lift"` adds a
+     * raise + shadow; `"glow"` adds a soft ring; `"outline-fill"` floods the
+     * fill on hover (nice on `ghost` / `outline`); `"none"` disables the hover
+     * change. Retune via `--orynn-button-hover-*` / `--orynn-button-glow`.
+     */
+    hoverEffect?: ButtonHoverEffect;
+    /**
+     * Focus-visible treatment. `"ring"` (default) = border + soft ring halo;
+     * `"solid"` = a crisp outline; `"ring-inset"` = the halo drawn inside the
+     * edge; `"none"` = no focus styling (supply your own).
+     */
+    focusStyle?: ButtonFocusStyle;
+    /**
+     * Pressed / active state — a token-styled toggle look. Also sets
+     * `aria-pressed`. Retune via `--orynn-button-selected-*`.
+     */
+    selected?: boolean;
+    /** Idle cursor. `"pointer"` (default) · `"default"` · `"auto"`. */
+    cursor?: ButtonCursor;
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type RootProps$1 = ComponentPropsWithoutRef<typeof Slider$1.Root>;
+interface SliderMark {
+    value: number;
+    label?: ReactNode;
+}
+interface SliderProps extends Omit<RootProps$1, "value" | "defaultValue" | "asChild"> {
+    /** Controlled value. A scalar is treated as a single-thumb slider. */
+    value?: number | number[];
+    /** Uncontrolled initial value. Scalar → one thumb. Default `min`. */
+    defaultValue?: number | number[];
+    /** Track / thumb scale. Default `md`. */
+    size?: "sm" | "md" | "lg";
+    /** Ticks + labels pinned under the track at these values. */
+    marks?: SliderMark[];
+    /** Render a tick at every `step` (skipped when that would be > 60 ticks). */
+    showTicks?: boolean;
+    /** Value bubble over the thumb. Default `"none"`. */
+    tooltip?: "always" | "hover" | "none";
+    /** Format the tooltip / aria value text. */
+    formatValue?: (value: number) => ReactNode;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLSpanElement>>;
+
+type RootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+interface ProgressProps extends Omit<RootProps, "value" | "getValueLabel"> {
+    /** 0–`max`, or `null` / omitted for an indeterminate bar. */
+    value?: number | null;
+    max?: number;
+    /** `line` (default) or `circle`. */
+    shape?: "line" | "circle";
+    /** Thickness / diameter scale. Default `md`. */
+    size?: "sm" | "md" | "lg";
+    /** Colour role. Default `default` (primary). */
+    variant?: "default" | "success" | "warning" | "destructive";
+    /** Render the percentage (line: trailing; circle: centred). */
+    showValue?: boolean;
+    /** Text shown alongside the bar (line only). */
+    label?: ReactNode;
+    /** Diagonal stripes (line only). */
+    striped?: boolean;
+    /** Animate the stripes (implies `striped`, line only). */
+    animated?: boolean;
+    /** Corner radius override for the line track. */
+    radius?: string | number;
+    /** Ring stroke width, px (circle only). Default 4 / 5 / 6 by size. */
+    circleThickness?: number;
+    /** Ring diameter, px (circle only). Default 40 / 56 / 72 by size. */
+    circleSize?: number;
+    /** Format the value text. */
+    formatValue?: (value: number, max: number) => ReactNode;
+}
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+type ToastVariant = "default" | "success" | "error" | "warning" | "info" | "loading";
+interface ToastAction {
+    label: ReactNode;
+    onClick: () => void;
+    /** Screen-reader text for the action (Radix requires it). Defaults to the label if it's a string. */
+    altText?: string;
+}
+interface ToastOptions {
+    id?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    variant?: ToastVariant;
+    /** ms before auto-dismiss. `0` / `Infinity` = sticky. Falls back to the Toaster's `duration`. */
+    duration?: number;
+    action?: ToastAction;
+    /** Custom leading icon. `null` hides the default variant icon. */
+    icon?: ReactNode | null;
+    /** Show the close button for this toast (defaults to the Toaster setting). */
+    dismissible?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+interface ToastRecord extends ToastOptions {
+    id: string;
+    createdAt: number;
+}
+type ToastInput = ReactNode | ToastOptions;
+interface ToastFn {
+    (message: ToastInput, opts?: ToastOptions): string;
+    success: (message: ToastInput, opts?: ToastOptions) => string;
+    error: (message: ToastInput, opts?: ToastOptions) => string;
+    warning: (message: ToastInput, opts?: ToastOptions) => string;
+    info: (message: ToastInput, opts?: ToastOptions) => string;
+    loading: (message: ToastInput, opts?: ToastOptions) => string;
+    dismiss: (id?: string) => void;
+    promise: <T>(promise: Promise<T>, msgs: {
+        loading: ToastInput;
+        success: ToastInput | ((value: T) => ToastInput);
+        error: ToastInput | ((err: unknown) => ToastInput);
+    }, opts?: ToastOptions) => Promise<T>;
+}
+declare const toast: ToastFn;
+
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToasterProps {
+    /** Corner / edge the stack lives in. Default `"bottom-right"`. */
+    position?: ToastPosition;
+    /** Default auto-dismiss in ms. Default `4000`. */
+    duration?: number;
+    /** Max toasts shown at once (older ones wait). Default `4`. */
+    visibleToasts?: number;
+    /** Show a close button on every toast. Default `true`. */
+    closeButton?: boolean;
+    /** Tint the whole toast by variant instead of just the icon. Default `false`. */
+    richColors?: boolean;
+    /** Gap between stacked toasts, px. Default `12`. */
+    gap?: number;
+    /** Offset from the viewport edge, px. Default `24`. */
+    offset?: number;
+    className?: string;
+}
+/**
+ * Drop one `<Toaster />` near the app root. Fire toasts imperatively from
+ * anywhere with `toast("Saved")`, `toast.success(...)`, `toast.promise(...)`.
+ */
+declare function Toaster({ position, duration, visibleToasts, closeButton, richColors, gap, offset, className, }: ToasterProps): react.JSX.Element;
+/** Hook form of the imperative API, plus the live toast list. */
+declare function useToast(): {
+    toast: ToastFn;
+    dismiss: (id?: string) => void;
+    toasts: ToastRecord[];
+};
+
+interface UsePaginationOptions {
+    /** 1-based current page. */
+    page: number;
+    /** Total number of pages. Or give `total` + `pageSize`. */
+    count?: number;
+    /** Total item count — used with `pageSize` when `count` is absent. */
+    total?: number;
+    /** Items per page — used with `total`. Default 10. */
+    pageSize?: number;
+    /** Pages shown either side of the current one. Default 1. */
+    siblingCount?: number;
+    /** Pages pinned at each end. Default 1. */
+    boundaryCount?: number;
+}
+type PaginationSlot = number | "ellipsis-start" | "ellipsis-end";
+interface UsePaginationResult {
+    /** Resolved total page count (>= 1). */
+    pageCount: number;
+    /** Clamped current page. */
+    page: number;
+    hasPrev: boolean;
+    hasNext: boolean;
+    /** The row to render: page numbers with `"ellipsis-*"` gaps. */
+    slots: PaginationSlot[];
+}
+/**
+ * Pure model for a pagination control — the page numbers to show, where the
+ * gaps go, and whether prev/next are live. UI-agnostic; drive any markup with it.
+ */
+declare function usePagination({ page, count, total, pageSize, siblingCount, boundaryCount, }: UsePaginationOptions): UsePaginationResult;
+
+type PaginationSize = "sm" | "md" | "lg";
+type PaginationVariant = "outline" | "ghost" | "solid";
+declare const PaginationContent: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+interface PaginationLinkProps extends ComponentProps<"button"> {
+    /** Marks the current page. */
+    isActive?: boolean;
+    /** Corner treatment for the item. */
+    size?: PaginationSize;
+}
+declare const PaginationLink: react.ForwardRefExoticComponent<Omit<PaginationLinkProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+interface PaginationLabels {
+    previous?: string;
+    next?: string;
+    first?: string;
+    last?: string;
+    page?: (n: number) => string;
+    ariaLabel?: string;
+}
+interface PaginationProps extends Omit<ComponentProps<"nav">, "onChange">, UsePaginationOptions {
+    onPageChange: (page: number) => void;
+    /** Show jump-to-first / jump-to-last controls. Default `false`. */
+    showFirstLast?: boolean;
+    /** Show the prev / next controls. Default `true`. */
+    showPrevNext?: boolean;
+    /** Render prev/next as bare arrows (no text). Default `false`. */
+    iconOnly?: boolean;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    disabled?: boolean;
+    labels?: PaginationLabels;
+    /** Custom prev / next glyphs. */
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+}
+declare const Pagination: react.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
 interface LabelProps extends ComponentPropsWithoutRef<typeof Label$1.Root> {
     /** Append a required asterisk. */
     required?: boolean;
@@ -1447,4 +1698,4 @@ interface StandardIssue {
  */
 declare function standardSchemaResolver(schema: StandardSchemaV1): ValidationResolver;
 
-export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, type BaseControlProps, type BaseFieldConfig, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxFieldConfig, CheckboxGroup, type CheckboxGroupFieldConfig, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type ColumnSpec, type ControlComponent, type ControlProps, type ControlRadius, type ControlSize, type ControlVariant, type CustomValidator, type DateFieldConfig, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownFieldConfig, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownOption, type DropdownProps, type EqualsRule, type ErrorProp, FORM_ERROR_KEY, type Feedback, Field, FieldBox, type FieldBoxProps, type FieldCondition, type FieldConfig, type FieldConfigRegistry, type FieldError, type FieldProps, type FieldRegistration, type FieldRegistry, type FieldRenderContext, type FieldSlice, type FieldStatus, type FieldType, type FieldValidation, Fieldset, type FieldsetConfig, type FieldsetProps, type FieldsetState, FieldsetView, type FieldsetViewProps, Form, type FormProps, Input, type InputFieldConfig, type InputProps, Label, type LabelProps, type NormalizedFieldsetConfig, NumberField, type NumberFieldConfig, type NumberFieldProps, type OrynnDensity, type OrynnPreset, OrynnProvider, type OrynnProviderProps, type OrynnRadius, type OrynnThemeConfig, type OrynnThemeInput, type OrynnVarOverrides, type PatternRule, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Radio, type RadioFieldConfig, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, type RuleFn, Dropdown as Select, Separator, type SeparatorProps, type StandardSchemaV1, Switch, type SwitchProps, type SyncResolver, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, Textarea, type TextareaFieldConfig, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UseFieldsetStateOptions, type UseFieldsetStateReturn, type ValidationContext, type ValidationResolver, type ValidationResult, type ValidationTrigger, badgeClasses, builtInRules, buttonClasses, createRegistry, createRuleResolver, defaultRegistry, defaultResolver, normalizeConfig, registerField, registerRule, resolveThemeVars, standardSchemaResolver, useFieldsetState, useOrynnTheme, usePortalContainer };
+export { Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, type BaseControlProps, type BaseFieldConfig, Button, type ButtonCursor, type ButtonFocusStyle, type ButtonHoverEffect, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxFieldConfig, CheckboxGroup, type CheckboxGroupFieldConfig, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type ColumnSpec, type ControlComponent, type ControlProps, type ControlRadius, type ControlSize, type ControlVariant, type CustomValidator, type DateFieldConfig, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownFieldConfig, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownOption, type DropdownProps, type EqualsRule, type ErrorProp, FORM_ERROR_KEY, type Feedback, Field, FieldBox, type FieldBoxProps, type FieldCondition, type FieldConfig, type FieldConfigRegistry, type FieldError, type FieldProps, type FieldRegistration, type FieldRegistry, type FieldRenderContext, type FieldSlice, type FieldStatus, type FieldType, type FieldValidation, Fieldset, type FieldsetConfig, type FieldsetProps, type FieldsetState, FieldsetView, type FieldsetViewProps, Form, type FormProps, Input, type InputFieldConfig, type InputProps, Label, type LabelProps, type NormalizedFieldsetConfig, NumberField, type NumberFieldConfig, type NumberFieldProps, type OrynnDensity, type OrynnPreset, OrynnProvider, type OrynnProviderProps, type OrynnRadius, type OrynnThemeConfig, type OrynnThemeInput, type OrynnVarOverrides, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, type PaginationLabels, PaginationLink, type PaginationLinkProps, type PaginationProps, type PaginationSize, type PaginationSlot, type PaginationVariant, type PatternRule, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, Radio, type RadioFieldConfig, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, type RuleFn, Dropdown as Select, Separator, type SeparatorProps, Slider, type SliderMark, type SliderProps, type StandardSchemaV1, Switch, type SwitchProps, type SyncResolver, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, Textarea, type TextareaFieldConfig, type TextareaProps, type ToastAction, type ToastFn, type ToastOptions, type ToastPosition, type ToastRecord, type ToastVariant, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UseFieldsetStateOptions, type UseFieldsetStateReturn, type UsePaginationOptions, type UsePaginationResult, type ValidationContext, type ValidationResolver, type ValidationResult, type ValidationTrigger, badgeClasses, builtInRules, buttonClasses, createRegistry, createRuleResolver, defaultRegistry, defaultResolver, normalizeConfig, registerField, registerRule, resolveThemeVars, standardSchemaResolver, toast, useFieldsetState, useOrynnTheme, usePagination, usePortalContainer, useToast };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactNode, HTMLAttributes, InputHTMLAttributes, ChangeEvent, ComponentType, SyntheticEvent, TextareaHTMLAttributes, FormEvent, FormHTMLAttributes, ComponentProps, ComponentPropsWithoutRef, MouseEvent, CSSProperties } from 'react';
-import { Label as Label$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Dialog as Dialog$1, Popover as Popover$1, Tooltip as Tooltip$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import { ReactNode, HTMLAttributes, InputHTMLAttributes, ChangeEvent, ComponentType, SyntheticEvent, TextareaHTMLAttributes, FormEvent, FormHTMLAttributes, ComponentPropsWithoutRef, ComponentProps, MouseEvent, CSSProperties } from 'react';
+import { Accordion as Accordion$1, Slider as Slider$1, Progress as Progress$1, Label as Label$1, Separator as Separator$1, Switch as Switch$1, Tabs as Tabs$1, Dialog as Dialog$1, Popover as Popover$1, Tooltip as Tooltip$1, DropdownMenu as DropdownMenu$1 } from 'radix-ui';
 
 type ControlSize = "sm" | "md" | "lg";
 type ControlVariant = "outline" | "filled" | "flushed" | "unstyled";
@@ -165,7 +165,8 @@ interface DatePickerPreset {
 interface DatePickerCommonProps extends Omit<BaseControlProps, "startContent" | "endContent" | "loading"> {
     /**
      * Display / parse pattern (`yyyy MM dd M d MMM MMMM HH mm a`) or an
-     * `Intl.DateTimeFormatOptions` object. Default `"yyyy-MM-dd"`.
+     * `Intl.DateTimeFormatOptions` object. Default `"dd-MMM-yyyy"` (renders e.g.
+     * `12-Jan-2020`); pass `"yyyy-MM-dd"` for ISO.
      */
     format?: string | Intl.DateTimeFormatOptions;
     minDate?: Date;
@@ -189,6 +190,12 @@ interface DatePickerCommonProps extends Omit<BaseControlProps, "startContent" |
     fixedWeeks?: boolean;
     /** Side-by-side month panels. Default 1. */
     numberOfMonths?: number;
+    /**
+     * Lower bound for the calendar's width (`--orynn-calendar-min-width`). The
+     * calendar otherwise fills the popover, which tracks the trigger width.
+     * Number = px.
+     */
+    calendarWidth?: number | string;
     /** Show an hour / minute picker beside the calendar (`single` mode). */
     showTime?: boolean;
     /** Minute granularity for the time picker. Default 5. */
@@ -1033,8 +1040,38 @@ interface FormProps<TValues extends Values = Values> extends Omit<FormHTMLAttrib
  */
 declare function Form<TValues extends Values = Values>(props: FormProps<TValues>): react.JSX.Element;
 
+type AccordionVariant = "bordered" | "separated" | "ghost";
+type AccordionSize = "sm" | "md" | "lg";
+type RootProps$2 = ComponentPropsWithoutRef<typeof Accordion$1.Root>;
+type AccordionProps = RootProps$2 & {
+    /** `bordered` (default, dividers) · `separated` (each item a card) · `ghost` (no chrome). */
+    variant?: AccordionVariant;
+    /** Trigger padding + type scale. Default `md`. */
+    size?: AccordionSize;
+};
+/**
+ * A stack of collapsible sections. Thin wrapper over Radix Accordion — every
+ * Root prop (`type`, `collapsible`, `value` / `defaultValue`, `onValueChange`,
+ * `disabled`, `orientation`, `dir`) passes straight through.
+ */
+declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: react.ForwardRefExoticComponent<Omit<Accordion$1.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion$1.Trigger> {
+    /** Indicator icon. Defaults to a chevron that rotates on open. */
+    icon?: ReactNode;
+    /** Which side the icon sits on. Default `end`. */
+    iconPosition?: "start" | "end";
+    /** Drop the indicator entirely. */
+    hideIcon?: boolean;
+}
+declare const AccordionTrigger: react.ForwardRefExoticComponent<AccordionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: react.ForwardRefExoticComponent<Omit<Accordion$1.AccordionContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 type ButtonVariant = "default" | "secondary" | "destructive" | "outline" | "ghost" | "link";
 type ButtonSize = "default" | "sm" | "lg" | "icon";
+type ButtonHoverEffect = "darken" | "lift" | "glow" | "outline-fill" | "none";
+type ButtonFocusStyle = "ring" | "solid" | "ring-inset" | "none";
+type ButtonCursor = "pointer" | "default" | "auto";
 type BadgeVariant = "default" | "secondary" | "destructive" | "outline";
 /**
  * Class list for a shadcn-style button. Exported so a non-`<button>` element can
@@ -1061,9 +1098,223 @@ interface ButtonProps extends ComponentProps<"button"> {
     rightIcon?: ReactNode;
     /** Stretch to the container width. */
     fullWidth?: boolean;
+    /**
+     * Hover treatment. `"darken"` (default) shades the fill; `"lift"` adds a
+     * raise + shadow; `"glow"` adds a soft ring; `"outline-fill"` floods the
+     * fill on hover (nice on `ghost` / `outline`); `"none"` disables the hover
+     * change. Retune via `--orynn-button-hover-*` / `--orynn-button-glow`.
+     */
+    hoverEffect?: ButtonHoverEffect;
+    /**
+     * Focus-visible treatment. `"ring"` (default) = border + soft ring halo;
+     * `"solid"` = a crisp outline; `"ring-inset"` = the halo drawn inside the
+     * edge; `"none"` = no focus styling (supply your own).
+     */
+    focusStyle?: ButtonFocusStyle;
+    /**
+     * Pressed / active state — a token-styled toggle look. Also sets
+     * `aria-pressed`. Retune via `--orynn-button-selected-*`.
+     */
+    selected?: boolean;
+    /** Idle cursor. `"pointer"` (default) · `"default"` · `"auto"`. */
+    cursor?: ButtonCursor;
 }
 declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type RootProps$1 = ComponentPropsWithoutRef<typeof Slider$1.Root>;
+interface SliderMark {
+    value: number;
+    label?: ReactNode;
+}
+interface SliderProps extends Omit<RootProps$1, "value" | "defaultValue" | "asChild"> {
+    /** Controlled value. A scalar is treated as a single-thumb slider. */
+    value?: number | number[];
+    /** Uncontrolled initial value. Scalar → one thumb. Default `min`. */
+    defaultValue?: number | number[];
+    /** Track / thumb scale. Default `md`. */
+    size?: "sm" | "md" | "lg";
+    /** Ticks + labels pinned under the track at these values. */
+    marks?: SliderMark[];
+    /** Render a tick at every `step` (skipped when that would be > 60 ticks). */
+    showTicks?: boolean;
+    /** Value bubble over the thumb. Default `"none"`. */
+    tooltip?: "always" | "hover" | "none";
+    /** Format the tooltip / aria value text. */
+    formatValue?: (value: number) => ReactNode;
+}
+declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLSpanElement>>;
+
+type RootProps = ComponentPropsWithoutRef<typeof Progress$1.Root>;
+interface ProgressProps extends Omit<RootProps, "value" | "getValueLabel"> {
+    /** 0–`max`, or `null` / omitted for an indeterminate bar. */
+    value?: number | null;
+    max?: number;
+    /** `line` (default) or `circle`. */
+    shape?: "line" | "circle";
+    /** Thickness / diameter scale. Default `md`. */
+    size?: "sm" | "md" | "lg";
+    /** Colour role. Default `default` (primary). */
+    variant?: "default" | "success" | "warning" | "destructive";
+    /** Render the percentage (line: trailing; circle: centred). */
+    showValue?: boolean;
+    /** Text shown alongside the bar (line only). */
+    label?: ReactNode;
+    /** Diagonal stripes (line only). */
+    striped?: boolean;
+    /** Animate the stripes (implies `striped`, line only). */
+    animated?: boolean;
+    /** Corner radius override for the line track. */
+    radius?: string | number;
+    /** Ring stroke width, px (circle only). Default 4 / 5 / 6 by size. */
+    circleThickness?: number;
+    /** Ring diameter, px (circle only). Default 40 / 56 / 72 by size. */
+    circleSize?: number;
+    /** Format the value text. */
+    formatValue?: (value: number, max: number) => ReactNode;
+}
+declare const Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+
+type ToastVariant = "default" | "success" | "error" | "warning" | "info" | "loading";
+interface ToastAction {
+    label: ReactNode;
+    onClick: () => void;
+    /** Screen-reader text for the action (Radix requires it). Defaults to the label if it's a string. */
+    altText?: string;
+}
+interface ToastOptions {
+    id?: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    variant?: ToastVariant;
+    /** ms before auto-dismiss. `0` / `Infinity` = sticky. Falls back to the Toaster's `duration`. */
+    duration?: number;
+    action?: ToastAction;
+    /** Custom leading icon. `null` hides the default variant icon. */
+    icon?: ReactNode | null;
+    /** Show the close button for this toast (defaults to the Toaster setting). */
+    dismissible?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+interface ToastRecord extends ToastOptions {
+    id: string;
+    createdAt: number;
+}
+type ToastInput = ReactNode | ToastOptions;
+interface ToastFn {
+    (message: ToastInput, opts?: ToastOptions): string;
+    success: (message: ToastInput, opts?: ToastOptions) => string;
+    error: (message: ToastInput, opts?: ToastOptions) => string;
+    warning: (message: ToastInput, opts?: ToastOptions) => string;
+    info: (message: ToastInput, opts?: ToastOptions) => string;
+    loading: (message: ToastInput, opts?: ToastOptions) => string;
+    dismiss: (id?: string) => void;
+    promise: <T>(promise: Promise<T>, msgs: {
+        loading: ToastInput;
+        success: ToastInput | ((value: T) => ToastInput);
+        error: ToastInput | ((err: unknown) => ToastInput);
+    }, opts?: ToastOptions) => Promise<T>;
+}
+declare const toast: ToastFn;
+
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToasterProps {
+    /** Corner / edge the stack lives in. Default `"bottom-right"`. */
+    position?: ToastPosition;
+    /** Default auto-dismiss in ms. Default `4000`. */
+    duration?: number;
+    /** Max toasts shown at once (older ones wait). Default `4`. */
+    visibleToasts?: number;
+    /** Show a close button on every toast. Default `true`. */
+    closeButton?: boolean;
+    /** Tint the whole toast by variant instead of just the icon. Default `false`. */
+    richColors?: boolean;
+    /** Gap between stacked toasts, px. Default `12`. */
+    gap?: number;
+    /** Offset from the viewport edge, px. Default `24`. */
+    offset?: number;
+    className?: string;
+}
+/**
+ * Drop one `<Toaster />` near the app root. Fire toasts imperatively from
+ * anywhere with `toast("Saved")`, `toast.success(...)`, `toast.promise(...)`.
+ */
+declare function Toaster({ position, duration, visibleToasts, closeButton, richColors, gap, offset, className, }: ToasterProps): react.JSX.Element;
+/** Hook form of the imperative API, plus the live toast list. */
+declare function useToast(): {
+    toast: ToastFn;
+    dismiss: (id?: string) => void;
+    toasts: ToastRecord[];
+};
+
+interface UsePaginationOptions {
+    /** 1-based current page. */
+    page: number;
+    /** Total number of pages. Or give `total` + `pageSize`. */
+    count?: number;
+    /** Total item count — used with `pageSize` when `count` is absent. */
+    total?: number;
+    /** Items per page — used with `total`. Default 10. */
+    pageSize?: number;
+    /** Pages shown either side of the current one. Default 1. */
+    siblingCount?: number;
+    /** Pages pinned at each end. Default 1. */
+    boundaryCount?: number;
+}
+type PaginationSlot = number | "ellipsis-start" | "ellipsis-end";
+interface UsePaginationResult {
+    /** Resolved total page count (>= 1). */
+    pageCount: number;
+    /** Clamped current page. */
+    page: number;
+    hasPrev: boolean;
+    hasNext: boolean;
+    /** The row to render: page numbers with `"ellipsis-*"` gaps. */
+    slots: PaginationSlot[];
+}
+/**
+ * Pure model for a pagination control — the page numbers to show, where the
+ * gaps go, and whether prev/next are live. UI-agnostic; drive any markup with it.
+ */
+declare function usePagination({ page, count, total, pageSize, siblingCount, boundaryCount, }: UsePaginationOptions): UsePaginationResult;
+
+type PaginationSize = "sm" | "md" | "lg";
+type PaginationVariant = "outline" | "ghost" | "solid";
+declare const PaginationContent: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+interface PaginationLinkProps extends ComponentProps<"button"> {
+    /** Marks the current page. */
+    isActive?: boolean;
+    /** Corner treatment for the item. */
+    size?: PaginationSize;
+}
+declare const PaginationLink: react.ForwardRefExoticComponent<Omit<PaginationLinkProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+interface PaginationLabels {
+    previous?: string;
+    next?: string;
+    first?: string;
+    last?: string;
+    page?: (n: number) => string;
+    ariaLabel?: string;
+}
+interface PaginationProps extends Omit<ComponentProps<"nav">, "onChange">, UsePaginationOptions {
+    onPageChange: (page: number) => void;
+    /** Show jump-to-first / jump-to-last controls. Default `false`. */
+    showFirstLast?: boolean;
+    /** Show the prev / next controls. Default `true`. */
+    showPrevNext?: boolean;
+    /** Render prev/next as bare arrows (no text). Default `false`. */
+    iconOnly?: boolean;
+    size?: PaginationSize;
+    variant?: PaginationVariant;
+    disabled?: boolean;
+    labels?: PaginationLabels;
+    /** Custom prev / next glyphs. */
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+}
+declare const Pagination: react.ForwardRefExoticComponent<Omit<PaginationProps, "ref"> & react.RefAttributes<HTMLElement>>;
+
 interface LabelProps extends ComponentPropsWithoutRef<typeof Label$1.Root> {
     /** Append a required asterisk. */
     required?: boolean;
@@ -1447,4 +1698,4 @@ interface StandardIssue {
  */
 declare function standardSchemaResolver(schema: StandardSchemaV1): ValidationResolver;
 
-export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, type BaseControlProps, type BaseFieldConfig, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxFieldConfig, CheckboxGroup, type CheckboxGroupFieldConfig, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type ColumnSpec, type ControlComponent, type ControlProps, type ControlRadius, type ControlSize, type ControlVariant, type CustomValidator, type DateFieldConfig, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownFieldConfig, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownOption, type DropdownProps, type EqualsRule, type ErrorProp, FORM_ERROR_KEY, type Feedback, Field, FieldBox, type FieldBoxProps, type FieldCondition, type FieldConfig, type FieldConfigRegistry, type FieldError, type FieldProps, type FieldRegistration, type FieldRegistry, type FieldRenderContext, type FieldSlice, type FieldStatus, type FieldType, type FieldValidation, Fieldset, type FieldsetConfig, type FieldsetProps, type FieldsetState, FieldsetView, type FieldsetViewProps, Form, type FormProps, Input, type InputFieldConfig, type InputProps, Label, type LabelProps, type NormalizedFieldsetConfig, NumberField, type NumberFieldConfig, type NumberFieldProps, type OrynnDensity, type OrynnPreset, OrynnProvider, type OrynnProviderProps, type OrynnRadius, type OrynnThemeConfig, type OrynnThemeInput, type OrynnVarOverrides, type PatternRule, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Radio, type RadioFieldConfig, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, type RuleFn, Dropdown as Select, Separator, type SeparatorProps, type StandardSchemaV1, Switch, type SwitchProps, type SyncResolver, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, Textarea, type TextareaFieldConfig, type TextareaProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UseFieldsetStateOptions, type UseFieldsetStateReturn, type ValidationContext, type ValidationResolver, type ValidationResult, type ValidationTrigger, badgeClasses, builtInRules, buttonClasses, createRegistry, createRuleResolver, defaultRegistry, defaultResolver, normalizeConfig, registerField, registerRule, resolveThemeVars, standardSchemaResolver, useFieldsetState, useOrynnTheme, usePortalContainer };
+export { Accordion, AccordionContent, AccordionItem, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, Badge, type BadgeProps, type BadgeVariant, type BaseControlProps, type BaseFieldConfig, Button, type ButtonCursor, type ButtonFocusStyle, type ButtonHoverEffect, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxFieldConfig, CheckboxGroup, type CheckboxGroupFieldConfig, type CheckboxGroupProps, type CheckboxOption, type CheckboxProps, type ColumnSpec, type ControlComponent, type ControlProps, type ControlRadius, type ControlSize, type ControlVariant, type CustomValidator, type DateFieldConfig, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogTitle, DialogTrigger, Dropdown, type DropdownFieldConfig, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownOption, type DropdownProps, type EqualsRule, type ErrorProp, FORM_ERROR_KEY, type Feedback, Field, FieldBox, type FieldBoxProps, type FieldCondition, type FieldConfig, type FieldConfigRegistry, type FieldError, type FieldProps, type FieldRegistration, type FieldRegistry, type FieldRenderContext, type FieldSlice, type FieldStatus, type FieldType, type FieldValidation, Fieldset, type FieldsetConfig, type FieldsetProps, type FieldsetState, FieldsetView, type FieldsetViewProps, Form, type FormProps, Input, type InputFieldConfig, type InputProps, Label, type LabelProps, type NormalizedFieldsetConfig, NumberField, type NumberFieldConfig, type NumberFieldProps, type OrynnDensity, type OrynnPreset, OrynnProvider, type OrynnProviderProps, type OrynnRadius, type OrynnThemeConfig, type OrynnThemeInput, type OrynnVarOverrides, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, type PaginationLabels, PaginationLink, type PaginationLinkProps, type PaginationProps, type PaginationSize, type PaginationSlot, type PaginationVariant, type PatternRule, Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, Radio, type RadioFieldConfig, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, type RuleFn, Dropdown as Select, Separator, type SeparatorProps, Slider, type SliderMark, type SliderProps, type StandardSchemaV1, Switch, type SwitchProps, type SyncResolver, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, Textarea, type TextareaFieldConfig, type TextareaProps, type ToastAction, type ToastFn, type ToastOptions, type ToastPosition, type ToastRecord, type ToastVariant, Toaster, type ToasterProps, Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipProvider, TooltipTrigger, type UseFieldsetStateOptions, type UseFieldsetStateReturn, type UsePaginationOptions, type UsePaginationResult, type ValidationContext, type ValidationResolver, type ValidationResult, type ValidationTrigger, badgeClasses, builtInRules, buttonClasses, createRegistry, createRuleResolver, defaultRegistry, defaultResolver, normalizeConfig, registerField, registerRule, resolveThemeVars, standardSchemaResolver, toast, useFieldsetState, useOrynnTheme, usePagination, usePortalContainer, useToast };