@boostdev/design-system-components 1.1.2 → 1.2.0

package/dist/index.d.cts

@@ -203,7 +203,7 @@ declare function Typography({ variant, component, children, className }: Typogra
 
 interface ButtonProps extends WithClassName, ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     href?: string;
-    variant?: 'default' | 'ghost';
+    variant?: 'default' | 'outline' | /** @deprecated Use "outline" instead */ 'ghost';
     type?: 'button' | 'submit' | 'reset';
     size?: 'small' | 'medium' | 'large';
     iconStart?: ReactNode;
@@ -389,24 +389,21 @@ interface RadioGroupProps extends WithClassName {
 }
 declare function RadioGroup({ legend, children, error, hint, required, disabled, className, }: Readonly<RadioGroupProps>): react_jsx_runtime.JSX.Element;
 
-interface SegmentedControlOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-interface SegmentedControlProps extends WithClassName, 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;
+interface SegmentedControlProps extends WithClassName {
+    children: ReactNode;
+    /**
+     * Zero-based index of the active item.
+     * When omitted, auto-detected from the first child that has
+     * aria-current="page", aria-pressed={true}, or aria-selected={true}.
+     */
+    selectedIndex?: number;
     disabled?: boolean;
     size?: 'small' | 'medium' | 'large';
+    /** "outline" (default) — sliding inset border; "filled" — sliding filled thumb */
+    variant?: 'outline' | 'filled';
     'aria-label'?: string;
 }
-declare function SegmentedControl({ name, options, value, defaultValue, onChange, disabled, size, className, 'aria-label': ariaLabel, ...rest }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl({ children, selectedIndex: selectedIndexProp, disabled, size, variant, className, 'aria-label': ariaLabel, }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
     value: string;
@@ -486,4 +483,4 @@ interface IconWrapperProps extends WithClassName {
 }
 declare function IconWrapper({ children, className, 'aria-hidden': ariaHidden }: IconWrapperProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, type CheckboxGroupProps, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, type RadioGroupProps, 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, type WithClassName, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, type CheckboxGroupProps, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, type RadioGroupProps, Rating, SectionHeader, SegmentedControl, type SegmentedControlProps, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, type WithClassName, useToast };

package/dist/index.d.ts

@@ -203,7 +203,7 @@ declare function Typography({ variant, component, children, className }: Typogra
 
 interface ButtonProps extends WithClassName, ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
     href?: string;
-    variant?: 'default' | 'ghost';
+    variant?: 'default' | 'outline' | /** @deprecated Use "outline" instead */ 'ghost';
     type?: 'button' | 'submit' | 'reset';
     size?: 'small' | 'medium' | 'large';
     iconStart?: ReactNode;
@@ -389,24 +389,21 @@ interface RadioGroupProps extends WithClassName {
 }
 declare function RadioGroup({ legend, children, error, hint, required, disabled, className, }: Readonly<RadioGroupProps>): react_jsx_runtime.JSX.Element;
 
-interface SegmentedControlOption {
-    value: string;
-    label: ReactNode;
-    disabled?: boolean;
-}
-interface SegmentedControlProps extends WithClassName, 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;
+interface SegmentedControlProps extends WithClassName {
+    children: ReactNode;
+    /**
+     * Zero-based index of the active item.
+     * When omitted, auto-detected from the first child that has
+     * aria-current="page", aria-pressed={true}, or aria-selected={true}.
+     */
+    selectedIndex?: number;
     disabled?: boolean;
     size?: 'small' | 'medium' | 'large';
+    /** "outline" (default) — sliding inset border; "filled" — sliding filled thumb */
+    variant?: 'outline' | 'filled';
     'aria-label'?: string;
 }
-declare function SegmentedControl({ name, options, value, defaultValue, onChange, disabled, size, className, 'aria-label': ariaLabel, ...rest }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl({ children, selectedIndex: selectedIndexProp, disabled, size, variant, className, 'aria-label': ariaLabel, }: Readonly<SegmentedControlProps>): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
     value: string;
@@ -486,4 +483,4 @@ interface IconWrapperProps extends WithClassName {
 }
 declare function IconWrapper({ children, className, 'aria-hidden': ariaHidden }: IconWrapperProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, type CheckboxGroupProps, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, type RadioGroupProps, 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, type WithClassName, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, type CheckboxGroupProps, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, Command, type CommandItem, type DescriptionItem, DescriptionList, Dialog, Drawer, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Link, Loading, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, type RadioGroupProps, Rating, SectionHeader, SegmentedControl, type SegmentedControlProps, Select, type SelectOption, Separator, Skeleton, SkipLink, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, ToastProvider, Tooltip, Typography, type WithClassName, useToast };