@pibit.ai/cure-design-system 0.6.27 → 0.6.28

package/dist/patterns/sub-sidebar/sub-sidebar.js

@@ -1,70 +1,76 @@
-import { jsxs as o, jsx as r, Fragment as S } from "react/jsx-runtime";
-import { useState as A, useEffect as z, Fragment as u } from "react";
-import { Minus as F, Plus as I } from "@untitledui/icons";
-import { CollapseLeft as D } from "../../primitives/custom-icon/icons/collapse-left.js";
-import { CollapseRight as H } from "../../primitives/custom-icon/icons/collapse-right.js";
+import { jsxs as i, jsx as r, Fragment as z } from "react/jsx-runtime";
+import { useState as F, useRef as I, useEffect as E, Fragment as f } from "react";
+import { Minus as D, Plus as H } from "@untitledui/icons";
+import { CollapseLeft as K } from "../../primitives/custom-icon/icons/collapse-left.js";
+import { CollapseRight as R } from "../../primitives/custom-icon/icons/collapse-right.js";
 import { cx as n } from "../../utils/cn.js";
-import { ButtonUtility as K } from "../../primitives/button/button-utility.js";
-const T = ({
-  href: i,
-  className: c,
-  children: d
-}) => /* @__PURE__ */ r("a", { href: i, className: c, children: d }), $ = (i, c) => c, U = ({
-  config: i,
-  currentPath: c,
-  isCollapsed: d,
-  onCollapsedChange: k,
-  renderLink: x = T,
-  guard: h = $,
-  className: C
+import { ButtonUtility as T } from "../../primitives/button/button-utility.js";
+const $ = ({
+  href: o,
+  className: d,
+  children: c
+}) => /* @__PURE__ */ r("a", { href: o, className: d, children: c }), q = (o, d) => d, _ = ({
+  config: o,
+  currentPath: d,
+  isCollapsed: c,
+  onCollapsedChange: C,
+  renderLink: b = $,
+  guard: u = q,
+  className: j
 }) => {
-  const [E, b] = A(/* @__PURE__ */ new Set()), y = (a) => c === a || c.startsWith(a + "/"), m = (a) => a.map((t) => t.href).filter((t) => !!t).filter(y).sort((t, l) => l.length - t.length)[0] ?? null, w = () => {
+  const [S, x] = F(/* @__PURE__ */ new Set()), y = (t) => d === t || d.startsWith(t + "/"), h = (t) => t.map((a) => a.href).filter((a) => !!a).filter(y).sort((a, l) => l.length - a.length)[0] ?? null, v = I(null);
+  E(() => {
+    var t;
+    (t = v.current) == null || t.toggleAttribute("inert", c);
+  }, [c]);
+  const w = () => {
     var e;
-    const a = !d;
-    k(a), (e = i.onToggleCollapse) == null || e.call(i, a);
+    const t = !c;
+    C(t), (e = o.onToggleCollapse) == null || e.call(o, t);
   };
-  z(() => {
-    const a = /* @__PURE__ */ new Set();
-    i.sections.forEach((e) => {
-      e.items.forEach((t) => {
+  E(() => {
+    const t = /* @__PURE__ */ new Set();
+    o.sections.forEach((e) => {
+      e.items.forEach((a) => {
         var l;
-        if ((l = t.items) != null && l.length && m(t.items) !== null) {
-          const p = t.href || t.label;
-          a.add(p);
+        if ((l = a.items) != null && l.length && h(a.items) !== null) {
+          const p = a.href || a.label;
+          t.add(p);
         }
       });
-    }), b((e) => {
-      const t = new Set(e);
-      return a.forEach((l) => t.add(l)), t;
+    }), x((e) => {
+      const a = new Set(e);
+      return t.forEach((l) => a.add(l)), a;
     });
-  }, [c, i.sections]);
-  const f = (a) => {
-    const e = a.href || a.label;
-    b((t) => {
-      const l = new Set(t);
+  }, [d, o.sections]);
+  const m = (t) => {
+    const e = t.href || t.label;
+    x((a) => {
+      const l = new Set(a);
       return l.has(e) ? l.delete(e) : l.add(e), l;
     });
-  }, v = (a) => {
+  }, g = (t) => {
     var e;
-    return (e = a.items) != null && e.length && m(a.items) !== null ? !0 : a.href ? y(a.href) : !1;
-  }, j = (a, e) => m(e) === a;
-  return /* @__PURE__ */ o(
+    return (e = t.items) != null && e.length && h(t.items) !== null ? !0 : t.href ? y(t.href) : !1;
+  }, A = (t, e) => h(e) === t;
+  return /* @__PURE__ */ i(
     "div",
     {
       className: n(
         "h-full flex-shrink-0 bg-white border-r border-[#EDEFF4] relative transition-all duration-300 ease-in-out",
-        d ? "w-0 border-r-0" : i.width || "w-[296px]",
-        C
+        c ? "w-0 border-r-0" : o.width || "w-[296px]",
+        j
       ),
       children: [
-        i.collapsible !== !1 && d && /* @__PURE__ */ r(
+        o.collapsible !== !1 && c && /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: w,
-            className: "absolute -right-5 top-5 z-20 flex h-6 w-6 items-center justify-center transition-all duration-300 cursor-pointer",
+            className: "absolute -right-5 top-5 z-20 flex h-6 w-6 items-center justify-center transition-all duration-300 cursor-pointer rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
             "aria-label": "Expand sidebar",
             children: /* @__PURE__ */ r(
-              H,
+              R,
               {
                 color: "var(--color-fg-quaternary)",
                 className: "h-4 w-4 text-gray-400 hover:text-gray-600"
@@ -72,25 +78,26 @@ const T = ({
             )
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           "div",
           {
             className: n(
               "pl-4 h-full flex flex-col overflow-hidden transition-opacity duration-300",
-              d ? "opacity-0 pointer-events-none" : "opacity-100"
+              c ? "opacity-0 pointer-events-none" : "opacity-100"
             ),
-            inert: d,
+            ref: v,
             children: [
-              i.title && /* @__PURE__ */ o("div", { className: "pt-6 pb-4 relative flex-shrink-0 flex items-center justify-between", children: [
-                /* @__PURE__ */ r("h2", { className: "pl-1.5 text-primary font-semibold text-md leading-7 whitespace-nowrap", children: i.title }),
-                i.collapsible !== !1 && /* @__PURE__ */ r(
+              o.title && /* @__PURE__ */ i("div", { className: "pt-6 pb-4 relative flex-shrink-0 flex items-center justify-between", children: [
+                /* @__PURE__ */ r("h2", { className: "pl-1.5 text-primary font-semibold text-md leading-7 whitespace-nowrap", children: o.title }),
+                o.collapsible !== !1 && /* @__PURE__ */ r(
                   "button",
                   {
+                    type: "button",
                     onClick: w,
-                    className: "flex h-5 w-5 items-center justify-center transition-all duration-300 hover:scale-110 cursor-pointer",
+                    className: "flex h-5 w-5 items-center justify-center transition-all duration-300 hover:scale-110 cursor-pointer rounded-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
                     "aria-label": "Collapse sidebar",
                     children: /* @__PURE__ */ r(
-                      D,
+                      K,
                       {
                         color: "var(--color-fg-quaternary)",
                         className: "h-4 w-4 text-gray-400 hover:text-gray-600"
@@ -99,15 +106,15 @@ const T = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ r("nav", { className: "flex-1 pb-4 pr-2 overflow-y-auto overflow-x-hidden", children: i.sections.map((a) => /* @__PURE__ */ r(u, { children: h(
-                (a == null ? void 0 : a.permissions) || [],
-                /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
-                  /* @__PURE__ */ r("ul", { className: "space-y-1", children: a.items.map((e) => {
-                    const t = e.href || e.label, l = E.has(t), N = e.items && e.items.length > 0, p = v(e);
-                    return N ? /* @__PURE__ */ r(u, { children: h(
+              /* @__PURE__ */ r("nav", { className: "flex-1 pb-4 pr-2 overflow-y-auto overflow-x-hidden", children: o.sections.map((t) => /* @__PURE__ */ r(f, { children: u(
+                (t == null ? void 0 : t.permissions) || [],
+                /* @__PURE__ */ i("div", { className: n("mb-6"), children: [
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: t.label }) }),
+                  /* @__PURE__ */ r("ul", { className: "space-y-1", children: t.items.map((e) => {
+                    const a = e.href || e.label, l = S.has(a), N = e.items && e.items.length > 0, p = g(e);
+                    return N ? /* @__PURE__ */ r(f, { children: u(
                       e.permissions || [],
-                      /* @__PURE__ */ o(
+                      /* @__PURE__ */ i(
                         "li",
                         {
                           className: n(
@@ -115,11 +122,11 @@ const T = ({
                             "text-xs"
                           ),
                           children: [
-                            /* @__PURE__ */ o(
+                            /* @__PURE__ */ i(
                               "div",
                               {
                                 className: n(
-                                  "flex items-center justify-between px-1 py-2 rounded-md transition-colors cursor-pointer",
+                                  "flex items-center justify-between px-1 py-2 rounded-md transition-colors cursor-pointer outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
                                   p ? "bg-active text-primary font-medium" : "text-primary hover:bg-active",
                                   e.disabled ? "cursor-not-allowed" : ""
                                 ),
@@ -128,21 +135,21 @@ const T = ({
                                 "aria-expanded": l,
                                 "aria-disabled": e.disabled || void 0,
                                 onClick: (s) => {
-                                  s.stopPropagation(), !e.disabled && f(e);
+                                  s.stopPropagation(), !e.disabled && m(e);
                                 },
                                 onKeyDown: (s) => {
                                   if (s.target === s.currentTarget && (s.key === "Enter" || s.key === " ")) {
                                     if (s.stopPropagation(), e.disabled) return;
-                                    f(e);
+                                    m(e);
                                   }
                                 },
                                 children: [
                                   /* @__PURE__ */ r("span", { className: "whitespace-nowrap text-primary font-medium", children: e.label }),
                                   /* @__PURE__ */ r(
-                                    K,
+                                    T,
                                     {
                                       onClick: (s) => {
-                                        s.stopPropagation(), !e.disabled && f(e);
+                                        s.stopPropagation(), !e.disabled && m(e);
                                       },
                                       className: n(
                                         "rounded-md bg-secondary",
@@ -150,36 +157,36 @@ const T = ({
                                       ),
                                       size: "xs",
                                       "aria-label": `${l ? "Collapse" : "Expand"} ${e.label}`,
-                                      icon: l ? /* @__PURE__ */ r(F, { size: 12 }) : /* @__PURE__ */ r(I, { size: 12 })
+                                      icon: l ? /* @__PURE__ */ r(D, { size: 12 }) : /* @__PURE__ */ r(H, { size: 12 })
                                     }
                                   )
                                 ]
                               }
                             ),
-                            l && h(
+                            l && u(
                               e.permissions || [],
-                              /* @__PURE__ */ o("ul", { className: "mt-0.5 ml-4 space-y-0.5 relative", children: [
+                              /* @__PURE__ */ i("ul", { className: "mt-0.5 ml-4 space-y-0.5 relative", children: [
                                 /* @__PURE__ */ r("div", { className: "absolute left-2 top-[15px] bottom-[15px] w-px bg-[var(--color-utility-gray-200)]" }),
                                 e.items.map((s) => {
-                                  const g = j(
+                                  const k = A(
                                     s.href,
                                     e.items
                                   );
-                                  return /* @__PURE__ */ r(u, { children: h(
+                                  return /* @__PURE__ */ r(f, { children: u(
                                     s.permissions || [],
-                                    /* @__PURE__ */ r("li", { className: "relative", children: x({
+                                    /* @__PURE__ */ r("li", { className: "relative", children: b({
                                       href: s.href,
                                       className: n(
                                         "flex items-center pl-6 pr-2 py-2 rounded-md transition-colors relative",
-                                        g ? "text-primary font-medium" : "text-primary hover:bg-active"
+                                        k ? "text-primary font-medium" : "text-primary hover:bg-active"
                                       ),
-                                      children: /* @__PURE__ */ o(S, { children: [
+                                      children: /* @__PURE__ */ i(z, { children: [
                                         /* @__PURE__ */ r(
                                           "div",
                                           {
                                             className: n(
                                               "absolute left-1.5 top-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full z-10",
-                                              g ? "bg-[var(--color-fg-primary)]" : "bg-[var(--color-utility-gray-200)]"
+                                              k ? "bg-[var(--color-fg-primary)]" : "bg-[var(--color-utility-gray-200)]"
                                             )
                                           }
                                         ),
@@ -196,7 +203,7 @@ const T = ({
                         }
                       ),
                       null
-                    ) }, t) : /* @__PURE__ */ r(u, { children: h(
+                    ) }, a) : /* @__PURE__ */ r(f, { children: u(
                       e.permissions || [],
                       /* @__PURE__ */ r(
                         "li",
@@ -215,7 +222,7 @@ const T = ({
                               "aria-disabled": "true",
                               children: /* @__PURE__ */ r("span", { className: "whitespace-nowrap font-medium", children: e.label })
                             }
-                          ) : x({
+                          ) : b({
                             href: e.href,
                             className: n(
                               "flex items-center justify-between px-2 py-2 rounded-md transition-colors",
@@ -251,13 +258,13 @@ const T = ({
                           children: e.label
                         }
                       ) : null
-                    ) }, t);
+                    ) }, a);
                   }) })
                 ] }),
-                a.showDisabled ? /* @__PURE__ */ o("div", { className: n("mb-6"), children: [
-                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: a.label }) }),
-                  /* @__PURE__ */ r("ul", { className: "", children: a.items.map((e) => {
-                    const t = e.href || e.label, l = v(e);
+                t.showDisabled ? /* @__PURE__ */ i("div", { className: n("mb-6"), children: [
+                  /* @__PURE__ */ r("div", { className: "py-0.5 px-2", children: /* @__PURE__ */ r("p", { className: "font-medium text-3xs text-[var(--color-text-tertiary)] uppercase tracking-[1.3px] whitespace-nowrap", children: t.label }) }),
+                  /* @__PURE__ */ r("ul", { className: "", children: t.items.map((e) => {
+                    const a = e.href || e.label, l = g(e);
                     return /* @__PURE__ */ r(
                       "span",
                       {
@@ -268,11 +275,11 @@ const T = ({
                         "aria-disabled": "true",
                         children: e.label
                       },
-                      t
+                      a
                     );
                   }) })
                 ] }) : null
-              ) }, a.id)) })
+              ) }, t.id)) })
             ]
           }
         )
@@ -281,5 +288,5 @@ const T = ({
   );
 };
 export {
-  U as SubSidebar
+  _ as SubSidebar
 };

package/dist/patterns/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,QAAQ,IAAI,YAAY,EACxB,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAY/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,eAAe,CAAC;AACpB,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAsDjF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CA2B/F,CAAC;AA0CF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzG,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAYD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,oGAS5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,4CAoC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,4CAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,4CA8C3C,CAAC;AAEF,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA9EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA/ClD,CAAC,SAAS,WAAW,sGAS1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;kBAoEnB,iBAAiB;CAgE3C,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/patterns/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,QAAQ,IAAI,YAAY,EACxB,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAGL,QAAQ,IAAI,YAAY,EACxB,IAAI,IAAI,QAAQ,EAGjB,MAAM,uBAAuB,CAAC;AAY/B,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAG7C,KAAK,eAAe,GAChB,cAAc,GACd,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,eAAe,CAAC;AACpB,KAAK,aAAa,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAClG,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAsDjF,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC,CA2B/F,CAAC;AA0CF,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,WAAW,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzG,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,iCAAiC;IACjC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAYD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,EAAE,oGAS5C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC,4CAoC7C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,qBAAqB,CAAC,OAAO,YAAY,CAAC,4CAYzE,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC,CAAC;IAClE,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oCAAoC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD,eAAO,MAAM,GAAG,GAAI,OAAO,iBAAiB,4CA8C3C,CAAC;AAEF,eAAO,MAAM,IAAI;8BAA6B,qBAAqB,CAAC,OAAO,QAAQ,CAAC;mBA9EpD,qBAAqB,CAAC,OAAO,YAAY,CAAC;WA/ClD,CAAC,SAAS,WAAW,sGAS1C,qBAAqB,CAAC,iBAAiB,EAAE,CAAC,CAAC;kBAoEnB,iBAAiB;CA6D3C,CAAC"}

package/dist/patterns/tabs/tabs.js

@@ -198,10 +198,7 @@ const A = {
     keyboardActivation: "manual",
     ...n,
     className: (o) => e(
-      // RAC marks the root `data-focus-visible` whenever anything inside it has keyboard focus, and the
-      // design system's global `[data-focus-visible]` outline would ring the whole tab section.
-      // The focused tab or control draws its own ring.
-      "flex w-full flex-col outline-hidden",
+      "flex w-full flex-col",
       typeof t == "function" ? t(o) : t
     )
   }