@boostdev/design-system-components 0.1.13 → 0.1.15

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, ButtonHTMLAttributes, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
+import { ReactNode, HTMLAttributes, ElementType, ComponentPropsWithoutRef, ReactElement, ButtonHTMLAttributes, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
 export { cn } from '@boostdev/design-system-foundation';
 
 interface AccordionItem {
@@ -52,6 +52,26 @@ interface BreadcrumbProps {
 }
 declare function Breadcrumb({ items, className }: Readonly<BreadcrumbProps>): react_jsx_runtime.JSX.Element;
 
+interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> {
+    /** The trigger label — always visible */
+    summary: ReactNode;
+    /** The content revealed when expanded */
+    children: ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Uncontrolled initial open state */
+    defaultOpen?: boolean;
+    /** Called after each toggle with the new open state */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Groups multiple Collapsible elements so only one is open at a time
+     * (native <details name="…"> behaviour).
+     */
+    name?: string;
+    className?: string;
+}
+declare function Collapsible({ summary, children, open, defaultOpen, onToggle, name, className, ...rest }: Readonly<CollapsibleProps>): react_jsx_runtime.JSX.Element;
+
 interface CalendarProps {
     value?: Date;
     defaultValue?: Date;
@@ -245,12 +265,13 @@ declare function Dialog({ children, isOpen, className, onClose }: DialogProps):
 interface DrawerProps {
     isOpen: boolean;
     onClose: () => void;
-    title: string;
+    title: ReactNode;
     children: ReactNode;
     side?: 'left' | 'right';
     className?: string;
+    arialLabel?: string;
 }
-declare function Drawer({ isOpen, onClose, title, children, side, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, title, children, side, arialLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
 
 interface DropdownMenuItem {
     id: string;
@@ -363,11 +384,12 @@ declare function NumberInput({ label, name, value, defaultValue, min, max, step,
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label: string;
     name: string;
+    description?: string;
     error?: string;
     hint?: string;
     className?: string;
 }
-declare function Radio({ label, name, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ label, name, description, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
     value: string;
@@ -452,4 +474,4 @@ interface Props {
 }
 declare function IconWrapper({ children, className }: Props): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, ButtonHTMLAttributes, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
+import { ReactNode, HTMLAttributes, ElementType, ComponentPropsWithoutRef, ReactElement, ButtonHTMLAttributes, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
 export { cn } from '@boostdev/design-system-foundation';
 
 interface AccordionItem {
@@ -52,6 +52,26 @@ interface BreadcrumbProps {
 }
 declare function Breadcrumb({ items, className }: Readonly<BreadcrumbProps>): react_jsx_runtime.JSX.Element;
 
+interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> {
+    /** The trigger label — always visible */
+    summary: ReactNode;
+    /** The content revealed when expanded */
+    children: ReactNode;
+    /** Controlled open state */
+    open?: boolean;
+    /** Uncontrolled initial open state */
+    defaultOpen?: boolean;
+    /** Called after each toggle with the new open state */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Groups multiple Collapsible elements so only one is open at a time
+     * (native <details name="…"> behaviour).
+     */
+    name?: string;
+    className?: string;
+}
+declare function Collapsible({ summary, children, open, defaultOpen, onToggle, name, className, ...rest }: Readonly<CollapsibleProps>): react_jsx_runtime.JSX.Element;
+
 interface CalendarProps {
     value?: Date;
     defaultValue?: Date;
@@ -245,12 +265,13 @@ declare function Dialog({ children, isOpen, className, onClose }: DialogProps):
 interface DrawerProps {
     isOpen: boolean;
     onClose: () => void;
-    title: string;
+    title: ReactNode;
     children: ReactNode;
     side?: 'left' | 'right';
     className?: string;
+    arialLabel?: string;
 }
-declare function Drawer({ isOpen, onClose, title, children, side, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, title, children, side, arialLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
 
 interface DropdownMenuItem {
     id: string;
@@ -363,11 +384,12 @@ declare function NumberInput({ label, name, value, defaultValue, min, max, step,
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label: string;
     name: string;
+    description?: string;
     error?: string;
     hint?: string;
     className?: string;
 }
-declare function Radio({ label, name, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+declare function Radio({ label, name, description, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
     value: string;
@@ -452,4 +474,4 @@ interface Props {
 }
 declare function IconWrapper({ children, className }: Props): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };