@mittwald/flow-react-components 0.1.0-alpha.84 → 0.1.0-alpha.86

package/dist/Icons.js

@@ -1,23 +1,23 @@
 "use client"
 /* */
 import n from "react";
-import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconList as S, IconPower as g, IconUsersGroup as v, IconBell as L, IconArchive as b, IconDice3 as k, IconSearch as w, IconListSearch as D, IconServer as $, IconSettings as M, IconEye as y, IconAdjustmentsHorizontal as B, IconDoor as H, IconSubtask as A, IconHeadset as F, IconFileX as R, IconLayoutGrid as V } from "@tabler/icons-react";
+import { IconAppWindow as o, IconArrowLeft as l, IconClock as c, IconChevronLeft as a, IconCode as r, IconCalendarCheck as I, IconBuilding as m, IconLayoutBoard as s, IconDatabase as E, IconCalendar as u, IconTrash as i, IconWorld as p, IconMail as h, IconExternalLink as d, IconFilter as f, IconEyeCancel as C, IconHome as x, IconInbox as S, IconList as v, IconPower as b, IconUsersGroup as g, IconBell as k, IconArchive as L, IconDice3 as w, IconDeviceFloppy as D, IconSearch as $, IconListSearch as y, IconServer as F, IconSettings as M, IconShare3 as B, IconEye as H, IconAdjustmentsHorizontal as P, IconShield as A, IconShieldCheckFilled as R, IconDoor as V, IconSubtask as O, IconHeadset as T, IconFileX as j, IconLayoutGrid as z } from "@tabler/icons-react";
 import { I as t } from "./Icon-DwHDa4pA.js";
-import { I as be } from "./IconCheck-CubzEVji.js";
-import { I as we, a as De } from "./IconCheckboxEmpty-BlU9hQOh.js";
-import { I as Me } from "./IconCheckboxIndeterminate-B-p8FuLS.js";
-import { I as Be } from "./IconChevronDown-C205topB.js";
-import { I as Ae } from "./IconChevronRight-CFcrQPos.js";
-import { a as Re, I as Ve, b as Pe } from "./IconPlus-Bz-UoRuD.js";
-import { I as je } from "./IconClose-7gyfEXz1.js";
-import { I as We } from "./IconContextMenu-DYOFg7qU.js";
-import { I as Oe } from "./IconCopy-CHksIqDs.js";
-import { I as Ne } from "./IconDanger-MdCt1mDP.js";
-import { a as qe, I as Je } from "./IconSucceeded-CHjiCCzR.js";
-import { I as Qe, a as Ye, b as Ze } from "./IconWarning-Dbq3oj5j.js";
-import { I as en } from "./IconPending-CyQhZCfI.js";
-import { a as tn, I as cn } from "./IconRadioOn-ghpksMxd.js";
-const z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), W = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), G = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), O = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), U = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), ge = (e) => /* @__PURE__ */ n.createElement(
+import { I as Pe } from "./IconCheck-CubzEVji.js";
+import { I as Re, a as Ve } from "./IconCheckboxEmpty-BlU9hQOh.js";
+import { I as Te } from "./IconCheckboxIndeterminate-B-p8FuLS.js";
+import { I as ze } from "./IconChevronDown-C205topB.js";
+import { I as Ge } from "./IconChevronRight-CFcrQPos.js";
+import { a as Ne, I as Xe, b as qe } from "./IconPlus-Bz-UoRuD.js";
+import { I as Ke } from "./IconClose-7gyfEXz1.js";
+import { I as Ye } from "./IconContextMenu-DYOFg7qU.js";
+import { I as _e } from "./IconCopy-CHksIqDs.js";
+import { I as nn } from "./IconDanger-MdCt1mDP.js";
+import { a as cn, I as on } from "./IconSucceeded-CHjiCCzR.js";
+import { I as an, a as rn, b as In } from "./IconWarning-Dbq3oj5j.js";
+import { I as sn } from "./IconPending-CyQhZCfI.js";
+import { a as un, I as pn } from "./IconRadioOn-ghpksMxd.js";
+const N = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(o, null)), X = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(l, null)), q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), J = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(a, null)), K = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(r, null)), Q = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(I, null)), Y = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(m, null)), Z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(s, null)), _ = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(E, null)), ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(u, null)), ne = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(i, null)), te = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(p, null)), ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(h, null)), oe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(d, null)), le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(f, null)), ae = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(C, null)), re = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(x, null)), Ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(S, null)), me = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(v, null)), se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(b, null)), Ee = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(g, null)), ue = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(k, null)), ie = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(L, null)), pe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(w, null)), he = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(D, null)), de = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement($, null)), fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(y, null)), Ce = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(F, null)), xe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(M, null)), Se = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(B, null)), ve = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(H, null)), be = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(P, null)), ge = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(A, null)), ke = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(R, null)), Le = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(V, null)), we = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(O, null)), De = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(T, null)), $e = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(j, null)), ye = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(z, null)), Fe = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.createElement(c, null)), Me = (e) => /* @__PURE__ */ n.createElement(
   t,
   {
     ...e
@@ -29,61 +29,66 @@ const z = (e) => /* @__PURE__ */ n.createElement(t, { ...e }, /* @__PURE__ */ n.
 `
 );
 export {
-  z as IconApp,
-  W as IconBackLink,
-  G as IconBackup,
-  be as IconCheck,
-  we as IconCheckboxChecked,
-  De as IconCheckboxEmpty,
-  Me as IconCheckboxIndeterminate,
-  Be as IconChevronDown,
-  O as IconChevronLeft,
-  Ae as IconChevronRight,
-  Re as IconChevronUp,
-  je as IconClose,
-  U as IconCode,
-  We as IconContextMenu,
-  Oe as IconCopy,
-  N as IconCronjob,
-  X as IconCustomer,
-  Ne as IconDanger,
-  q as IconDashboard,
-  J as IconDatabase,
-  K as IconDate,
-  Q as IconDelete,
-  Y as IconDomain,
-  Z as IconEmail,
-  _ as IconExternalLink,
-  qe as IconFailed,
-  ee as IconFilter,
-  ne as IconHide,
-  te as IconHome,
-  Qe as IconInfo,
-  ce as IconListView,
-  oe as IconLogout,
-  le as IconMember,
-  Ve as IconMinus,
-  ge as IconMittwald,
-  ae as IconNotification,
-  en as IconPending,
-  Pe as IconPlus,
-  re as IconProject,
-  tn as IconRadioOff,
-  cn as IconRadioOn,
-  Ie as IconRandom,
-  me as IconSearch,
-  se as IconSearchEngine,
-  Ee as IconServer,
-  ue as IconSettings,
-  ie as IconShow,
-  pe as IconSorting,
-  he as IconSshSftp,
-  de as IconSubdomain,
-  Je as IconSucceeded,
-  Ye as IconSuccess,
-  fe as IconSupport,
-  Ce as IconTerminate,
-  xe as IconTileView,
-  Se as IconTime,
-  Ze as IconWarning
+  N as IconApp,
+  X as IconBackLink,
+  q as IconBackup,
+  Pe as IconCheck,
+  Re as IconCheckboxChecked,
+  Ve as IconCheckboxEmpty,
+  Te as IconCheckboxIndeterminate,
+  ze as IconChevronDown,
+  J as IconChevronLeft,
+  Ge as IconChevronRight,
+  Ne as IconChevronUp,
+  Ke as IconClose,
+  K as IconCode,
+  Ye as IconContextMenu,
+  _e as IconCopy,
+  Q as IconCronjob,
+  Y as IconCustomer,
+  nn as IconDanger,
+  Z as IconDashboard,
+  _ as IconDatabase,
+  ee as IconDate,
+  ne as IconDelete,
+  te as IconDomain,
+  ce as IconEmail,
+  oe as IconExternalLink,
+  cn as IconFailed,
+  le as IconFilter,
+  ae as IconHide,
+  re as IconHome,
+  Ie as IconInbox,
+  an as IconInfo,
+  me as IconListView,
+  se as IconLogout,
+  Ee as IconMember,
+  Xe as IconMinus,
+  Me as IconMittwald,
+  ue as IconNotification,
+  sn as IconPending,
+  qe as IconPlus,
+  ie as IconProject,
+  un as IconRadioOff,
+  pn as IconRadioOn,
+  pe as IconRandom,
+  he as IconSave,
+  de as IconSearch,
+  fe as IconSearchEngine,
+  Ce as IconServer,
+  xe as IconSettings,
+  Se as IconShare,
+  ve as IconShow,
+  be as IconSorting,
+  ge as IconSpamProtectionOff,
+  ke as IconSpamProtectionOn,
+  Le as IconSshSftp,
+  we as IconSubdomain,
+  on as IconSucceeded,
+  rn as IconSuccess,
+  De as IconSupport,
+  $e as IconTerminate,
+  ye as IconTileView,
+  Fe as IconTime,
+  In as IconWarning
 };

package/dist/InlineAlert.js

@@ -7,7 +7,7 @@ import "@react-aria/utils";
 import "./propsContext-CauylOgH.js";
 import "remeda";
 import p from "clsx";
-import { S as u } from "./StatusIcon-DYuGj4gU.js";
+import { S as u } from "./StatusIcon-BMyHmLNg.js";
 import { f as d } from "./flowComponent-dvQga3NG.js";
 const w = "flow--inline-alert", g = "flow--inline-alert--status-icon", C = "flow--inline-alert--heading", I = "flow--inline-alert--content", N = "flow--inline-alert--info", h = "flow--inline-alert--warning", x = "flow--inline-alert--danger", A = "flow--inline-alert--success", n = {
   inlineAlert: w,

package/dist/StatusBadge.js

@@ -2,7 +2,7 @@
 /* */
 import t from "react";
 import l from "clsx";
-import { S as f } from "./StatusIcon-DYuGj4gU.js";
+import { S as f } from "./StatusIcon-BMyHmLNg.js";
 import { T as i } from "./Text-CKd46eHq.js";
 import { C as u } from "./ClearPropsContext-CeCMjUK9.js";
 import "./propsContext-CauylOgH.js";

package/dist/StatusIcon-BMyHmLNg.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import t from "react";
+import "@tabler/icons-react";
+import "./Icon-DwHDa4pA.js";
+import { I as m } from "./IconDanger-MdCt1mDP.js";
+import { I as f, a as l, b as I } from "./IconWarning-Dbq3oj5j.js";
+import { useLocalizedStringFormatter as g } from "react-aria";
+import { C as p } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import w from "clsx";
+const S = {
+  "de-DE": {
+    "statusIcon.danger": "Status Fehler",
+    "statusIcon.info": "Status Information",
+    "statusIcon.success": "Status Erfolg",
+    "statusIcon.warning": "Status Warnung"
+  },
+  "en-EN": {
+    "statusIcon.danger": "Status error",
+    "statusIcon.info": "Status information",
+    "statusIcon.success": "Status success",
+    "statusIcon.warning": "Status warning"
+  }
+}, d = "flow--status-icon--info", E = "flow--status-icon", C = "flow--status-icon--warning", N = "flow--status-icon--danger", x = "flow--status-icon--success", o = {
+  info: d,
+  statusIcon: E,
+  warning: C,
+  danger: N,
+  success: x
+}, F = {
+  danger: m,
+  info: f,
+  success: l,
+  warning: I
+}, q = (n) => {
+  const { status: s = "info", className: a, ...c } = n, r = w(o.statusIcon, o[s], a), e = g(S), i = F[s], u = {
+    className: r,
+    "aria-label": e.format(`statusIcon.${s}`),
+    ...c
+  };
+  return /* @__PURE__ */ t.createElement(p, null, /* @__PURE__ */ t.createElement(i, { ...u }));
+};
+export {
+  q as S
+};

package/dist/StatusIcon.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as a } from "./StatusIcon-DYuGj4gU.js";
+import { S as a } from "./StatusIcon-BMyHmLNg.js";
 export {
   a as StatusIcon,
   a as default

package/dist/Tabs.js

@@ -1,10 +1,10 @@
 "use client"
 /* */
-import e, { useRef as M, useState as T, useEffect as N, useId as C, createContext as y, useContext as I } from "react";
-import * as f from "react-aria-components";
+import e, { useRef as h, useState as C, useEffect as M, useId as p, createContext as I, useContext as y } from "react";
+import * as E from "react-aria-components";
 import { MenuTrigger as O } from "react-aria-components";
 import m from "clsx";
-import { TunnelExit as u, TunnelProvider as P, TunnelEntry as b } from "@mittwald/react-tunnel";
+import { TunnelExit as f, TunnelProvider as P, TunnelEntry as u } from "@mittwald/react-tunnel";
 import { f as S } from "./flowComponent-dvQga3NG.js";
 import { useCallbackRef as B } from "use-callback-ref";
 import { C as K } from "./ContextMenu-BeySGa4K.js";
@@ -17,51 +17,53 @@ import { T as R } from "./Text-CKd46eHq.js";
 const W = "flow--tabs", $ = "flow--tabs--list", k = {
   tabs: W,
   list: $
-}, j = "flow--tabs--tab-list", q = "flow--tabs--tab-list--context-menu-button", z = "flow--tabs--tab-list--titles", D = "flow--tabs--tab-list--collapsed", d = {
+}, j = "flow--tabs--tab-list", q = "flow--tabs--tab-list--context-menu-button", z = "flow--tabs--tab-list--titles", D = "flow--tabs--tab-list--collapsed", b = {
   tabList: j,
   contextMenuButton: q,
   titles: z,
   collapsed: D
 }, G = () => {
-  const s = M(), [n, r] = T(!1), o = B(null, (t) => {
-    a(), c(t);
-  }), l = ([
+  const s = h(), [n, r] = C(!1), o = B(null, (t) => {
+    l(), c(t);
+  }), a = ([
     t
   ]) => {
     t && r(!t.isIntersecting);
   }, c = (t = o.current) => {
     if (t && t instanceof Element) {
-      const i = new IntersectionObserver(l, {
+      const i = new IntersectionObserver(a, {
         root: t.parentElement,
         // 1 = invoke callback when the element is 100% visible within the parent element
         threshold: 1
       });
       s.current = i, i.observe(t);
     }
-  }, a = () => {
+  }, l = () => {
     var t;
     (t = s.current) == null || t.disconnect();
   };
-  return N(() => (c(), a), [s.current]), {
+  return M(() => (c(), l), [s.current]), {
     ref: o,
     isOverflowing: n
   };
-}, H = "flow--tabs--tab-title", p = {
-  tabTitle: H
-}, J = (s) => {
-  const { className: n, ...r } = s, o = m(n, p.tabTitle);
-  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(u, { id: "ActiveTitle" }));
-}, Q = (s) => {
-  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, l = C(), c = G(), a = c.isOverflowing, t = m(d.tabList, a && d.collapsed), i = (w) => {
-    const [E] = w;
-    E && o(E);
-  }, x = /* @__PURE__ */ e.createElement(f.TabList, { className: d.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(u, { id: "Titles" })), g = a && /* @__PURE__ */ e.createElement(J, { id: l }), h = a && /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
+}, H = "flow--tabs--tab-title", J = "flow--tabs--tab-title--text", Q = "flow--tabs--tab-title--menu-item", d = {
+  tabTitle: H,
+  text: J,
+  menuItem: Q
+}, U = (s) => {
+  const { className: n, ...r } = s, o = m(n, d.tabTitle);
+  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(f, { id: "ActiveTitle" }));
+}, V = (s) => {
+  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, a = p(), c = G(), l = c.isOverflowing, t = m(b.tabList, l && b.collapsed), i = (N) => {
+    const [T] = N;
+    T && o(T);
+  }, v = /* @__PURE__ */ e.createElement(E.TabList, { className: b.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(f, { id: "Titles" })), g = l && /* @__PURE__ */ e.createElement(U, { id: a }), w = l && /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
     F,
     {
       style: "soft",
-      className: d.contextMenuButton,
+      className: b.contextMenuButton,
       variant: "secondary",
-      "aria-labelledby": l
+      "aria-labelledby": a
     },
     /* @__PURE__ */ e.createElement(A, null)
   ), /* @__PURE__ */ e.createElement(
@@ -72,60 +74,60 @@ const W = "flow--tabs", $ = "flow--tabs--list", k = {
       selectionMode: "navigation",
       onSelectionChange: i
     },
-    /* @__PURE__ */ e.createElement(u, { id: "ContextMenuItems" })
+    /* @__PURE__ */ e.createElement(f, { id: "ContextMenuItems" })
   ));
-  return /* @__PURE__ */ e.createElement("div", { className: t }, x, g, h);
+  return /* @__PURE__ */ e.createElement("div", { className: t }, v, g, w);
 }, de = S("Tabs", (s) => {
-  const { children: n, className: r, defaultSelectedKey: o, disabledKeys: l, ...c } = s, a = m(k.tabs, r), [t, i] = T(
+  const { children: n, className: r, defaultSelectedKey: o, disabledKeys: a, ...c } = s, l = m(k.tabs, r), [t, i] = C(
     o
   );
   return /* @__PURE__ */ e.createElement(P, null, n, /* @__PURE__ */ e.createElement(
-    f.Tabs,
+    E.Tabs,
     {
-      className: a,
+      className: l,
       ...c,
       selectedKey: t,
       onSelectionChange: i,
-      disabledKeys: l
+      disabledKeys: a
     },
     /* @__PURE__ */ e.createElement(
-      Q,
+      V,
       {
         selection: t,
         onContextMenuSelectionChange: i,
-        disabledKeys: l
+        disabledKeys: a
       }
     ),
-    /* @__PURE__ */ e.createElement(u, { id: "Panels" })
+    /* @__PURE__ */ e.createElement(f, { id: "Panels" })
   ));
-}), v = y({
+}), x = I({
   id: "undefined"
-}), U = () => I(v), V = v.Provider, be = (s) => {
-  const { children: n, className: r, ...o } = s, { id: l } = U(), c = m(p.tabTitle, r);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(b, { id: "Titles" }, /* @__PURE__ */ e.createElement(f.Tab, { ...o, id: l, className: c }, (a) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, n), /* @__PURE__ */ e.createElement(b, { id: "ActiveTitle" }, a.isSelected && n)))), /* @__PURE__ */ e.createElement(b, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(L, { id: l }, n)));
-}, X = "flow--tabs--tab--tab-panel", Y = {
-  tabPanel: X
-}, ue = (s) => {
+}), X = () => y(x), Y = x.Provider, fe = (s) => {
+  const { children: n, className: r, ...o } = s, { id: a } = X(), c = m(d.tabTitle, r);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(u, { id: "Titles" }, /* @__PURE__ */ e.createElement(E.Tab, { ...o, id: a, className: c }, (l) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, /* @__PURE__ */ e.createElement("span", { className: d.text }, n)), /* @__PURE__ */ e.createElement(u, { id: "ActiveTitle" }, l.isSelected && n)))), /* @__PURE__ */ e.createElement(u, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(L, { className: d.menuItem, id: a }, n)));
+}, Z = "flow--tabs--tab--tab-panel", _ = {
+  tabPanel: Z
+}, Ee = (s) => {
   const {
     children: n,
     className: r,
     shouldForceMount: o = !0,
-    id: l,
+    id: a,
     ...c
-  } = s, a = m(Y.tabPanel, r), t = C(), i = l ?? t;
-  return /* @__PURE__ */ e.createElement(b, { id: "Panels" }, /* @__PURE__ */ e.createElement(
-    f.TabPanel,
+  } = s, l = m(_.tabPanel, r), t = p(), i = a ?? t;
+  return /* @__PURE__ */ e.createElement(u, { id: "Panels" }, /* @__PURE__ */ e.createElement(
+    E.TabPanel,
     {
-      className: a,
+      className: l,
       shouldForceMount: o,
       id: i,
       ...c
     },
-    /* @__PURE__ */ e.createElement(V, { value: { id: i } }, n)
+    /* @__PURE__ */ e.createElement(Y, { value: { id: i } }, n)
   ));
 };
 export {
-  ue as Tab,
-  be as TabTitle,
+  Ee as Tab,
+  fe as TabTitle,
   de as Tabs
 };