@webdevarif/dashui 1.2.4 → 1.2.7

package/dist/index.d.ts

@@ -1,836 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { HTMLAttributes, ComponentProps } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as Slider from '@radix-ui/react-slider';
-import { ClassValue } from 'clsx';
-export { ThemeProvider, useTheme } from 'next-themes';
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
-
-declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    error?: boolean;
-}
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
-
-declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-
-declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    error?: boolean;
-}
-declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
-
-declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-interface AppShellProps {
-    sidebar: React$1.ReactNode;
-    children: React$1.ReactNode;
-    collapsed?: boolean;
-}
-declare function AppShell({ sidebar, children, collapsed }: AppShellProps): react_jsx_runtime.JSX.Element;
-
-interface SidebarItem {
-    label: string;
-    href: string;
-    icon?: React$1.ComponentType<{
-        className?: string;
-    }>;
-    badge?: string | number;
-    children?: SidebarItem[];
-    active?: boolean;
-}
-interface SidebarProps {
-    logo?: React$1.ReactNode;
-    items: SidebarItem[];
-    footer?: React$1.ReactNode;
-    collapsed?: boolean;
-    onCollapse?: (collapsed: boolean) => void;
-}
-declare function Sidebar({ logo, items, footer, collapsed, onCollapse, }: SidebarProps): react_jsx_runtime.JSX.Element;
-
-interface TopBarProps {
-    storeName?: string;
-    user?: {
-        name: string;
-        email: string;
-        avatar?: string;
-    };
-    onMenuToggle?: () => void;
-    actions?: React$1.ReactNode;
-    className?: string;
-}
-declare function TopBar({ storeName, user, onMenuToggle, actions, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
-
-interface Breadcrumb {
-    label: string;
-    href?: string;
-}
-interface PageProps {
-    title: string;
-    subtitle?: string;
-    actions?: React$1.ReactNode;
-    breadcrumbs?: Breadcrumb[];
-    children: React$1.ReactNode;
-    fullWidth?: boolean;
-}
-declare function Page({ title, subtitle, actions, breadcrumbs, children, fullWidth, }: PageProps): react_jsx_runtime.JSX.Element;
-
-interface PageSectionProps {
-    title?: string;
-    description?: string;
-    children: React$1.ReactNode;
-    actions?: React$1.ReactNode;
-    className?: string;
-}
-declare function PageSection({ title, description, children, actions, className, }: PageSectionProps): react_jsx_runtime.JSX.Element;
-
-interface SearchBarProps {
-    value?: string;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    shortcut?: string;
-    className?: string;
-    width?: string;
-}
-declare function SearchBar({ value, onChange, placeholder, shortcut, className, width, }: SearchBarProps): react_jsx_runtime.JSX.Element;
-
-interface NotificationBellProps {
-    count?: number;
-    onClick?: () => void;
-    className?: string;
-}
-declare function NotificationBell({ count, onClick, className, }: NotificationBellProps): react_jsx_runtime.JSX.Element;
-
-interface ThemeToggleProps {
-    className?: string;
-    /** External controlled theme value. When provided, next-themes is not used. */
-    theme?: string;
-    /** External toggle handler. When provided, next-themes setTheme is not called. */
-    onToggle?: () => void;
-}
-declare function ThemeToggle({ className, theme: externalTheme, onToggle }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
-
-interface NavItem {
-    href: string;
-    label: string;
-    icon?: React$1.ReactNode;
-    badge?: string | number;
-    children?: NavItem[];
-}
-interface DashboardLayoutProps {
-    logo?: React$1.ReactNode;
-    appName?: string;
-    navItems: NavItem[];
-    bottomNavItems?: NavItem[];
-    activeHref?: string;
-    onNavigate?: (href: string) => void;
-    searchPlaceholder?: string;
-    searchShortcut?: string;
-    notificationCount?: number;
-    onNotificationClick?: () => void;
-    user?: {
-        name: string;
-        email: string;
-        avatar?: string;
-    };
-    onSignOut?: () => void;
-    children: React$1.ReactNode;
-    defaultCollapsed?: boolean;
-    footerContent?: React$1.ReactNode;
-}
-declare function DashboardLayout({ logo, appName, navItems, bottomNavItems, activeHref, onNavigate, searchPlaceholder, searchShortcut, notificationCount, onNotificationClick, user, onSignOut, children, defaultCollapsed, footerContent, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
-
-interface Column<T> {
-    key: keyof T | string;
-    header: string;
-    cell?: (row: T) => React$1.ReactNode;
-    sortable?: boolean;
-    width?: string;
-}
-interface DataTableProps<T> {
-    columns: Column<T>[];
-    data: T[];
-    loading?: boolean;
-    pagination?: {
-        page: number;
-        pageSize: number;
-        total: number;
-        onPageChange: (page: number) => void;
-        onPageSizeChange?: (size: number) => void;
-    };
-    selection?: {
-        selected: string[];
-        onSelect: (ids: string[]) => void;
-        idKey?: keyof T;
-    };
-    onRowClick?: (row: T) => void;
-    emptyState?: React$1.ReactNode;
-    actions?: React$1.ReactNode;
-}
-declare function DataTable<T extends Record<string, unknown>>({ columns, data, loading, pagination, selection, onRowClick, emptyState, actions, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
-
-interface EmptyStateProps {
-    icon?: React$1.ComponentType<{
-        className?: string;
-    }>;
-    title: string;
-    description?: string;
-    action?: React$1.ReactNode;
-    className?: string;
-}
-declare function EmptyState({ icon: Icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
-
-interface PaginationProps {
-    page: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    className?: string;
-}
-declare function Pagination({ page, totalPages, onPageChange, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
-
-interface Stat {
-    label: string;
-    value: string | number;
-    change?: {
-        value: number;
-        type: "increase" | "decrease";
-    };
-    icon?: React$1.ComponentType<{
-        className?: string;
-    }>;
-}
-interface StatsProps {
-    stats: Stat[];
-    columns?: 2 | 3 | 4;
-    className?: string;
-}
-declare function Stats({ stats, columns, className }: StatsProps): react_jsx_runtime.JSX.Element;
-
-type PlanId = "BASIC" | "GROW" | "ADVANCED" | string;
-interface PlanBadgeProps {
-    plan: PlanId;
-    size?: "sm" | "md";
-    className?: string;
-}
-declare function PlanBadge({ plan, size, className }: PlanBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface StorageBarProps {
-    used: number;
-    limit: number | null;
-    plan?: string;
-    collapsed?: boolean;
-    className?: string;
-}
-declare function StorageBar({ used, limit, plan, collapsed, className, }: StorageBarProps): react_jsx_runtime.JSX.Element;
-
-/**
- * UploadZone — Drag & drop file input
- *
- * Presentation-only. Calls your callback with selected files.
- * You handle: validation, upload, progress, error handling.
- *
- * Props:
- * - onFiles: (files: File[]) => void — called when user selects/drops files
- * - accept?: string — MIME types (e.g., "image/*")
- * - multiple?: boolean
- * - disabled?: boolean
- */
-declare function UploadZone({ onFiles, accept, multiple, disabled, }: {
-    onFiles: (files: File[]) => void;
-    accept?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * UploadProgressPanel — Display upload progress for multiple files
- *
- * Presentation-only. Shows status, progress, and allows retry/cancel.
- * You handle: actual upload logic.
- *
- * Props:
- * - items: UploadItem[] — files being uploaded
- * - onRetry?: (id: string) => void
- * - onCancel?: (id: string) => void
- * - onCancelAll?: () => void
- */
-type UploadProgressItem = {
-    id: string;
-    name: string;
-    mimeType: string;
-    status: 'pending' | 'uploading' | 'done' | 'failed';
-    progress: number;
-    error?: string;
-};
-declare function UploadProgressPanel({ items, onRetry, onCancel, onCancelAll, }: {
-    items: UploadProgressItem[];
-    onRetry?: (id: string) => void;
-    onCancel?: (id: string) => void;
-    onCancelAll?: () => void;
-}): react_jsx_runtime.JSX.Element | null;
-
-interface ImagePickerFieldProps {
-    value?: string;
-    filename?: string;
-    onPickerOpen?: () => void;
-    onRemove?: () => void;
-    size?: "sm" | "md" | "lg";
-    emptyLabel?: string;
-    className?: string;
-}
-declare function ImagePickerField({ value, filename, onPickerOpen, onRemove, size, emptyLabel, className, }: ImagePickerFieldProps): react_jsx_runtime.JSX.Element;
-
-interface MediaCardFile {
-    id: string;
-    name: string;
-    url: string;
-    mimeType: string;
-    size: number;
-    width?: number | null;
-    height?: number | null;
-}
-interface MediaCardProps {
-    file: MediaCardFile;
-    selected?: boolean;
-    onClick?: () => void;
-    className?: string;
-}
-declare function MediaCard({ file, selected, onClick, className }: MediaCardProps): react_jsx_runtime.JSX.Element;
-
-interface FormFieldProps {
-    label: string;
-    error?: string;
-    hint?: string;
-    required?: boolean;
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function FormField({ label, error, hint, required, children, className, }: FormFieldProps): react_jsx_runtime.JSX.Element;
-
-interface FormLayoutProps {
-    title?: string;
-    description?: string;
-    children: React$1.ReactNode;
-    actions?: React$1.ReactNode;
-    className?: string;
-}
-declare function FormLayout({ title, description, children, actions, className, }: FormLayoutProps): react_jsx_runtime.JSX.Element;
-
-interface FormSectionProps {
-    title: string;
-    description?: string;
-    children: React$1.ReactNode;
-    className?: string;
-}
-declare function FormSection({ title, description, children, className, }: FormSectionProps): react_jsx_runtime.JSX.Element;
-
-/**
- * LocalInput — Prevents cursor jumping in form-heavy UIs
- *
- * Problem: When parent component re-renders, native input loses focus.
- * Solution: Maintains local state + syncs from parent only when not focused.
- *
- * Props:
- * - value: number | string (from parent)
- * - onChange: (val: string) => void (called on every keystroke OR on blur)
- * - commitOnBlur?: boolean (if true, only commits to parent on blur; if false, commits immediately)
- * - ...rest: HTML input attributes
- */
-declare function LocalInput({ value, onChange, commitOnBlur, ...rest }: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    value: number | string;
-    onChange: (val: string) => void;
-    commitOnBlur?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * Responsive input device types and constants
- */
-type DeviceKey = 'desktop' | 'laptop' | 'tablet' | 'mobile';
-interface DeviceOption {
-    key: DeviceKey;
-    label: string;
-    width: string;
-}
-declare const DEVICES: DeviceOption[];
-declare const DEVICE_ICONS: Record<DeviceKey, React.ReactNode>;
-
-/**
- * ResponsiveSizeDeviceIcon
- *
- * Device picker icon + dropdown menu.
- * Typically sits next to a "Size" label in forms.
- *
- * Props:
- * - activeDevice: Currently selected device
- * - setActiveDevice: Callback to change device
- */
-declare function ResponsiveSizeDeviceIcon({ activeDevice, setActiveDevice, }: {
-    activeDevice: DeviceKey;
-    setActiveDevice: (d: DeviceKey) => void;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * ResponsiveSizeField
- *
- * Bordered input field with device-aware number/text input + unit selector.
- * Supports responsive sizes by device (desktop, laptop, tablet, mobile).
- * Supports custom CSS values (calc, clamp, etc.) when unit is 'custom'.
- *
- * Props:
- * - value: Size values by device
- * - unit: Current unit (px, rem, em, vh, vw, custom)
- * - customUnit?: Custom CSS value (e.g., "calc(100% - 20px)")
- * - activeDevice: Currently selected device
- * - onSizeChange: Callback when size changes
- * - onUnitChange: Callback when unit changes
- * - onCustomChange?: Callback when custom value changes
- */
-declare function ResponsiveSizeField({ value, unit, customUnit, activeDevice, onSizeChange, onUnitChange, onCustomChange, }: {
-    value: Partial<Record<DeviceKey, number>>;
-    unit: string;
-    customUnit?: string;
-    activeDevice: DeviceKey;
-    onSizeChange: (dev: DeviceKey, val: number) => void;
-    onUnitChange: (unit: string) => void;
-    onCustomChange?: (val: string) => void;
-}): react_jsx_runtime.JSX.Element;
-
-interface AlertProps {
-    variant?: "info" | "success" | "warning" | "error";
-    title?: string;
-    children: React$1.ReactNode;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    className?: string;
-}
-declare function Alert({ variant, title, children, dismissible, onDismiss, className, }: AlertProps): react_jsx_runtime.JSX.Element;
-
-interface ConfirmDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    title: string;
-    description?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    onConfirm: () => void;
-    loading?: boolean;
-    variant?: "default" | "destructive";
-}
-declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, loading, variant, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
-
-interface LoadingSpinnerProps {
-    size?: "sm" | "md" | "lg";
-    className?: string;
-}
-declare function LoadingSpinner({ size, className }: LoadingSpinnerProps): react_jsx_runtime.JSX.Element;
-
-type PostStatus = "DRAFT" | "PUBLISHED" | "SCHEDULED" | "ARCHIVED";
-interface PostStatusBadgeProps {
-    status: PostStatus;
-    size?: "sm" | "md";
-    className?: string;
-}
-declare function PostStatusBadge({ status, size, className, }: PostStatusBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface PostListItem {
-    id: string;
-    title: string;
-    slug: string;
-    status: PostStatus;
-    author?: string | null;
-    publishedAt?: Date | string | null;
-    createdAt: Date | string;
-    featuredImageUrl?: string | null;
-    excerpt?: string | null;
-}
-interface PostListTableProps {
-    posts: PostListItem[];
-    loading?: boolean;
-    singularLabel?: string;
-    onEdit?: (id: string) => void;
-    onDelete?: (id: string) => void;
-    onDuplicate?: (id: string) => void;
-    onStatusChange?: (id: string, status: PostStatus) => void;
-    emptyMessage?: string;
-    emptyIcon?: React$1.ReactNode;
-    onNewPost?: () => void;
-    newPostLabel?: string;
-    className?: string;
-}
-declare function PostListTable({ posts, loading, singularLabel, onEdit, onDelete, onDuplicate, onStatusChange, emptyMessage, emptyIcon, onNewPost, newPostLabel, className, }: PostListTableProps): react_jsx_runtime.JSX.Element;
-
-interface PostFiltersBarProps {
-    search: string;
-    onSearch: (v: string) => void;
-    status: string;
-    onStatusChange: (v: string) => void;
-    onNew?: () => void;
-    newLabel?: string;
-    total?: number;
-    typeLabel?: string;
-    className?: string;
-}
-declare function PostFiltersBar({ search, onSearch, status, onStatusChange, onNew, newLabel, total, typeLabel, className, }: PostFiltersBarProps): react_jsx_runtime.JSX.Element;
-
-interface PostEditorShellProps {
-    title?: string;
-    backLabel?: string;
-    onBack?: () => void;
-    onSave?: () => void;
-    onPublish?: () => void;
-    saving?: boolean;
-    publishing?: boolean;
-    status?: PostStatus;
-    children: React$1.ReactNode;
-    sidebar: React$1.ReactNode;
-    className?: string;
-}
-declare function PostEditorShell({ title, backLabel, onBack, onSave, onPublish, saving, publishing, status, children, sidebar, className, }: PostEditorShellProps): react_jsx_runtime.JSX.Element;
-
-interface SlugInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    onGenerate?: () => void;
-    prefix?: string;
-    disabled?: boolean;
-    className?: string;
-}
-declare function SlugInput({ value, onChange, onGenerate, prefix, disabled, className, }: SlugInputProps): react_jsx_runtime.JSX.Element;
-
-interface PostSidebarSectionProps {
-    title: string;
-    children: React$1.ReactNode;
-    defaultOpen?: boolean;
-    className?: string;
-}
-declare function PostSidebarSection({ title, children, defaultOpen, className, }: PostSidebarSectionProps): react_jsx_runtime.JSX.Element;
-
-interface HslColorInputProps {
-    value: string;
-    onChange: (v: string) => void;
-    className?: string;
-    inputClassName?: string;
-    disabled?: boolean;
-}
-declare function HslColorInput({ value, onChange, className, inputClassName, disabled }: HslColorInputProps): react_jsx_runtime.JSX.Element;
-
-interface ColorPickerContextValue {
-    hue: number;
-    saturation: number;
-    lightness: number;
-    alpha: number;
-    mode: string;
-    setHue: (h: number) => void;
-    setSaturation: (s: number) => void;
-    setLightness: (l: number) => void;
-    setAlpha: (a: number) => void;
-    setMode: (mode: string) => void;
-}
-declare const useColorPicker: () => ColorPickerContextValue;
-type ColorPickerProps = HTMLAttributes<HTMLDivElement> & {
-    defaultValue?: string;
-    onChange?: (hex: string) => void;
-};
-declare const ColorPicker: ({ defaultValue, onChange, className, children, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
-declare const ColorPickerSelection: React$1.MemoExoticComponent<({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element>;
-declare const ColorPickerHue: ({ className, ...props }: Omit<ComponentProps<typeof Slider.Root>, "value" | "onValueChange" | "max" | "step">) => react_jsx_runtime.JSX.Element;
-declare const ColorPickerAlpha: ({ className, ...props }: Omit<ComponentProps<typeof Slider.Root>, "value" | "onValueChange" | "max" | "step">) => react_jsx_runtime.JSX.Element;
-declare const ColorPickerEyeDropper: ({ className, ...props }: HTMLAttributes<HTMLButtonElement>) => react_jsx_runtime.JSX.Element;
-type ColorPickerOutputProps = HTMLAttributes<HTMLDivElement>;
-declare const ColorPickerOutput: ({ className, ...props }: ColorPickerOutputProps) => react_jsx_runtime.JSX.Element;
-type ColorPickerFormatProps = HTMLAttributes<HTMLInputElement>;
-declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) => react_jsx_runtime.JSX.Element;
-declare const ColorPickerHexOutput: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-
-/**
- * TiptapEditor — Rich text editor with live editing
- *
- * Presentation-only. Consumer handles:
- * - Saving (getJSON() when ready)
- * - Upload handling
- * - Validation
- *
- * Props:
- * - value: Record<string, any> | string | null — JSON content from editor.getJSON()
- * - onChange: (json: Record<string, any>) => void — called on every change
- * - placeholder?: string — placeholder text
- * - disabled?: boolean
- * - className?: string — wrapper classes
- */
-declare function TiptapEditor({ value, onChange, placeholder, disabled, className, }: {
-    value: Record<string, any> | string | null;
-    onChange: (json: Record<string, any>) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
-}): react_jsx_runtime.JSX.Element | null;
-
-/**
- * ThemeBuilder — Visual theme editor shell
- *
- * Consumer provides:
- * - initialTheme: Current theme data
- * - onSave: (themeData) => void
- * - onPreview: (html) => void
- *
- * Includes:
- * - Icon strip sidebar (AI, Variables, Styles)
- * - Variables panel (Color Schema + Typography + Page Layout)
- * - Preview iframe
- *
- * This is the shell. Consumer handles:
- * - API persistence
- * - Preview rendering (Tailwind + Alpine)
- * - Theme data structure
- */
-interface Theme {
-    id: string;
-    name: string;
-    variables?: Record<string, any>;
-    colorSchemas?: Array<any>;
-    typography?: Record<string, any>;
-    [key: string]: any;
-}
-interface ThemeBuilderProps {
-    theme: Theme;
-    onSave: (theme: Theme) => void;
-    onPreviewUpdate?: (previewHtml: string) => void;
-    previewUrl?: string;
-}
-declare function ThemeBuilder({ theme, onSave, onPreviewUpdate, previewUrl }: ThemeBuilderProps): react_jsx_runtime.JSX.Element;
-
-/**
- * ColorSchemaPanel — Color token editor with light/dark support
- *
- * Consumer provides:
- * - schemas: Array of color schemas
- * - onSave: (schemas) => void
- * - onSchemaSelect: (schemaId) => void
- */
-interface ColorSchema {
-    id: string;
-    name: string;
-    light: Record<string, string>;
-    dark: Record<string, string>;
-}
-declare function ColorSchemaPanel({ schemas, activeSchemaId, onSchemaSelect, onSchemaSave, onSchemaCreate, }: {
-    schemas: ColorSchema[];
-    activeSchemaId?: string;
-    onSchemaSelect: (id: string) => void;
-    onSchemaSave: (schema: ColorSchema) => void;
-    onSchemaCreate: (name: string) => void;
-}): react_jsx_runtime.JSX.Element;
-
-/**
- * TypographyPanel — Font & text settings editor
- *
- * Consumer provides:
- * - typography: Typography settings object
- * - onSave: (typography) => void
- */
-interface TextPreset {
-    size: Record<string, number>;
-    sizeUnit: string;
-    lineHeight: string;
-    fontRole: string;
-    weight: number;
-    letterSpacing: string;
-}
-interface TypographySettings {
-    fonts: Record<string, string>;
-    body: TextPreset;
-    headings: Record<string, TextPreset>;
-}
-declare function TypographyPanel({ typography, onSave, }: {
-    typography: TypographySettings;
-    onSave: (settings: TypographySettings) => void;
-}): react_jsx_runtime.JSX.Element;
-
-declare function useDisclosure(initial?: boolean): {
-    isOpen: boolean;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    onOpenChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-};
-declare function usePagination(total: number, pageSize?: number): {
-    page: number;
-    setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
-    pageSize: number;
-    total: number;
-    totalPages: number;
-};
-
-declare function cn(...inputs: ClassValue[]): string;
-
-interface AuthShellProps {
-    children: React$1.ReactNode;
-    /** Optional background pattern — 'dots' | 'grid' | 'none' */
-    pattern?: 'dots' | 'grid' | 'none';
-    maxWidth?: string;
-}
-declare function AuthShell({ children, pattern, maxWidth }: AuthShellProps): react_jsx_runtime.JSX.Element;
-
-interface AuthCardProps {
-    children: React$1.ReactNode;
-    padding?: string;
-}
-declare function AuthCard({ children, padding }: AuthCardProps): react_jsx_runtime.JSX.Element;
-
-interface AuthLogoProps {
-    /** App name shown next to the logo mark */
-    appName?: string;
-    /** Single letter shown inside the logo box (fallback when no imageUrl) */
-    letter?: string;
-    /** Image URL — when provided, shows image instead of letter box */
-    imageUrl?: string;
-    /** Image/logo size in px */
-    size?: number;
-}
-declare function AuthLogo({ appName, letter, imageUrl, size }: AuthLogoProps): react_jsx_runtime.JSX.Element;
-
-interface AuthHeaderProps {
-    title: string;
-    description?: string;
-}
-declare function AuthHeader({ title, description }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
-
-interface AuthFieldProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
-    label: string;
-    error?: string;
-    hint?: string;
-    rightLabel?: React$1.ReactNode;
-}
-declare function AuthField({ label, error, hint, rightLabel, id, ...props }: AuthFieldProps): react_jsx_runtime.JSX.Element;
-
-interface AuthButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    loading?: boolean;
-    variant?: 'primary' | 'outline' | 'ghost';
-    fullWidth?: boolean;
-}
-declare function AuthButton({ loading, variant, fullWidth, children, disabled, style, ...props }: AuthButtonProps): react_jsx_runtime.JSX.Element;
-
-declare function AuthDivider({ label }: {
-    label?: string;
-}): react_jsx_runtime.JSX.Element;
-
-interface AuthFootnoteProps {
-    text: string;
-    linkText: string;
-    linkHref: string;
-}
-declare function AuthFootnote({ text, linkText, linkHref }: AuthFootnoteProps): react_jsx_runtime.JSX.Element;
-
-interface SkeletonProps {
-    width?: string | number;
-    height?: string | number;
-    rounded?: string;
-    className?: string;
-    style?: React$1.CSSProperties;
-}
-declare function Skeleton({ width, height, rounded, style }: SkeletonProps): react_jsx_runtime.JSX.Element;
-
-export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColorPicker, ColorPickerAlpha, ColorPickerEyeDropper, ColorPickerFormat, ColorPickerHexOutput, ColorPickerHue, ColorPickerOutput, ColorPickerSelection, type ColorSchema, ColorSchemaPanel, type Column, ConfirmDialog, type ConfirmDialogProps, DEVICES, DEVICE_ICONS, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableProps, type DeviceKey, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, HslColorInput, ImagePickerField, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, LocalInput, MediaCard, type NavItem, NotificationBell, type NotificationBellProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, PlanBadge, type PlanBadgeProps, type PlanId, Popover, PopoverContent, PopoverTrigger, PostEditorShell, type PostEditorShellProps, PostFiltersBar, type PostFiltersBarProps, type PostListItem, PostListTable, type PostListTableProps, PostSidebarSection, type PostSidebarSectionProps, type PostStatus, PostStatusBadge, type PostStatusBadgeProps, ResponsiveSizeDeviceIcon, ResponsiveSizeField, SearchBar, type SearchBarProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, SlugInput, type SlugInputProps, type Stat, Stats, type StatsProps, StorageBar, type StorageBarProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, type TextPreset, Textarea, type TextareaProps, type Theme, ThemeBuilder, type ThemeBuilderProps, ThemeToggle, type ThemeToggleProps, TiptapEditor, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, TypographyPanel, type TypographySettings, type UploadProgressItem, UploadProgressPanel, UploadZone, badgeVariants, buttonVariants, cn, useColorPicker, useDisclosure, usePagination };