@agentero/design-system 0.24.0 → 0.24.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agentero/design-system",
-	"version": "0.24.0",
+	"version": "0.24.2",
 	"description": "A React component library built with Tailwind CSS v4 and Radix UI primitives",
 	"type": "module",
 	"license": "Apache-2.0",

package/src/tabs/index.d.ts

@@ -1,2 +1,24 @@
-export { Tabs, tabsRecipe } from './tabs';
-export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './tabs';
+export { tabsRecipe } from './tabs';
+export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsLabelProps } from './tabs';
+export declare const Tabs: {
+    Root: {
+        ({ className, variant, position, ...props }: import('./tabs').TabsRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    List: {
+        ({ className, ...props }: import('./tabs').TabsListProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ className, ...props }: import('./tabs').TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, ...props }: import('./tabs').TabsContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Label: {
+        ({ className, variant, ...props }: import('./tabs').TabsLabelProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/src/tabs/index.js

@@ -1,2 +1,11 @@
-import { Tabs as e, tabsRecipe as t } from "./tabs.js";
-export { e as Tabs, t as tabsRecipe };
+import { Content as e, Label as t, List as n, Root as r, Trigger as i, tabsRecipe as a } from "./tabs.js";
+//#region src/tabs/index.ts
+var o = {
+	Root: r,
+	List: n,
+	Trigger: i,
+	Content: e,
+	Label: t
+};
+//#endregion
+export { o as Tabs, a as tabsRecipe };

package/src/tabs/tabs.d.ts

@@ -106,30 +106,72 @@ export declare const tabsRecipe: import('tailwind-variants').TVReturnType<{
 }, undefined, unknown, unknown, undefined>>;
 type TabsVariants = VariantProps<typeof tabsRecipe>;
 export type TabsRootProps = ComponentProps<typeof TabsPrimitive.Root> & TabsVariants;
+/**
+ * Root of a set of tabs, built on Radix UI's Tabs so keyboard nav, roving focus
+ * and ARIA come for free. Owns the selected tab (controlled via `value`/
+ * `onValueChange` or uncontrolled via `defaultValue`) and wraps `List` and
+ * `Content`s. `variant` picks the look — `line` (default) underlines the active
+ * tab, `enclosed` renders segmented pills, `button` renders button-like tabs.
+ *
+ * @summary Root provider for a Tabs group
+ *
+ * @example
+ * ```tsx
+ * import { Tabs } from '@agentero/design-system/tabs';
+ *
+ * <Tabs.Root defaultValue="overview">
+ *   <Tabs.List>
+ *     <Tabs.Trigger value="overview">Overview</Tabs.Trigger>
+ *     <Tabs.Trigger value="activity">Activity</Tabs.Trigger>
+ *   </Tabs.List>
+ *   <Tabs.Content value="overview">…</Tabs.Content>
+ *   <Tabs.Content value="activity">…</Tabs.Content>
+ * </Tabs.Root>
+ * ```
+ */
+export declare const Root: {
+    ({ className, variant, position, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
+export declare const List: {
+    ({ className, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;
+export declare const Trigger: {
+    ({ className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content>;
+export declare const Content: {
+    ({ className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type TabsLabelProps = ComponentProps<'span'> & {
+    variant?: TabsVariants['variant'];
+};
 /**
- * Tabs built on Radix UI's Tabs (keyboard nav, roving focus and ARIA come for
- * free). Compose `Root` with a `List` of `Trigger`s and matching `Content`s,
- * pairing each `Trigger`/`Content` by `value`.
+ * Non-interactive heading with the exact look of an inactive `Trigger`: it
+ * renders the trigger styles without the active data-state, and
+ * `pointer-events-none` keeps the hover styles from firing. Use it when a
+ * panel keeps the tab row's visual language but has a single, non-selectable
+ * title — a lone tab would announce a selectable control that isn't one.
+ * Inside a `Root` it picks up the group's variant; standalone, pass `variant`.
+ * It renders a plain `span` — wrap it in a heading element when the title
+ * needs heading semantics.
+ *
+ * @summary Text styled as an inactive tab trigger
+ *
+ * @example
+ * ```tsx
+ * <h2>
+ *   <Tabs.Label>Shared coverages</Tabs.Label>
+ * </h2>
+ * ```
  */
-export declare const Tabs: {
-    Root: {
-        ({ className, variant, position, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    List: {
-        ({ className, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        ({ className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+export declare const Label: {
+    ({ className, variant, ...props }: TabsLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 export {};

package/src/tabs/tabs.js

@@ -103,11 +103,11 @@ var f = ({ className: t, ...r }) => {
 	});
 };
 f.displayName = "Tabs.Content";
-var p = {
-	Root: l,
-	List: u,
-	Trigger: d,
-	Content: f
-};
+var p = ({ className: t, variant: r, ...a }) => /* @__PURE__ */ n("span", {
+	"data-slot": "tabs-label",
+	className: e((i(s) ?? o({ variant: r })).trigger(), "pointer-events-none", t),
+	...a
+});
+p.displayName = "Tabs.Label";
 //#endregion
-export { p as Tabs, o as tabsRecipe };
+export { f as Content, p as Label, u as List, l as Root, d as Trigger, o as tabsRecipe };