@staffbase/design 21.0.0 → 21.2.0

package/dist/main.d.ts

@@ -52,7 +52,6 @@ import { Popover as Popover_2 } from '@base-ui/react';
 import { PopoverCloseProps } from '@base-ui/react';
 import { Radio as Radio_2 } from '@base-ui/react/radio';
 import { RadioGroup as RadioGroup_2 } from '@base-ui/react/radio-group';
-import * as RadixTabs from '@radix-ui/react-tabs';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
@@ -68,6 +67,10 @@ import { SelectValueProps } from '@base-ui/react';
 import { SeparatorProps } from '@base-ui/react';
 import { SVGAttributes } from 'react';
 import { SwitchRootProps } from '@base-ui/react';
+import { TabsListProps } from '@base-ui/react';
+import { TabsPanelProps } from '@base-ui/react';
+import { TabsRootProps } from '@base-ui/react';
+import { TabsTabProps } from '@base-ui/react';
 import { TextareaHTMLAttributes } from 'react';
 import { Toggle as Toggle_2 } from '@base-ui/react/toggle';
 import { ToggleGroup as ToggleGroup_2 } from '@base-ui/react/toggle-group';
@@ -2024,10 +2027,10 @@ export declare interface SwitchDeprecatedProps {
 export declare const TabletIcon: default_2.NamedExoticComponent<default_2.SVGAttributes<SVGSVGElement> & default_2.RefAttributes<SVGSVGElement>>;
 
 export declare const Tabs: {
-    Root: ForwardRefExoticComponent<Omit<RadixTabs.TabsProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-    List: ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & RefAttributes<HTMLButtonElement>, "ref"> & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    Root: ForwardRefExoticComponent<Omit<Omit< TabsRootProps, "ref"> & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    List: ForwardRefExoticComponent<Omit<Omit< TabsListProps, "ref"> & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<Omit< TabsTabProps, "ref"> & RefAttributes<HTMLElement>, "ref"> & RefAttributes<HTMLElement>>;
+    Content: ForwardRefExoticComponent<Omit<Omit< TabsPanelProps, "ref"> & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
 };
 
 export declare const TagIcon: default_2.NamedExoticComponent<default_2.SVGAttributes<SVGSVGElement> & default_2.RefAttributes<SVGSVGElement>>;

package/dist/main.js

@@ -28,7 +28,7 @@ import { Radio as Radio$1 } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
 import { Select as Select$1 } from "@base-ui/react/select";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
-import * as RadixTabs from "@radix-ui/react-tabs";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
 import { Input } from "@base-ui/react/input";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
@@ -11561,21 +11561,21 @@ function SwitchDeprecated(props) {
 SwitchDeprecated.displayName = "SwitchDeprecated";
 //#endregion
 //#region src/components/tabs/Tabs.tsx
-var Root$1 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixTabs.Root, {
+var Root$1 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.Root, {
 	"data-c13y-component": "tabs",
 	ref,
 	className: clsx$1("ds-tabs", className),
 	...props
 }));
-Root$1.displayName = RadixTabs.Root.displayName;
-var List = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixTabs.List, {
+Root$1.displayName = Tabs$1.Root.displayName;
+var List = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.List, {
 	"data-c13y-component": "tabs-list",
 	ref,
 	className: clsx$1("ds-tabs__list", className),
 	...props
 }));
-List.displayName = RadixTabs.List.displayName;
-var Trigger$1 = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(RadixTabs.Trigger, {
+List.displayName = Tabs$1.List.displayName;
+var Trigger$1 = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$1.Tab, {
 	"data-c13y-component": "tabs-trigger",
 	ref,
 	className: clsx$1("ds-tabs__trigger", className),
@@ -11585,14 +11585,13 @@ var Trigger$1 = forwardRef(({ className, children, ...props }, ref) => /* @__PUR
 		children
 	})
 }));
-Trigger$1.displayName = RadixTabs.Trigger.displayName;
-var Content$1 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixTabs.Content, {
+Trigger$1.displayName = Tabs$1.Tab.displayName;
+var Content$1 = forwardRef((props, ref) => /* @__PURE__ */ jsx(Tabs$1.Panel, {
 	"data-c13y-component": "tabs-content",
 	ref,
-	className: clsx$1("ds-tabs__content", className),
 	...props
 }));
-Content$1.displayName = RadixTabs.Content.displayName;
+Content$1.displayName = Tabs$1.Panel.displayName;
 var Tabs = {
 	Root: Root$1,
 	List,