@boostdev/design-system-components 0.1.3 → 0.1.5

package/dist/index.d.cts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { JSX } from 'react/jsx-runtime';
-import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, MouseEventHandler, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties } from 'react';
+import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
 export { cn } from '@boostdev/design-system-foundation';
 
 interface AccordionItem {
@@ -86,10 +85,11 @@ type LinkOwnProps<T extends ElementType> = {
     children: ReactNode;
     variant?: 'default' | 'subtle' | 'standalone';
     external?: boolean;
+    externalLabel?: string;
     className?: string;
 };
 type LinkProps<T extends ElementType = 'a'> = LinkOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T>>;
-declare function Link<T extends ElementType = 'a'>({ as, children, variant, external, className, ...props }: LinkProps<T>): react_jsx_runtime.JSX.Element;
+declare function Link<T extends ElementType = 'a'>({ as, children, variant, external, externalLabel, className, ...props }: LinkProps<T>): react_jsx_runtime.JSX.Element;
 
 interface LoadingProps {
     size?: 'small' | 'medium' | 'large';
@@ -237,10 +237,10 @@ declare function Command({ isOpen, onClose, items, placeholder, className, }: Re
 interface DialogProps {
     children: ReactNode;
     className?: string;
-    isVisible?: boolean;
-    handleClose?: () => void;
+    isOpen?: boolean;
+    onClose?: () => void;
 }
-declare function Dialog({ children, isVisible, className, handleClose }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ children, isOpen, className, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
     isOpen: boolean;
@@ -313,11 +313,12 @@ interface ComboboxProps {
     placeholder?: string;
     value?: string;
     onChange?: (value: string) => void;
+    disabled?: boolean;
     error?: string;
     hint?: string;
     className?: string;
 }
-declare function Combobox({ label, name, options, placeholder, value, onChange, error, hint, className, }: Readonly<ComboboxProps>): react_jsx_runtime.JSX.Element;
+declare function Combobox({ label, name, options, placeholder, value, onChange, disabled, error, hint, className, }: Readonly<ComboboxProps>): react_jsx_runtime.JSX.Element;
 
 interface FileInputProps {
     label: string;
@@ -332,9 +333,10 @@ interface FileInputProps {
 }
 declare function FileInput({ label, name, accept, multiple, disabled, error, hint, onChange, className, }: Readonly<FileInputProps>): react_jsx_runtime.JSX.Element;
 
-interface FormInputProps extends InputHTMLAttributes<HTMLInputElement> {
+interface FormInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label: ReactNode;
     name: string;
+    type?: Exclude<HTMLInputTypeAttribute, 'checkbox' | 'radio' | 'file'>;
     ariaLabel?: string;
     error?: string;
     hint?: string;
@@ -429,11 +431,11 @@ interface CardProps {
     textAlign?: 'start' | 'center' | 'end';
     style?: CSSProperties;
     onClick?: () => void;
+    'aria-label'?: string;
 }
-declare function Card({ children, className, variant, padding, textAlign, style, onClick, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, variant, padding, textAlign, style, onClick, 'aria-label': ariaLabel, }: CardProps): react_jsx_runtime.JSX.Element;
 
-type IntrinsicElements = JSX.IntrinsicElements;
-type IntrinsicElement = keyof IntrinsicElements;
+type IntrinsicElement = keyof JSX.IntrinsicElements;
 type SectionHeaderProps = {
     title: string;
     subtitle?: string;
@@ -442,7 +444,7 @@ type SectionHeaderProps = {
     size?: 'small' | 'medium' | 'large';
     titleAs?: IntrinsicElement;
 };
-declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs }: Readonly<SectionHeaderProps>): JSX.Element;
+declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
 
 interface Props {
     children: ReactNode;
@@ -450,4 +452,4 @@ interface Props {
 }
 declare function IconWrapper({ children, className }: Props): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Alert, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, Command, type CommandItem, DescriptionList, Dialog, Drawer, DropdownMenu, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, Separator, Skeleton, SkipLink, Slider, Switch, Table, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };
+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 };

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { JSX } from 'react/jsx-runtime';
-import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, MouseEventHandler, InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties } from 'react';
+import { ReactNode, ElementType, ComponentPropsWithoutRef, ReactElement, MouseEventHandler, InputHTMLAttributes, HTMLInputTypeAttribute, SelectHTMLAttributes, TextareaHTMLAttributes, CSSProperties, JSX } from 'react';
 export { cn } from '@boostdev/design-system-foundation';
 
 interface AccordionItem {
@@ -86,10 +85,11 @@ type LinkOwnProps<T extends ElementType> = {
     children: ReactNode;
     variant?: 'default' | 'subtle' | 'standalone';
     external?: boolean;
+    externalLabel?: string;
     className?: string;
 };
 type LinkProps<T extends ElementType = 'a'> = LinkOwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof LinkOwnProps<T>>;
-declare function Link<T extends ElementType = 'a'>({ as, children, variant, external, className, ...props }: LinkProps<T>): react_jsx_runtime.JSX.Element;
+declare function Link<T extends ElementType = 'a'>({ as, children, variant, external, externalLabel, className, ...props }: LinkProps<T>): react_jsx_runtime.JSX.Element;
 
 interface LoadingProps {
     size?: 'small' | 'medium' | 'large';
@@ -237,10 +237,10 @@ declare function Command({ isOpen, onClose, items, placeholder, className, }: Re
 interface DialogProps {
     children: ReactNode;
     className?: string;
-    isVisible?: boolean;
-    handleClose?: () => void;
+    isOpen?: boolean;
+    onClose?: () => void;
 }
-declare function Dialog({ children, isVisible, className, handleClose }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ children, isOpen, className, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerProps {
     isOpen: boolean;
@@ -313,11 +313,12 @@ interface ComboboxProps {
     placeholder?: string;
     value?: string;
     onChange?: (value: string) => void;
+    disabled?: boolean;
     error?: string;
     hint?: string;
     className?: string;
 }
-declare function Combobox({ label, name, options, placeholder, value, onChange, error, hint, className, }: Readonly<ComboboxProps>): react_jsx_runtime.JSX.Element;
+declare function Combobox({ label, name, options, placeholder, value, onChange, disabled, error, hint, className, }: Readonly<ComboboxProps>): react_jsx_runtime.JSX.Element;
 
 interface FileInputProps {
     label: string;
@@ -332,9 +333,10 @@ interface FileInputProps {
 }
 declare function FileInput({ label, name, accept, multiple, disabled, error, hint, onChange, className, }: Readonly<FileInputProps>): react_jsx_runtime.JSX.Element;
 
-interface FormInputProps extends InputHTMLAttributes<HTMLInputElement> {
+interface FormInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     label: ReactNode;
     name: string;
+    type?: Exclude<HTMLInputTypeAttribute, 'checkbox' | 'radio' | 'file'>;
     ariaLabel?: string;
     error?: string;
     hint?: string;
@@ -429,11 +431,11 @@ interface CardProps {
     textAlign?: 'start' | 'center' | 'end';
     style?: CSSProperties;
     onClick?: () => void;
+    'aria-label'?: string;
 }
-declare function Card({ children, className, variant, padding, textAlign, style, onClick, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, variant, padding, textAlign, style, onClick, 'aria-label': ariaLabel, }: CardProps): react_jsx_runtime.JSX.Element;
 
-type IntrinsicElements = JSX.IntrinsicElements;
-type IntrinsicElement = keyof IntrinsicElements;
+type IntrinsicElement = keyof JSX.IntrinsicElements;
 type SectionHeaderProps = {
     title: string;
     subtitle?: string;
@@ -442,7 +444,7 @@ type SectionHeaderProps = {
     size?: 'small' | 'medium' | 'large';
     titleAs?: IntrinsicElement;
 };
-declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs }: Readonly<SectionHeaderProps>): JSX.Element;
+declare function SectionHeader({ title, subtitle, className, alignment, size, titleAs }: Readonly<SectionHeaderProps>): react_jsx_runtime.JSX.Element;
 
 interface Props {
     children: ReactNode;
@@ -450,4 +452,4 @@ interface Props {
 }
 declare function IconWrapper({ children, className }: Props): react_jsx_runtime.JSX.Element;
 
-export { Accordion, Alert, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Combobox, Command, type CommandItem, DescriptionList, Dialog, Drawer, DropdownMenu, FileInput, FormInput, IconWrapper, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, Rating, SectionHeader, Select, Separator, Skeleton, SkipLink, Slider, Switch, Table, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };
+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 };