@hyddenlabs/hydn-ui 0.0.1 → 0.3.0-alpha.2

package/dist/index.d.cts

@@ -801,16 +801,13 @@ type CardProps = {
     className?: string;
     variant?: 'default' | 'bordered' | 'ghost' | 'filled';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    width?: 'auto' | 'full' | 'fit';
     hoverable?: boolean;
     imagePosition?: 'top' | 'bottom' | 'side' | 'overlay';
     centered?: boolean;
     compact?: boolean;
-    interactive?: boolean;
-    highlighted?: boolean;
-    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-    padding?: 'none';
 } & React__default.HTMLAttributes<HTMLDivElement>;
-declare function Card({ children, className, variant, size, hoverable, imagePosition, centered, compact, interactive, highlighted, maxWidth, padding, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, variant, size, width, hoverable, imagePosition, centered, compact, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
 declare namespace Card {
     var displayName: string;
 }
@@ -826,6 +823,16 @@ declare namespace CardHeader {
     var displayName: string;
 }
 
+interface CardBodyProps {
+    children: React.ReactNode;
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+declare function CardBody({ children, padding, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
+declare namespace CardBody {
+    var displayName: string;
+}
+
 type CardFooterProps = {
     children: ReactNode;
     className?: string;
@@ -838,6 +845,38 @@ declare namespace CardFooter {
     var displayName: string;
 }
 
+type CardTitleProps = {
+    children: ReactNode;
+    className?: string;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+};
+declare function CardTitle({ children, className, as: Component, size }: Readonly<CardTitleProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardTitle {
+    var displayName: string;
+}
+
+type CardActionsProps = {
+    children: ReactNode;
+    className?: string;
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    direction?: 'row' | 'column';
+};
+declare function CardActions({ children, className, align, direction }: Readonly<CardActionsProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardActions {
+    var displayName: string;
+}
+
+type CardFigureProps = {
+    children: ReactNode;
+    className?: string;
+    aspectRatio?: 'square' | 'video' | 'wide' | 'portrait' | 'auto';
+};
+declare function CardFigure({ children, className, aspectRatio }: Readonly<CardFigureProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardFigure {
+    var displayName: string;
+}
+
 type ContainerProps = {
     children: React__default.ReactNode;
     className?: string;
@@ -898,10 +937,15 @@ type DrawerProps = {
     children: ReactNode;
     position?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
-    contentAlign?: 'start' | 'center' | 'end';
-    centerVertical?: boolean;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    closeOnEscape?: boolean;
+    closeOnOutside?: boolean;
+    unmountOnExit?: boolean;
+    portalRoot?: HTMLElement | null;
+    noAnimation?: boolean;
 };
-declare function Drawer({ isOpen, onClose, children, position, className, contentAlign, centerVertical }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
+declare function Drawer({ isOpen, onClose, children, position, className, title, size, closeOnEscape, closeOnOutside, unmountOnExit, portalRoot, noAnimation }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
 declare namespace Drawer {
     var displayName: string;
 }
@@ -934,22 +978,24 @@ declare namespace Accordion {
 type HeroAction = {
     label: string;
     onClick: () => void;
-    variant?: 'primary' | 'secondary' | 'neutral' | 'error';
-    style?: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'error' | 'accent';
+    style?: 'solid' | 'outline' | 'ghost';
     loading?: boolean;
+    icon?: ReactNode;
 };
 type HeroProps = {
     title: string;
+    subtitle?: string;
     description?: string;
     primaryAction?: HeroAction;
     secondaryAction?: HeroAction;
     children?: ReactNode;
     className?: string;
-    backgroundGradient?: boolean;
+    variant?: 'gradient' | 'solid' | 'minimal';
     centered?: boolean;
     size?: 'sm' | 'md' | 'lg';
 };
-declare function Hero({ title, description, primaryAction, secondaryAction, children, className, backgroundGradient, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
+declare function Hero({ title, subtitle, description, primaryAction, secondaryAction, children, className, variant, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
 declare namespace Hero {
     var displayName: string;
 }
@@ -1113,4 +1159,4 @@ declare namespace ColorModeToggle {
     var displayName: string;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Footer, type FooterProps, type FooterSection, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Page, type PageProps, Pagination, type PaginationProps, Popover, type PopoverProps, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type UseTableOptions, type UseTableReturn, useTable, useTheme };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Footer, type FooterProps, type FooterSection, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Page, type PageProps, Pagination, type PaginationProps, Popover, type PopoverProps, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type UseTableOptions, type UseTableReturn, useTable, useTheme };

package/dist/index.d.ts

@@ -801,16 +801,13 @@ type CardProps = {
     className?: string;
     variant?: 'default' | 'bordered' | 'ghost' | 'filled';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    width?: 'auto' | 'full' | 'fit';
     hoverable?: boolean;
     imagePosition?: 'top' | 'bottom' | 'side' | 'overlay';
     centered?: boolean;
     compact?: boolean;
-    interactive?: boolean;
-    highlighted?: boolean;
-    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-    padding?: 'none';
 } & React__default.HTMLAttributes<HTMLDivElement>;
-declare function Card({ children, className, variant, size, hoverable, imagePosition, centered, compact, interactive, highlighted, maxWidth, padding, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, variant, size, width, hoverable, imagePosition, centered, compact, ...props }: Readonly<CardProps>): react_jsx_runtime.JSX.Element;
 declare namespace Card {
     var displayName: string;
 }
@@ -826,6 +823,16 @@ declare namespace CardHeader {
     var displayName: string;
 }
 
+interface CardBodyProps {
+    children: React.ReactNode;
+    padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+declare function CardBody({ children, padding, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
+declare namespace CardBody {
+    var displayName: string;
+}
+
 type CardFooterProps = {
     children: ReactNode;
     className?: string;
@@ -838,6 +845,38 @@ declare namespace CardFooter {
     var displayName: string;
 }
 
+type CardTitleProps = {
+    children: ReactNode;
+    className?: string;
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+};
+declare function CardTitle({ children, className, as: Component, size }: Readonly<CardTitleProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardTitle {
+    var displayName: string;
+}
+
+type CardActionsProps = {
+    children: ReactNode;
+    className?: string;
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    direction?: 'row' | 'column';
+};
+declare function CardActions({ children, className, align, direction }: Readonly<CardActionsProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardActions {
+    var displayName: string;
+}
+
+type CardFigureProps = {
+    children: ReactNode;
+    className?: string;
+    aspectRatio?: 'square' | 'video' | 'wide' | 'portrait' | 'auto';
+};
+declare function CardFigure({ children, className, aspectRatio }: Readonly<CardFigureProps>): react_jsx_runtime.JSX.Element;
+declare namespace CardFigure {
+    var displayName: string;
+}
+
 type ContainerProps = {
     children: React__default.ReactNode;
     className?: string;
@@ -898,10 +937,15 @@ type DrawerProps = {
     children: ReactNode;
     position?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
-    contentAlign?: 'start' | 'center' | 'end';
-    centerVertical?: boolean;
+    title?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    closeOnEscape?: boolean;
+    closeOnOutside?: boolean;
+    unmountOnExit?: boolean;
+    portalRoot?: HTMLElement | null;
+    noAnimation?: boolean;
 };
-declare function Drawer({ isOpen, onClose, children, position, className, contentAlign, centerVertical }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
+declare function Drawer({ isOpen, onClose, children, position, className, title, size, closeOnEscape, closeOnOutside, unmountOnExit, portalRoot, noAnimation }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element | null;
 declare namespace Drawer {
     var displayName: string;
 }
@@ -934,22 +978,24 @@ declare namespace Accordion {
 type HeroAction = {
     label: string;
     onClick: () => void;
-    variant?: 'primary' | 'secondary' | 'neutral' | 'error';
-    style?: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
+    variant?: 'primary' | 'secondary' | 'neutral' | 'error' | 'accent';
+    style?: 'solid' | 'outline' | 'ghost';
     loading?: boolean;
+    icon?: ReactNode;
 };
 type HeroProps = {
     title: string;
+    subtitle?: string;
     description?: string;
     primaryAction?: HeroAction;
     secondaryAction?: HeroAction;
     children?: ReactNode;
     className?: string;
-    backgroundGradient?: boolean;
+    variant?: 'gradient' | 'solid' | 'minimal';
     centered?: boolean;
     size?: 'sm' | 'md' | 'lg';
 };
-declare function Hero({ title, description, primaryAction, secondaryAction, children, className, backgroundGradient, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
+declare function Hero({ title, subtitle, description, primaryAction, secondaryAction, children, className, variant, centered, size }: Readonly<HeroProps>): react_jsx_runtime.JSX.Element;
 declare namespace Hero {
     var displayName: string;
 }
@@ -1113,4 +1159,4 @@ declare namespace ColorModeToggle {
     var displayName: string;
 }
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Footer, type FooterProps, type FooterSection, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Page, type PageProps, Pagination, type PaginationProps, Popover, type PopoverProps, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type UseTableOptions, type UseTableReturn, useTable, useTheme };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, type CalendarProps, Card, CardActions, type CardActionsProps, CardBody, type CardBodyProps, CardFigure, type CardFigureProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Code, CodeBlock, type CodeBlockProps, type CodeProps, ColorModeToggle, type ColorModeToggleProps, type ColumnDef, Container, type ContainerProps, DataTable, type DataTableProps, DatePicker, type DatePickerProps, DeleteDialog, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, type Feature, FeatureSection, type FeatureSectionProps, Footer, type FooterProps, type FooterSection, FormField, type FormFieldProps, Grid, type GridProps, Heading, type HeadingProps, Hero, type HeroAction, type HeroProps, Input, InputGroup, type InputGroupProps, type InputProps, LeftNavItem, type LeftNavItemProps, LeftNavLayout, type LeftNavLayoutProps, LeftNavSection, type LeftNavSectionProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Modal, type ModalProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, Nav, type NavProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Page, type PageProps, Pagination, type PaginationProps, Popover, type PopoverProps, type PricingFeature, PricingTable, type PricingTableProps, PricingTier, type PricingTierProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectItemProps, type SelectProps, Sidebar, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SortConfig, type SortDirection, Spinner, type SpinnerProps, Stack, type StackProps, StatusLabel, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeadCell, type TableHeadCellProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Text, type TextProps, Textarea, type TextareaProps, type Theme, type ThemeContextType, ThemeProvider, type ThemeProviderProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, Tooltip, type TooltipProps, type UseTableOptions, type UseTableReturn, useTable, useTheme };