@bubo-squared/ui-framework 0.2.32 → 0.2.34

package/dist/index.d.cts

@@ -132,9 +132,9 @@ declare const Typography: <T extends ElementType = "span">(props: TypographyProp
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | null | undefined;
-    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | null | undefined;
+    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "primaryInverted" | "active" | "informal" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeVariant = "primary" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
+type BadgeVariant = "primary" | "primaryInverted" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
 type BadgeSize = "sm" | "md" | "lg" | "xl";
 interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
@@ -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

@@ -132,9 +132,9 @@ declare const Typography: <T extends ElementType = "span">(props: TypographyProp
 
 declare const badgeVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | null | undefined;
-    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "active" | "informal" | "warning" | null | undefined;
+    variant?: "error" | "outline" | "secondary" | "disabled" | "primary" | "success" | "primaryInverted" | "active" | "informal" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeVariant = "primary" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
+type BadgeVariant = "primary" | "primaryInverted" | "secondary" | "outline" | "informal" | "success" | "warning" | "error" | "disabled" | "active";
 type BadgeSize = "sm" | "md" | "lg" | "xl";
 interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
@@ -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 };