@agentero/design-system 0.24.0 → 0.24.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agentero/design-system",
3
- "version": "0.24.0",
3
+ "version": "0.24.1",
4
4
  "description": "A React component library built with Tailwind CSS v4 and Radix UI primitives",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
@@ -1,2 +1,2 @@
1
1
  export { Tabs, tabsRecipe } from './tabs';
2
- export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './tabs';
2
+ export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsLabelProps } from './tabs';
@@ -109,6 +109,9 @@ export type TabsRootProps = ComponentProps<typeof TabsPrimitive.Root> & TabsVari
109
109
  export type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
110
110
  export type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
111
111
  export type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
112
+ export type TabsLabelProps = ComponentProps<'span'> & {
113
+ variant?: TabsVariants['variant'];
114
+ };
112
115
  /**
113
116
  * Tabs built on Radix UI's Tabs (keyboard nav, roving focus and ARIA come for
114
117
  * free). Compose `Root` with a `List` of `Trigger`s and matching `Content`s,
@@ -131,5 +134,9 @@ export declare const Tabs: {
131
134
  ({ className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
132
135
  displayName: string;
133
136
  };
137
+ Label: {
138
+ ({ className, variant, ...props }: TabsLabelProps): import("react/jsx-runtime").JSX.Element;
139
+ displayName: string;
140
+ };
134
141
  };
135
142
  export {};
package/src/tabs/tabs.js CHANGED
@@ -103,11 +103,18 @@ var f = ({ className: t, ...r }) => {
103
103
  });
104
104
  };
105
105
  f.displayName = "Tabs.Content";
106
- var p = {
106
+ var p = ({ className: t, variant: r, ...a }) => /* @__PURE__ */ n("span", {
107
+ "data-slot": "tabs-label",
108
+ className: e((i(s) ?? o({ variant: r })).trigger(), "pointer-events-none", t),
109
+ ...a
110
+ });
111
+ p.displayName = "Tabs.Label";
112
+ var m = {
107
113
  Root: l,
108
114
  List: u,
109
115
  Trigger: d,
110
- Content: f
116
+ Content: f,
117
+ Label: p
111
118
  };
112
119
  //#endregion
113
- export { p as Tabs, o as tabsRecipe };
120
+ export { m as Tabs, o as tabsRecipe };