@boostdev/design-system-components 0.1.16 → 0.1.17

package/dist/client.d.cts

@@ -391,6 +391,25 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>
 }
 declare function Radio({ label, name, description, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
+interface SegmentedControlOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size'> {
+    name: string;
+    options: SegmentedControlOption[];
+    /** Controlled selected value */
+    value?: string;
+    /** Uncontrolled initial value (defaults to first option) */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+}
+declare function SegmentedControl({ name, options, value, defaultValue, onChange, disabled, size, className, ...rest }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
+
 interface SelectOption {
     value: string;
     label: string;
@@ -475,4 +494,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, 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 };
+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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };

package/dist/client.d.ts

@@ -391,6 +391,25 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>
 }
 declare function Radio({ label, name, description, error, hint, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
+interface SegmentedControlOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size'> {
+    name: string;
+    options: SegmentedControlOption[];
+    /** Controlled selected value */
+    value?: string;
+    /** Uncontrolled initial value (defaults to first option) */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+}
+declare function SegmentedControl({ name, options, value, defaultValue, onChange, disabled, size, className, ...rest }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
+
 interface SelectOption {
     value: string;
     label: string;
@@ -475,4 +494,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, 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 };
+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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, useToast };