@epicbagel/saas-kit 1.27.0 → 1.28.0

package/dist/chunk-MP64UGRF.js

@@ -0,0 +1,72 @@
+"use client";
+import {
+  CountBadge
+} from "./chunk-H7TETFLB.js";
+import {
+  cn
+} from "./chunk-G6SRSWXB.js";
+
+// src/primitives/chip-tabs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChipTabs({
+  items,
+  value,
+  onChange,
+  size = "sm",
+  variant = "soft",
+  trailing,
+  className,
+  marginBottom = "none",
+  placement = "inline",
+  disabled = false,
+  guidedValue,
+  label,
+  labelledBy
+}) {
+  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
+  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
+  const gapClass = size === "md" ? "gap-2" : "gap-1";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("flex min-w-0 flex-wrap", gapClass),
+        ...label || labelledBy ? { role: "group", "aria-label": labelledBy ? void 0 : label, "aria-labelledby": labelledBy } : {},
+        children: items.map((item) => {
+          const active = item.id === value;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": active,
+              disabled,
+              onClick: () => onChange(item.id),
+              className: cn(
+                "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
+                textClass,
+                padClass,
+                variant === "outline" && "border",
+                item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
+                active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
+                !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
+                active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
+                !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
+              ),
+              children: [
+                item.icon != null && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "contents", children: item.icon }),
+                item.label,
+                item.count != null && item.count > 0 && /* @__PURE__ */ jsx(CountBadge, { value: item.count, variant: "secondary" })
+              ]
+            },
+            item.id
+          );
+        })
+      }
+    ),
+    trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: trailing })
+  ] });
+}
+
+export {
+  ChipTabs
+};

package/dist/chunk-PPYHNJMV.cjs

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
+
+// src/primitives/chip-tabs.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ChipTabs({
+  items,
+  value,
+  onChange,
+  size = "sm",
+  variant = "soft",
+  trailing,
+  className,
+  marginBottom = "none",
+  placement = "inline",
+  disabled = false,
+  guidedValue,
+  label,
+  labelledBy
+}) {
+  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
+  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
+  const gapClass = size === "md" ? "gap-2" : "gap-1";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex min-w-0 flex-wrap", gapClass),
+        ...label || labelledBy ? { role: "group", "aria-label": labelledBy ? void 0 : label, "aria-labelledby": labelledBy } : {},
+        children: items.map((item) => {
+          const active = item.id === value;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              "aria-pressed": active,
+              disabled,
+              onClick: () => onChange(item.id),
+              className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+                "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
+                textClass,
+                padClass,
+                variant === "outline" && "border",
+                item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
+                active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
+                !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
+                active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
+                !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
+              ),
+              children: [
+                item.icon != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "contents", children: item.icon }),
+                item.label,
+                item.count != null && item.count > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: item.count, variant: "secondary" })
+              ]
+            },
+            item.id
+          );
+        })
+      }
+    ),
+    trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-auto flex items-center gap-1", children: trailing })
+  ] });
+}
+
+
+
+exports.ChipTabs = ChipTabs;

package/dist/{chunk-NXFZULS3.js → chunk-T5AFBLP2.js}

@@ -24,19 +24,21 @@ function PersonAvatar({
   size,
   className,
   fallbackClassName,
-  fallbackSize = "default"
+  fallbackSize = "default",
+  decorative = false
 }) {
   return /* @__PURE__ */ jsxs(
     Avatar,
     {
       className: cn("shrink-0 overflow-hidden rounded-full bg-muted", className),
       style: size != null ? { width: size, height: size } : void 0,
+      ...decorative ? { "aria-hidden": true } : {},
       children: [
         photoUrl ? /* @__PURE__ */ jsx(
           AvatarImage,
           {
             src: photoUrl,
-            alt: name,
+            alt: decorative ? "" : name,
             className: "h-full w-full object-cover"
           }
         ) : null,

package/dist/{chunk-U7XNNLVP.cjs → chunk-WP7CKIPE.cjs}

@@ -24,19 +24,21 @@ function PersonAvatar({
   size,
   className,
   fallbackClassName,
-  fallbackSize = "default"
+  fallbackSize = "default",
+  decorative = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _chunkWABCLRBRcjs.Avatar,
     {
       className: _chunkKWLSBTB2cjs.cn.call(void 0, "shrink-0 overflow-hidden rounded-full bg-muted", className),
       style: size != null ? { width: size, height: size } : void 0,
+      ...decorative ? { "aria-hidden": true } : {},
       children: [
         photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunkWABCLRBRcjs.AvatarImage,
           {
             src: photoUrl,
-            alt: name,
+            alt: decorative ? "" : name,
             className: "h-full w-full object-cover"
           }
         ) : null,

package/dist/primitives/activity-feed.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkKGFL3VWYcjs = require('../chunk-KGFL3VWY.cjs');
+var _chunkPPYHNJMVcjs = require('../chunk-PPYHNJMV.cjs');
 
 
 var _chunkPQUSJEXLcjs = require('../chunk-PQUSJEXL.cjs');
@@ -40,7 +40,7 @@ function ActivityFeedToolbar({
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex flex-col gap-2 rounded-lg border bg-card p-2 lg:flex-row lg:items-center", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKGFL3VWYcjs.ChipTabs,
+      _chunkPPYHNJMVcjs.ChipTabs,
       {
         items: categories,
         value: category,

package/dist/primitives/activity-feed.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ChipTabs
-} from "../chunk-QD63LB2F.js";
+} from "../chunk-MP64UGRF.js";
 import {
   Input
 } from "../chunk-QMA3WVB7.js";

package/dist/primitives/chat.cjs

@@ -20,7 +20,7 @@ var _chunkM4V7OJNFcjs = require('../chunk-M4V7OJNF.cjs');
 var _chunkVMXKT67Ecjs = require('../chunk-VMXKT67E.cjs');
 
 
-var _chunkU7XNNLVPcjs = require('../chunk-U7XNNLVP.cjs');
+var _chunkWP7CKIPEcjs = require('../chunk-WP7CKIPE.cjs');
 
 
 
@@ -190,7 +190,7 @@ function authorLines(messages, markers) {
   });
 }
 function ChatAuthorLine({ author, align }) {
-  const avatar = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU7XNNLVPcjs.PersonAvatar, { name: author.name, photoUrl: author.avatarUrl, size: 20, fallbackClassName: "text-[9px]" });
+  const avatar = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWP7CKIPEcjs.PersonAvatar, { name: author.name, photoUrl: author.avatarUrl, size: 20, fallbackClassName: "text-[9px]" });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "chat-author", className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center gap-2 text-xs", align === "end" ? "self-end" : "self-start"), children: [
     align === "start" ? avatar : null,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-foreground", children: author.name }),

package/dist/primitives/chat.js

@@ -20,7 +20,7 @@ import {
 } from "../chunk-QZBPZLAB.js";
 import {
   PersonAvatar
-} from "../chunk-NXFZULS3.js";
+} from "../chunk-T5AFBLP2.js";
 import {
   Marker,
   MarkerContent

package/dist/primitives/chip-tabs.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKGFL3VWYcjs = require('../chunk-KGFL3VWY.cjs');
+var _chunkPPYHNJMVcjs = require('../chunk-PPYHNJMV.cjs');
 require('../chunk-VGTINL5Q.cjs');
 require('../chunk-I6GUOEBO.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
-exports.ChipTabs = _chunkKGFL3VWYcjs.ChipTabs;
+exports.ChipTabs = _chunkPPYHNJMVcjs.ChipTabs;

package/dist/primitives/chip-tabs.d.cts

@@ -6,7 +6,7 @@ interface ChipTabItem {
     label: ReactNode;
     /** Optional count rendered after the label in a neutral count badge. */
     count?: number;
-    /** Optional leading icon. */
+    /** Optional leading icon. Decorative: hidden from screen readers, since the label names the chip. */
     icon?: ReactNode;
 }
 interface ChipTabsProps {
@@ -27,13 +27,24 @@ interface ChipTabsProps {
     disabled?: boolean;
     /** Visually guides attention to one option without selecting it. */
     guidedValue?: string;
+    /**
+     * The row's accessible name ("3 people shared from this search"): the
+     * chips become a labelled group. Or point at a visible caption with
+     * `labelledBy`.
+     */
+    label?: string;
+    /** The id of an element whose text names the row, in place of `label`. */
+    labelledBy?: string;
 }
 /**
  * Pill-style tab strip — toggle row of chips with active/inactive states
  * and an optional trailing actions slot. Distinct from `Tabs` (which
  * uses an underlined trigger row for page-level navigation). Use this
  * for compact filter / view selectors inside popovers, sidebars, etc.
+ *
+ * Each chip is a toggle button (`aria-pressed`), so a screen reader says
+ * which one is selected; `label` or `labelledBy` names the row as a group.
  */
-declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
+declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, label, labelledBy, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
 
 export { type ChipTabItem, ChipTabs, type ChipTabsProps };

package/dist/primitives/chip-tabs.d.ts

@@ -6,7 +6,7 @@ interface ChipTabItem {
     label: ReactNode;
     /** Optional count rendered after the label in a neutral count badge. */
     count?: number;
-    /** Optional leading icon. */
+    /** Optional leading icon. Decorative: hidden from screen readers, since the label names the chip. */
     icon?: ReactNode;
 }
 interface ChipTabsProps {
@@ -27,13 +27,24 @@ interface ChipTabsProps {
     disabled?: boolean;
     /** Visually guides attention to one option without selecting it. */
     guidedValue?: string;
+    /**
+     * The row's accessible name ("3 people shared from this search"): the
+     * chips become a labelled group. Or point at a visible caption with
+     * `labelledBy`.
+     */
+    label?: string;
+    /** The id of an element whose text names the row, in place of `label`. */
+    labelledBy?: string;
 }
 /**
  * Pill-style tab strip — toggle row of chips with active/inactive states
  * and an optional trailing actions slot. Distinct from `Tabs` (which
  * uses an underlined trigger row for page-level navigation). Use this
  * for compact filter / view selectors inside popovers, sidebars, etc.
+ *
+ * Each chip is a toggle button (`aria-pressed`), so a screen reader says
+ * which one is selected; `label` or `labelledBy` names the row as a group.
  */
-declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
+declare function ChipTabs({ items, value, onChange, size, variant, trailing, className, marginBottom, placement, disabled, guidedValue, label, labelledBy, }: ChipTabsProps): react_jsx_runtime.JSX.Element;
 
 export { type ChipTabItem, ChipTabs, type ChipTabsProps };

package/dist/primitives/chip-tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   ChipTabs
-} from "../chunk-QD63LB2F.js";
+} from "../chunk-MP64UGRF.js";
 import "../chunk-H7TETFLB.js";
 import "../chunk-D4ZL2OEQ.js";
 import "../chunk-G6SRSWXB.js";

package/dist/primitives/person-avatar.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _chunkU7XNNLVPcjs = require('../chunk-U7XNNLVP.cjs');
+var _chunkWP7CKIPEcjs = require('../chunk-WP7CKIPE.cjs');
 require('../chunk-WABCLRBR.cjs');
 require('../chunk-KWLSBTB2.cjs');
 
 
 
-exports.PersonAvatar = _chunkU7XNNLVPcjs.PersonAvatar; exports.initials = _chunkU7XNNLVPcjs.initials;
+exports.PersonAvatar = _chunkWP7CKIPEcjs.PersonAvatar; exports.initials = _chunkWP7CKIPEcjs.initials;

package/dist/primitives/person-avatar.d.cts

@@ -20,6 +20,11 @@ interface PersonAvatarProps {
     /** Class for the initials fallback — e.g. a smaller type scale. */
     fallbackClassName?: string;
     fallbackSize?: "default" | "xl";
+    /**
+     * Beside the person's name already (a chip, a list row): hidden from
+     * screen readers, so the name isn't read twice or as initials.
+     */
+    decorative?: boolean;
 }
 /**
  * A person's avatar: their photo if we have one, their initials if we don't.
@@ -28,6 +33,6 @@ interface PersonAvatarProps {
  * coloured tile masks a missing photo by pretending to be one, while plain
  * initials make a missing photo obvious.
  */
-declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, decorative, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
 
 export { PersonAvatar, type PersonAvatarProps, initials };

package/dist/primitives/person-avatar.d.ts

@@ -20,6 +20,11 @@ interface PersonAvatarProps {
     /** Class for the initials fallback — e.g. a smaller type scale. */
     fallbackClassName?: string;
     fallbackSize?: "default" | "xl";
+    /**
+     * Beside the person's name already (a chip, a list row): hidden from
+     * screen readers, so the name isn't read twice or as initials.
+     */
+    decorative?: boolean;
 }
 /**
  * A person's avatar: their photo if we have one, their initials if we don't.
@@ -28,6 +33,6 @@ interface PersonAvatarProps {
  * coloured tile masks a missing photo by pretending to be one, while plain
  * initials make a missing photo obvious.
  */
-declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
+declare function PersonAvatar({ name, photoUrl, size, className, fallbackClassName, fallbackSize, decorative, }: PersonAvatarProps): react_jsx_runtime.JSX.Element;
 
 export { PersonAvatar, type PersonAvatarProps, initials };

package/dist/primitives/person-avatar.js

@@ -2,7 +2,7 @@
 import {
   PersonAvatar,
   initials
-} from "../chunk-NXFZULS3.js";
+} from "../chunk-T5AFBLP2.js";
 import "../chunk-3OWGL4Q2.js";
 import "../chunk-G6SRSWXB.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epicbagel/saas-kit",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "description": "Accessible React primitives, layout components and design tokens for SaaS apps, built on Radix UI and Tailwind CSS v4.",
   "license": "MIT",
   "keywords": [

package/dist/chunk-KGFL3VWY.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _chunkVGTINL5Qcjs = require('./chunk-VGTINL5Q.cjs');
-
-
-var _chunkKWLSBTB2cjs = require('./chunk-KWLSBTB2.cjs');
-
-// src/primitives/chip-tabs.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function ChipTabs({
-  items,
-  value,
-  onChange,
-  size = "sm",
-  variant = "soft",
-  trailing,
-  className,
-  marginBottom = "none",
-  placement = "inline",
-  disabled = false,
-  guidedValue
-}) {
-  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
-  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
-  const gapClass = size === "md" ? "gap-2" : "gap-1";
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkKWLSBTB2cjs.cn.call(void 0, "flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
-      const active = item.id === value;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => onChange(item.id),
-          className: _chunkKWLSBTB2cjs.cn.call(void 0, 
-            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
-            textClass,
-            padClass,
-            variant === "outline" && "border",
-            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
-            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
-            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
-            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
-            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
-          ),
-          children: [
-            item.icon,
-            item.label,
-            item.count != null && item.count > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVGTINL5Qcjs.CountBadge, { value: item.count, variant: "secondary" })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    trailing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-auto flex items-center gap-1", children: trailing })
-  ] });
-}
-
-
-
-exports.ChipTabs = ChipTabs;

package/dist/chunk-QD63LB2F.js

@@ -1,62 +0,0 @@
-"use client";
-import {
-  CountBadge
-} from "./chunk-H7TETFLB.js";
-import {
-  cn
-} from "./chunk-G6SRSWXB.js";
-
-// src/primitives/chip-tabs.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ChipTabs({
-  items,
-  value,
-  onChange,
-  size = "sm",
-  variant = "soft",
-  trailing,
-  className,
-  marginBottom = "none",
-  placement = "inline",
-  disabled = false,
-  guidedValue
-}) {
-  const padClass = size === "xs" ? "px-1.5 py-0.5" : size === "md" ? "px-3.5 py-2" : "px-2 py-1";
-  const textClass = size === "xs" ? "text-[11px]" : size === "md" ? "text-sm" : "text-xs";
-  const gapClass = size === "md" ? "gap-2" : "gap-1";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", gapClass, marginBottom === "lg" && "mb-6", placement === "panel" && "border-b px-3 py-2", className), children: [
-    /* @__PURE__ */ jsx("div", { className: cn("flex min-w-0 flex-wrap", gapClass), children: items.map((item) => {
-      const active = item.id === value;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => onChange(item.id),
-          className: cn(
-            "rounded-md transition-colors inline-flex items-center gap-1 disabled:pointer-events-none disabled:opacity-60",
-            textClass,
-            padClass,
-            variant === "outline" && "border",
-            item.id === guidedValue && "ring-2 ring-destructive/60 ring-offset-2 ring-offset-background animate-pulse-once motion-reduce:animate-none",
-            active && variant === "soft" && "bg-accent text-accent-foreground font-medium",
-            !active && variant === "soft" && "text-muted-foreground hover:bg-accent/50",
-            active && variant === "outline" && "border-primary bg-primary/10 text-foreground font-medium",
-            !active && variant === "outline" && "border-muted-foreground/50 bg-background text-muted-foreground hover:border-foreground/60 hover:text-foreground"
-          ),
-          children: [
-            item.icon,
-            item.label,
-            item.count != null && item.count > 0 && /* @__PURE__ */ jsx(CountBadge, { value: item.count, variant: "secondary" })
-          ]
-        },
-        item.id
-      );
-    }) }),
-    trailing && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: trailing })
-  ] });
-}
-
-export {
-  ChipTabs
-};