@bubo-squared/ui-framework 0.2.33 → 0.2.34

package/dist/index.d.cts

@@ -532,6 +532,32 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
 }
 declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
+type SegmentedSwitchValue = string;
+type SegmentedSwitchOption = {
+    label: React$1.ReactNode;
+    value: SegmentedSwitchValue;
+    /** Accessible label used when `label` is not a plain string (e.g. an icon). */
+    "aria-label"?: string;
+};
+interface SegmentedSwitchProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Only needed when the component is a part of a native form.
+     * Provide this to include the value in native form submission / FormData.
+     */
+    name?: string;
+    /**
+     * Options rendered as segments.
+     */
+    options: SegmentedSwitchOption[];
+    value: SegmentedSwitchValue;
+    onValueChange: (nextValue: SegmentedSwitchValue) => void;
+    /** Accessible label for the radiogroup — recommended when the surrounding context doesn't already label the control. */
+    "aria-label"?: string;
+    disabled?: boolean;
+    pill?: boolean;
+}
+declare const SegmentedSwitch: React$1.ForwardRefExoticComponent<SegmentedSwitchProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type SliderDisplay = "flat" | "numeric" | "tooltip";
 type SliderTooltipPlacement = "top" | "bottom";
 type SliderBaseProps = {
@@ -760,4 +786,4 @@ declare const Logo: FC<LogoProps>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
+export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, SegmentedSwitch, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };

package/dist/index.d.ts

@@ -532,6 +532,32 @@ interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEle
 }
 declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
+type SegmentedSwitchValue = string;
+type SegmentedSwitchOption = {
+    label: React$1.ReactNode;
+    value: SegmentedSwitchValue;
+    /** Accessible label used when `label` is not a plain string (e.g. an icon). */
+    "aria-label"?: string;
+};
+interface SegmentedSwitchProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Only needed when the component is a part of a native form.
+     * Provide this to include the value in native form submission / FormData.
+     */
+    name?: string;
+    /**
+     * Options rendered as segments.
+     */
+    options: SegmentedSwitchOption[];
+    value: SegmentedSwitchValue;
+    onValueChange: (nextValue: SegmentedSwitchValue) => void;
+    /** Accessible label for the radiogroup — recommended when the surrounding context doesn't already label the control. */
+    "aria-label"?: string;
+    disabled?: boolean;
+    pill?: boolean;
+}
+declare const SegmentedSwitch: React$1.ForwardRefExoticComponent<SegmentedSwitchProps & React$1.RefAttributes<HTMLDivElement>>;
+
 type SliderDisplay = "flat" | "numeric" | "tooltip";
 type SliderTooltipPlacement = "top" | "bottom";
 type SliderBaseProps = {
@@ -760,4 +786,4 @@ declare const Logo: FC<LogoProps>;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };
+export { Accordion, Autocomplete, Avatar, Badge, BadgeDigit, BadgeDot, BadgeStatus, Breadcrumbs, Button, ButtonGroup, Checkbox, Divider, Field, IconButton, IconButtonGroup, LinkButton, Logo, LogoIcon, Menu, MenuGroup, MenuItem, MenuLabel, MenuPortal, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MessageButton, PasswordInput, PhoneInput, Popover, Progress, RadioGroup, SearchInput, SegmentedSwitch, Select, Slider, StatusAvatar, Tag, TextArea, TextInput, Toggle, Tooltip, TooltipProvider, Typography, WebsiteInput, cn };