@jameskabz/nextcraft-ui 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -50,9 +50,228 @@ declare const CraftInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHT
     icon?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type CraftTextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+};
+declare const CraftTextarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    tone?: ThemeName;
+} & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+type CraftSelectProps = React$1.SelectHTMLAttributes<HTMLSelectElement> & {
+    tone?: ThemeName;
+};
+declare const CraftSelect: React$1.ForwardRefExoticComponent<React$1.SelectHTMLAttributes<HTMLSelectElement> & {
+    tone?: ThemeName;
+} & React$1.RefAttributes<HTMLSelectElement>>;
+
+type CraftCheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+};
+declare const CraftCheckbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type CraftSwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React$1.ReactNode;
+};
+declare const CraftSwitch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    label?: React$1.ReactNode;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type CraftBadgeVariant = "solid" | "soft" | "outline";
+type CraftBadgeProps = React$1.HTMLAttributes<HTMLSpanElement> & {
+    variant?: CraftBadgeVariant;
+    tone?: ThemeName;
+};
+declare function CraftBadge({ className, variant, tone, ...props }: CraftBadgeProps): react_jsx_runtime.JSX.Element;
+
+type CraftCardProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    elevated?: boolean;
+};
+declare function CraftCard({ className, tone, elevated, ...props }: CraftCardProps): react_jsx_runtime.JSX.Element;
+
+type CraftModalProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    trigger?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    className?: string;
+};
+declare function CraftModal({ open, defaultOpen, onOpenChange, tone, title, description, children, trigger, footer, className, }: CraftModalProps): react_jsx_runtime.JSX.Element;
+
+type CraftDrawerProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tone?: ThemeName;
+    side?: "right" | "left";
+    title?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    trigger?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    className?: string;
+};
+declare function CraftDrawer({ open, defaultOpen, onOpenChange, tone, side, title, children, trigger, footer, className, }: CraftDrawerProps): react_jsx_runtime.JSX.Element;
+
+type CraftTabsProps = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    tone?: ThemeName;
+    tabs: Array<{
+        value: string;
+        label: React$1.ReactNode;
+    }>;
+    panels: Record<string, React$1.ReactNode>;
+    className?: string;
+};
+declare function CraftTabs({ value, defaultValue, onValueChange, tone, tabs, panels, className, }: CraftTabsProps): react_jsx_runtime.JSX.Element;
+
+type CraftTooltipProps = {
+    content: React$1.ReactNode;
+    tone?: ThemeName;
+    children: React$1.ReactElement;
+    side?: "top" | "bottom" | "left" | "right";
+};
+declare function CraftTooltip({ content, tone, children, side }: CraftTooltipProps): react_jsx_runtime.JSX.Element;
+
+type CraftToastVariant = "info" | "success" | "warning" | "error";
+type CraftToast = {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: CraftToastVariant;
+};
+declare function useCraftToast(): {
+    toasts: CraftToast[];
+    push: (toast: Omit<CraftToast, "id">) => string;
+    remove: (id: string) => void;
+};
+type CraftToastHostProps = {
+    toasts: CraftToast[];
+    onDismiss: (id: string) => void;
+    tone?: ThemeName;
+};
+declare function CraftToastHost({ toasts, onDismiss, tone }: CraftToastHostProps): react_jsx_runtime.JSX.Element;
+
+type CraftSkeletonProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+};
+declare function CraftSkeleton({ className, tone, ...props }: CraftSkeletonProps): react_jsx_runtime.JSX.Element;
+
+type CraftEmptyStateProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    tone?: ThemeName;
+    title: string;
+    description?: string;
+    icon?: React$1.ReactNode;
+    action?: React$1.ReactNode;
+};
+declare function CraftEmptyState({ className, tone, title, description, icon, action, ...props }: CraftEmptyStateProps): react_jsx_runtime.JSX.Element;
+
+type CraftDatePickerProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    tone?: ThemeName;
+    min?: string;
+    max?: string;
+    placeholder?: string;
+    className?: string;
+};
+declare function CraftDatePicker({ value, defaultValue, onChange, tone, min, max, placeholder, className, }: CraftDatePickerProps): react_jsx_runtime.JSX.Element;
+
+type CraftNumberInputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
+    tone?: ThemeName;
+};
+declare const CraftNumberInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
+    tone?: ThemeName;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type CraftCurrencyInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+};
+declare const CraftCurrencyInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    tone?: ThemeName;
+    currencySymbol?: string;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+type AppShellProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    sidebar?: React$1.ReactNode;
+    topNav?: React$1.ReactNode;
+};
+declare function AppShell({ className, sidebar, topNav, children, ...props }: AppShellProps): react_jsx_runtime.JSX.Element;
+
+type SidebarItem = {
+    label: React$1.ReactNode;
+    href?: string;
+    icon?: React$1.ReactNode;
+    active?: boolean;
+};
+type SidebarProps = React$1.HTMLAttributes<HTMLElement> & {
+    title?: React$1.ReactNode;
+    items: SidebarItem[];
+    footer?: React$1.ReactNode;
+};
+declare function Sidebar({ className, title, items, footer, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+type TopNavProps = React$1.HTMLAttributes<HTMLElement> & {
+    title?: React$1.ReactNode;
+    actions?: React$1.ReactNode;
+    breadcrumb?: React$1.ReactNode;
+};
+declare function TopNav({ className, title, actions, breadcrumb, ...props }: TopNavProps): react_jsx_runtime.JSX.Element;
+
+type PageHeaderProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    title: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    actions?: React$1.ReactNode;
+};
+declare function PageHeader({ className, title, description, actions, ...props }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+type BreadcrumbItem = {
+    label: React$1.ReactNode;
+    href?: string;
+};
+type BreadcrumbsProps = React$1.HTMLAttributes<HTMLElement> & {
+    items: BreadcrumbItem[];
+};
+declare function Breadcrumbs({ className, items, ...props }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
+
+type AuthLayoutProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+    graphic?: React$1.ReactNode;
+};
+declare function AuthLayout({ className, title, description, footer, graphic, children, ...props }: AuthLayoutProps): react_jsx_runtime.JSX.Element;
+
+type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    size?: "sm" | "md" | "lg" | "xl";
+};
+declare function Container({ className, size, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
+
+type GridProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    gap?: "sm" | "md" | "lg" | "xl";
+};
+declare function Grid({ className, columns, gap, ...props }: GridProps): react_jsx_runtime.JSX.Element;
+
 type ThemeSwitcherProps = React$1.HTMLAttributes<HTMLDivElement> & {
     showLabels?: boolean;
 };
 declare function ThemeSwitcher({ className, showLabels, ...props }: ThemeSwitcherProps): react_jsx_runtime.JSX.Element;
 
-export { CraftButton, type CraftButtonProps, CraftInput, type CraftInputProps, GlassCard, type GlassCardProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, useTheme };
+export { AppShell, type AppShellProps, AuthLayout, type AuthLayoutProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Container, type ContainerProps, CraftBadge, type CraftBadgeProps, CraftButton, type CraftButtonProps, CraftCard, type CraftCardProps, CraftCheckbox, type CraftCheckboxProps, CraftCurrencyInput, type CraftCurrencyInputProps, CraftDatePicker, type CraftDatePickerProps, CraftDrawer, type CraftDrawerProps, CraftEmptyState, type CraftEmptyStateProps, CraftInput, type CraftInputProps, CraftModal, type CraftModalProps, CraftNumberInput, type CraftNumberInputProps, CraftSelect, type CraftSelectProps, CraftSkeleton, type CraftSkeletonProps, CraftSwitch, type CraftSwitchProps, CraftTabs, type CraftTabsProps, CraftTextarea, type CraftTextareaProps, type CraftToast, CraftToastHost, type CraftToastHostProps, CraftTooltip, type CraftTooltipProps, GlassCard, type GlassCardProps, Grid, type GridProps, PageHeader, type PageHeaderProps, Sidebar, type SidebarItem, type SidebarProps, type ThemeMode, type ThemeName, ThemeProvider, ThemeSwitcher, type ThemeSwitcherProps, TopNav, type TopNavProps, useCraftToast, useTheme };