vxui-react 0.1.0 → 1.1.0

package/dist/components/AlertDialog.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export interface AlertDialogProps extends Pick<DialogPrimitive.DialogProps, 'defaultOpen' | 'onOpenChange' | 'open'> {
+    trigger: ReactNode;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    variant?: 'default' | 'danger';
+    className?: string;
+}
+export declare function AlertDialog({ trigger, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, variant, className, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AppShell.d.ts

@@ -1,22 +1,14 @@
-import { ReactNode } from 'react';
-export interface AppShellNavItem {
-    key: string;
-    label: string;
-    icon?: ReactNode;
-    badge?: string;
-    trailing?: ReactNode;
-    active?: boolean;
-    onSelect?: () => void;
-}
-export interface AppShellNavSection {
-    key?: string;
-    title?: string;
-    items: AppShellNavItem[];
-}
+import { ReactNode, Ref } from 'react';
+import { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, ShellNavItem as ShellNavItemType, ShellNavSection as ShellNavSectionType } from './Shell';
+export { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, };
+export type { ShellProps, ShellSidebarProps, ShellNavProps, ShellNavSectionProps, ShellNavItemProps, ShellOverlayProps, ShellMainProps, ShellTopbarProps, ShellContentProps, } from './Shell';
+export type AppShellNavItem = ShellNavItemType;
+export type AppShellNavSection = ShellNavSectionType;
 export interface AppShellProps {
     brand?: string;
     brandCaption?: string;
     brandIcon?: ReactNode;
+    topbarRef?: Ref<HTMLElement>;
     breadcrumb?: ReactNode;
     title?: string;
     description?: string;
@@ -24,6 +16,7 @@ export interface AppShellProps {
     navSections?: AppShellNavSection[];
     sidebarCollapsed?: boolean;
     mobileNavOpen?: boolean;
+    density?: 'comfortable' | 'compact';
     onSidebarToggle?: () => void;
     onMobileNavToggle?: () => void;
     menuButtonLabel?: string;
@@ -34,4 +27,4 @@ export interface AppShellProps {
     sidebarFooter?: ReactNode;
     children: ReactNode;
 }
-export declare function AppShell({ brand, brandCaption, brandIcon, breadcrumb, title, description, navItems, navSections, sidebarCollapsed, mobileNavOpen, onSidebarToggle, onMobileNavToggle, menuButtonLabel, sidebarCollapseLabel, sidebarExpandLabel, sidebarCloseLabel, headerActions, sidebarFooter, children, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ brand, brandCaption, brandIcon, topbarRef, breadcrumb, title, description, navItems, navSections, sidebarCollapsed, mobileNavOpen, onSidebarToggle, onMobileNavToggle, menuButtonLabel, sidebarCollapseLabel, sidebarExpandLabel, sidebarCloseLabel, density, headerActions, sidebarFooter, children, }: AppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button.d.ts

@@ -1,10 +1,12 @@
 import { ButtonHTMLAttributes } from 'react';
-type ButtonVariant = 'solid' | 'secondary' | 'ghost' | 'danger';
+type ButtonVariant = 'solid' | 'secondary' | 'ghost' | 'danger' | 'outline' | 'soft' | 'danger-outline' | 'primary-outline' | 'gradient';
 type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonShape = 'rect' | 'square' | 'pill';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
     fullWidth?: boolean;
+    shape?: ButtonShape;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/Calendar.d.ts

@@ -0,0 +1,10 @@
+export interface CalendarProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date) => void;
+    min?: Date;
+    max?: Date;
+    className?: string;
+    weekStartsOnMonday?: boolean;
+}
+export declare function Calendar({ value: controlledValue, defaultValue, onChange, min, max, className, weekStartsOnMonday, }: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface CarouselProps {
+    items: ReactNode[];
+    defaultIndex?: number;
+    index?: number;
+    onIndexChange?: (index: number) => void;
+    autoPlay?: boolean;
+    /** Interval in ms for auto-play */
+    interval?: number;
+    loop?: boolean;
+    showDots?: boolean;
+    showArrows?: boolean;
+    className?: string;
+}
+export declare function Carousel({ items, defaultIndex, index: controlledIndex, onIndexChange, autoPlay, interval, loop, showDots, showArrows, className, }: CarouselProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ColorPicker.d.ts

@@ -0,0 +1,13 @@
+export interface ColorPickerProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (color: string) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    presets?: string[];
+    showPresets?: boolean;
+    className?: string;
+}
+export declare function ColorPicker({ value: controlledValue, defaultValue, onChange, label, hint, error, disabled, presets, showPresets, className, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Combobox.d.ts

@@ -0,0 +1,21 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    emptyText?: string;
+    className?: string;
+}
+export declare function Combobox({ options, value: controlledValue, defaultValue, onChange, placeholder, searchPlaceholder, label, hint, error, disabled, clearable, emptyText, className, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface ContextMenuItemProps {
+    label: ReactNode;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    onClick?: () => void;
+}
+export interface ContextMenuGroupProps {
+    label?: string;
+    items: ContextMenuItemProps[];
+}
+export interface ContextMenuProps {
+    groups?: ContextMenuGroupProps[];
+    items?: ContextMenuItemProps[];
+    children: ReactNode;
+    className?: string;
+}
+export declare function ContextMenu({ groups, items, children, className }: ContextMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,15 @@
+export interface DatePickerProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+    weekStartsOnMonday?: boolean;
+    className?: string;
+}
+export declare function DatePicker({ value: controlledValue, defaultValue, onChange, placeholder, label, hint, error, min, max, disabled, weekStartsOnMonday, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface EmptyStateProps {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ icon, title, description, action, className }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/FileUpload.d.ts

@@ -0,0 +1,17 @@
+export interface UploadedFile {
+    file: File;
+    id: string;
+}
+export interface FileUploadProps {
+    label?: string;
+    hint?: string;
+    error?: string;
+    accept?: string;
+    multiple?: boolean;
+    /** Max file size in bytes */
+    maxSize?: number;
+    disabled?: boolean;
+    onFiles?: (files: File[]) => void;
+    className?: string;
+}
+export declare function FileUpload({ label, hint, error, accept, multiple, maxSize, disabled, onFiles, className, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Form.d.ts

@@ -0,0 +1,28 @@
+import { FormHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+interface FormFieldContextValue {
+    error?: string;
+}
+export declare function useFormField(): FormFieldContextValue;
+export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+}
+export declare function Form({ className, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
+export interface FormFieldProps {
+    error?: string;
+    children: ReactNode;
+    className?: string;
+}
+export declare function FormField({ error, children, className }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+    children: ReactNode;
+}
+export declare function FormLabel({ className, required, children, ...props }: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface FormDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+export declare function FormDescription({ className, children, ...props }: FormDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface FormMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+    children?: ReactNode;
+}
+export declare function FormMessage({ className, children, ...props }: FormMessageProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/HoverCard.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type HoverCardPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface HoverCardProps {
+    content: ReactNode;
+    placement?: HoverCardPlacement;
+    /** Delay in ms before showing */
+    delay?: number;
+    children: ReactNode;
+    className?: string;
+}
+export declare function HoverCard({ content, placement, delay, children, className, }: HoverCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Label.d.ts

@@ -0,0 +1,5 @@
+import { LabelHTMLAttributes } from 'react';
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/Menubar.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface MenubarItemProps {
+    label: ReactNode;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    onClick?: () => void;
+}
+export interface MenubarGroupProps {
+    label?: string;
+    items: MenubarItemProps[];
+}
+export interface MenubarMenuProps {
+    label: string;
+    groups?: MenubarGroupProps[];
+    items?: MenubarItemProps[];
+    disabled?: boolean;
+}
+export interface MenubarProps {
+    menus: MenubarMenuProps[];
+    className?: string;
+}
+export declare function Menubar({ menus, className }: MenubarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NavigationMenu.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface NavMenuSubItem {
+    label: string;
+    description?: string;
+    href?: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+}
+export interface NavMenuItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    items?: NavMenuSubItem[];
+    active?: boolean;
+}
+export interface NavigationMenuProps {
+    items: NavMenuItem[];
+    className?: string;
+}
+export declare function NavigationMenu({ items, className }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/NumberInput.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value'> {
+    label?: string;
+    hint?: string;
+    error?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare function NumberInput({ className, label, hint, error, value, onChange, min, max, step, disabled, ...props }: NumberInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Progress.d.ts

@@ -5,7 +5,7 @@ export interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
     showLabel?: boolean;
     size?: 'sm' | 'md' | 'lg';
-    variant?: 'default' | 'success' | 'warning' | 'danger';
+    variant?: 'default' | 'success' | 'warning' | 'danger' | 'rainbow';
     indeterminate?: boolean;
 }
 export declare function Progress({ className, value, max, label, showLabel, size, variant, indeterminate, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Rating.d.ts

@@ -0,0 +1,14 @@
+export interface RatingProps {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    max?: number;
+    /** Allow half-star values */
+    allowHalf?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    label?: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function Rating({ value: controlledValue, defaultValue, onChange, max, allowHalf, disabled, readOnly, label, className, size, }: RatingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Resizable.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export type ResizableDirection = 'horizontal' | 'vertical';
+export interface ResizablePanelGroupProps {
+    direction?: ResizableDirection;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ResizablePanelGroup({ direction, children, className, }: ResizablePanelGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface ResizablePanelProps {
+    children: ReactNode;
+    /** Initial size as percentage (0–100) */
+    defaultSize?: number;
+    /** Min size in percentage */
+    minSize?: number;
+    /** Max size in percentage */
+    maxSize?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function ResizablePanel({ children, defaultSize, minSize, maxSize, className, style, }: ResizablePanelProps): import("react/jsx-runtime").JSX.Element;
+export interface ResizableHandleProps {
+    /** Which two adjacent panels this handle controls via CSS flex sizing */
+    className?: string;
+    direction?: ResizableDirection;
+}
+export declare function ResizableHandle({ className, direction, }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Responsive.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface ResponsiveProps {
+    /** Rendered on desktop (≥1024px) and, when tablet is omitted, on tablet too */
+    desktop: ReactNode;
+    /** Rendered on phone (≤767px) */
+    mobile: ReactNode;
+    /**
+     * Rendered on tablet (768–1023px).
+     * When omitted, the desktop node is used instead.
+     */
+    tablet?: ReactNode;
+}
+/**
+ * Renders the correct subtree based on the current viewport.
+ * Viewport detection is synchronous on first render so there is no flash.
+ *
+ * Usage:
+ * ```tsx
+ * <Responsive
+ *   desktop={<AppShell>…</AppShell>}
+ *   mobile={<MobileApp />}
+ * />
+ * ```
+ */
+export declare function Responsive({ desktop, mobile, tablet }: ResponsiveProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ScrollArea.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {
+    maxHeight?: string | number;
+    maxWidth?: string | number;
+    children: ReactNode;
+}
+export declare function ScrollArea({ maxHeight, maxWidth, children, className, style, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sheet.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export type SheetSide = 'left' | 'right' | 'top' | 'bottom';
+export interface SheetProps extends Pick<DialogPrimitive.DialogProps, 'defaultOpen' | 'onOpenChange' | 'open'> {
+    trigger?: ReactNode;
+    title?: string;
+    description?: string;
+    side?: SheetSide;
+    children: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+export declare function Sheet({ trigger, title, description, side, children, footer, className, ...props }: SheetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Shell.d.ts

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+export interface ShellNavItem {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: string;
+    trailing?: ReactNode;
+    active?: boolean;
+    onSelect?: () => void;
+}
+export interface ShellNavSection {
+    key?: string;
+    title?: string;
+    items: ShellNavItem[];
+}
+export interface ShellProps {
+    collapsed?: boolean;
+    mobileNavOpen?: boolean;
+    density?: 'comfortable' | 'compact';
+    className?: string;
+    children: ReactNode;
+}
+export declare function Shell({ collapsed, mobileNavOpen, density, className, children }: ShellProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellSidebarProps {
+    brand?: string;
+    brandCaption?: string;
+    brandIcon?: ReactNode;
+    collapsed?: boolean;
+    footer?: ReactNode;
+    onToggle?: () => void;
+    collapseLabel?: string;
+    expandLabel?: string;
+    children?: ReactNode;
+}
+export declare function ShellSidebar({ brand, brandCaption, brandIcon, collapsed, footer, onToggle, collapseLabel, expandLabel, children, }: ShellSidebarProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellNavProps {
+    label?: string;
+    children?: ReactNode;
+}
+export declare function ShellNav({ label, children }: ShellNavProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellNavSectionProps {
+    title?: string;
+    children?: ReactNode;
+}
+export declare function ShellNavSection({ title, children }: ShellNavSectionProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellNavItemProps {
+    label: string;
+    icon?: ReactNode;
+    badge?: string;
+    trailing?: ReactNode;
+    active?: boolean;
+    onSelect?: () => void;
+}
+export declare function ShellNavItem({ label, icon, badge, trailing, active, onSelect }: ShellNavItemProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellOverlayProps {
+    onClose?: () => void;
+    closeLabel?: string;
+}
+export declare function ShellOverlay({ onClose, closeLabel }: ShellOverlayProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellMainProps {
+    children: ReactNode;
+}
+export declare function ShellMain({ children }: ShellMainProps): import("react/jsx-runtime").JSX.Element;
+export interface ShellTopbarProps {
+    title?: string;
+    description?: string;
+    breadcrumb?: ReactNode;
+    actions?: ReactNode;
+    onMenuToggle?: () => void;
+    mobileNavOpen?: boolean;
+    menuButtonLabel?: string;
+}
+export declare const ShellTopbar: import('react').ForwardRefExoticComponent<ShellTopbarProps & import('react').RefAttributes<HTMLElement>>;
+export interface ShellContentProps {
+    children: ReactNode;
+}
+export declare function ShellContent({ children }: ShellContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper.d.ts

@@ -0,0 +1,14 @@
+export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
+export interface StepItem {
+    label: string;
+    description?: string;
+    status?: StepStatus;
+}
+export interface StepperProps {
+    steps: StepItem[];
+    /** 0-based index of the current step (used when status is not set per step) */
+    currentStep?: number;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+export declare function Stepper({ steps, currentStep, orientation, className, }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TagInput.d.ts

@@ -0,0 +1,18 @@
+import { InputHTMLAttributes } from 'react';
+export interface TagInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (tags: string[]) => void;
+    label?: string;
+    hint?: string;
+    error?: string;
+    placeholder?: string;
+    /** Keys that confirm a tag. Defaults to Enter and comma */
+    confirmKeys?: string[];
+    /** Maximum number of tags */
+    maxTags?: number;
+    /** Validate a tag before adding; return false or error message to reject */
+    validate?: (tag: string) => boolean | string;
+    className?: string;
+}
+export declare function TagInput({ value: controlledValue, defaultValue, onChange, label, hint, error, placeholder, confirmKeys, maxTags, validate, disabled, className, ...inputProps }: TagInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ThemeProvider.d.ts

@@ -19,6 +19,11 @@ export declare const themePresets: {
     'ivory-gold': ThemeDefinition;
     'black-gold': ThemeDefinition;
     ocean: ThemeDefinition;
+    indigo: ThemeDefinition;
+    violet: ThemeDefinition;
+    'violet-dark': ThemeDefinition;
+    vxai: ThemeDefinition;
+    'vxai-dark': ThemeDefinition;
     light: {
         label: string;
         mode: "light";

package/dist/components/Timeline.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type TimelineItemStatus = 'default' | 'success' | 'warning' | 'danger' | 'info';
+export interface TimelineItem {
+    title: string;
+    description?: string;
+    time?: string;
+    icon?: ReactNode;
+    status?: TimelineItemStatus;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+    className?: string;
+}
+export declare function Timeline({ items, className }: TimelineProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toggle.d.ts

@@ -0,0 +1,24 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    size?: 'sm' | 'md' | 'lg';
+    children: ReactNode;
+}
+export declare function Toggle({ pressed: controlledPressed, defaultPressed, onPressedChange, size, className, children, onClick, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export interface ToggleGroupItem {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface ToggleGroupProps {
+    items: ToggleGroupItem[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    type?: 'single' | 'multiple';
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+export declare function ToggleGroup({ items, value: controlledValue, defaultValue, onValueChange, type, size, className, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TreeView.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export interface TreeNode {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    children?: TreeNode[];
+    disabled?: boolean;
+    data?: unknown;
+}
+export interface TreeViewProps {
+    nodes: TreeNode[];
+    selected?: string;
+    defaultSelected?: string;
+    onSelect?: (id: string, node: TreeNode) => void;
+    defaultExpanded?: string[];
+    expanded?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    className?: string;
+}
+export declare function TreeView({ nodes, selected: controlledSelected, defaultSelected, onSelect, defaultExpanded, expanded: controlledExpanded, onExpandedChange, className, }: TreeViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/homePageContent.d.ts

@@ -0,0 +1,25 @@
+import { LucideIcon } from 'lucide-react';
+import { Translations } from '../../i18n';
+export interface PublicHomeFeature {
+    key: string;
+    icon: LucideIcon;
+    title: string;
+    description: string;
+}
+export interface PublicHomePreviewSection {
+    id: string;
+    icon: LucideIcon;
+    label: string;
+    meta: string;
+}
+export interface PublicHomeMetaItem {
+    key: string;
+    icon: LucideIcon;
+    title: string;
+    lines: string[];
+}
+export declare function getPublicHomeContent(t: Translations): {
+    features: PublicHomeFeature[];
+    previewSections: PublicHomePreviewSection[];
+    metaItems: PublicHomeMetaItem[];
+};

package/dist/components/pages/legalPageContent.d.ts

@@ -0,0 +1,15 @@
+export interface LegalPageSection {
+    title: string;
+    paragraphs: string[];
+}
+export interface LegalPageContent {
+    badgeLabel: string;
+    title: string;
+    lead: string;
+    meta: string[];
+    summaryTitle: string;
+    summaryItems: string[];
+    sections: LegalPageSection[];
+}
+export declare function getPrivacyPolicyContent(locale: string): LegalPageContent;
+export declare function getTermsOfServiceContent(locale: string): LegalPageContent;