zabi-components 1.0.11 → 2.0.2

package/dist/index/index.js

@@ -1,76 +1,170 @@
-import { B as H, P as S, H as N, O as z, a as K, S as M, b as B, T as R } from "../Tooltip-BoApUzYg.js";
-import { B as j, C as q, a as U, b as V, D as G, I as W, S as J, e as Q, c as X, T as Y, d as Z, m as _, k as ee, j as se, f as ae, l as te, i as ne, o as re, q as oe, p as ie, n as ce, g as ue, u as le, h as fe } from "../Toggle-LURK-bI8.js";
-import { T as be, a as me, i as pe, e as ge, b as ve, c as Ie, d as ye, s as he } from "../Toast-BTynzMV8.js";
-import { A as ke, C as Ce, a as xe, K as De, I as we, H as Ee, M as Ae, S as Fe, T as Oe, h as Le, f as Pe, c as He, i as Se, d as Ne, m as ze, e as Ke, l as Me, g as Be, j as Re, k as $e, t as je, b as qe, u as Ue } from "../Tabs-RCuPHjEL.js";
-import { N as Ge, a as We, T as Je } from "../ToastManager-Bd5Slcp4.js";
-const b = (e, s) => {
-  const { shouldFocus: a = !1, delay: t = 0 } = s || {};
-  function r() {
-    a && (t > 0 ? setTimeout(() => e.focus(), t) : e.focus());
+import { B as pe, C as me, a as xe, H as ve, I as ye, b as he, c as ge, O as Ie, P as Te, d as ke, S as Ce, e as we, f as De, T as Ae, g as Ee, h as Be, i as Fe, j as Le } from "../Tooltip-C9G35OZ6.js";
+import { B as Oe, C as ze } from "../Card-BIAsG5HX.js";
+import { T as Pe } from "../ThemeToggle-CRI92cOb.js";
+import { A as $e, C as je, a as Me, D as Ke, F as qe, H as Re, I as Ve, L as Ue, M as We, S as Ge, b as Je, T as Qe } from "../Tabs-DXN_BqPw.js";
+import { N as Ye, a as Ze } from "../Navigation-BoOnkbXw.js";
+const h = (e, t) => {
+  const { shouldFocus: r = !1, delay: n = 0 } = t || {};
+  function o() {
+    r && (n > 0 ? setTimeout(() => e.focus(), n) : e.focus());
   }
-  return a && r(), {
-    update(n) {
-      const { shouldFocus: o = !1, delay: i = 0 } = n || {};
-      o && (i > 0 ? setTimeout(() => e.focus(), i) : e.focus());
+  return r && o(), {
+    update(a) {
+      const { shouldFocus: s = !1, delay: i = 0 } = a || {};
+      s && (i > 0 ? setTimeout(() => e.focus(), i) : e.focus());
     }
   };
-}, m = (e, s) => {
-  function a(t) {
-    e.contains(t.target) || s(t);
+}, g = (e, t) => {
+  function r(n) {
+    e.contains(n.target) || t(n);
   }
-  return document.addEventListener("click", a, !0), {
+  return document.addEventListener("click", r, !0), {
     destroy() {
-      document.removeEventListener("click", a, !0);
+      document.removeEventListener("click", r, !0);
     }
   };
-}, p = (e, s) => {
-  function a(t) {
-    t.key === "Escape" && s(t);
+}, I = (e, t) => {
+  function r(n) {
+    n.key === "Escape" && t(n);
   }
-  return e.addEventListener("keydown", a), {
+  return e.addEventListener("keydown", r), {
     destroy() {
-      e.removeEventListener("keydown", a);
+      e.removeEventListener("keydown", r);
     }
   };
-}, g = (e, s) => {
-  const a = new ResizeObserver(s);
-  return a.observe(e), {
+}, T = (e, t) => {
+  const r = new ResizeObserver(t);
+  return r.observe(e), {
     destroy() {
-      a.disconnect();
+      r.disconnect();
     }
   };
-}, v = (e, { callback: s, options: a = {} }) => {
-  const t = new IntersectionObserver(s, a);
-  return t.observe(e), {
+}, k = (e, { callback: t, options: r = {} }) => {
+  const n = new IntersectionObserver(t, r);
+  return n.observe(e), {
     destroy() {
-      t.disconnect();
+      n.disconnect();
     }
   };
-}, I = (e) => {
-  function s() {
+}, C = (e) => {
+  function t() {
     e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
   }
-  return s(), e.addEventListener("input", s), {
+  return t(), e.addEventListener("input", t), {
     destroy() {
-      e.removeEventListener("input", s);
+      e.removeEventListener("input", t);
     }
   };
-}, y = (e, { src: s, onLoad: a, onError: t }) => {
-  const r = new IntersectionObserver((n) => {
-    n.forEach((o) => {
-      o.isIntersecting && (e instanceof HTMLImageElement && (e.src = s, e.onload = a, e.onerror = t), r.unobserve(e));
+}, w = (e, { src: t, onLoad: r, onError: n }) => {
+  const o = new IntersectionObserver((a) => {
+    a.forEach((s) => {
+      s.isIntersecting && (e instanceof HTMLImageElement && (e.src = t, e.onload = r, e.onerror = n), o.unobserve(e));
     });
   });
-  return r.observe(e), {
-    update(n) {
-      n != null && n.src && e instanceof HTMLImageElement && (e.src = n.src);
+  return o.observe(e), {
+    update(a) {
+      a != null && a.src && e instanceof HTMLImageElement && (e.src = a.src);
     },
     destroy() {
-      r.disconnect();
+      o.disconnect();
     }
   };
 };
-function h(e = "") {
+function D(e) {
+  return {
+    value: e.value,
+    hasValue: !!(e.value && e.value.trim()),
+    isFocused: !1,
+    hasError: !!e.error || e.variant === "error",
+    hasSuccess: !!e.success || e.variant === "success"
+  };
+}
+function A(e, t) {
+  return {
+    ...e,
+    value: t,
+    hasValue: !!(t && t.trim())
+  };
+}
+function E(e, t) {
+  return {
+    ...e,
+    isFocused: t
+  };
+}
+function B(e, t, r, n) {
+  return {
+    ...e,
+    hasError: !!t || n === "error",
+    hasSuccess: !!r || n === "success"
+  };
+}
+function F(e) {
+  return e || `input-${Math.random().toString(36).substr(2, 9)}`;
+}
+function L(e, t, r) {
+  return { value: e, event: t, field: r };
+}
+function S(e, t, r, n) {
+  return { value: e, event: t, field: r, checked: n };
+}
+const m = {
+  sm: {
+    input: "px-3 py-1.5 text-sm",
+    label: "text-xs",
+    helper: "text-xs"
+  },
+  md: {
+    input: "px-4 py-2.5 text-sm",
+    label: "text-sm",
+    helper: "text-xs"
+  },
+  lg: {
+    input: "px-5 py-3 text-base",
+    label: "text-base",
+    helper: "text-sm"
+  }
+}, O = [
+  "w-full",
+  "min-w-0",
+  "rounded-md",
+  "transition-all",
+  "duration-200",
+  "ease-in-out",
+  "focus:outline-none",
+  "focus:ring-2",
+  "focus:ring-focus-ring",
+  "focus:ring-offset-2",
+  "disabled:opacity-50",
+  "disabled:cursor-not-allowed",
+  "read-only:cursor-default",
+  "read-only:opacity-75"
+].join(" ");
+function z(e, t) {
+  return e ? "border-error text-text placeholder-text-placeholder focus:ring-error focus:border-error" : t ? "border-success text-text placeholder-text-placeholder focus:ring-success focus:border-success" : "border-border text-text placeholder-text-placeholder focus:ring-focus-ring focus:border-border-focus";
+}
+function H(e) {
+  return e ? "bg-surface-disabled text-text-disabled border-border-disabled cursor-not-allowed" : "";
+}
+function P(e, t, r) {
+  return [
+    "block",
+    m[r].label,
+    "font-medium",
+    "mb-2",
+    "transition-colors",
+    "duration-200",
+    e ? "text-error" : t ? "text-success" : "text-text"
+  ].join(" ");
+}
+function N(e, t, r) {
+  return [
+    "mt-2",
+    m[r].helper,
+    e ? "text-error" : t ? "text-success" : "text-text-secondary"
+  ].join(" ");
+}
+function $(e = "") {
   return {
     isOpen: !1,
     activeItem: e,
@@ -78,10 +172,10 @@ function h(e = "") {
     isKeyboardNavigation: !1
   };
 }
-function T(e, s) {
-  return { ...e, ...s };
+function j(e, t) {
+  return { ...e, ...t };
 }
-const c = {
+const f = {
   density: {
     compact: "density-compact",
     comfortable: "density-comfortable"
@@ -94,130 +188,130 @@ const c = {
     pagination: "nav-pagination"
   }
 };
-function k(e, s, a = "") {
+function M(e, t, r = "") {
   return [
     "modern-navigation",
-    c.variant[e.variant],
+    f.variant[e.variant],
     `nav-${e.orientation}`,
-    c.density[e.density],
+    f.density[e.density],
     e.responsive ? "responsive" : "",
     e.collapsible ? "collapsible" : "",
-    s.isOpen ? "open" : "",
-    a
+    t.isOpen ? "open" : "",
+    r
   ].filter(Boolean).join(" ");
 }
-function C(e, s, a, t) {
-  return function(n) {
-    if (!(!e.isOpen && n.key !== "Enter" && n.key !== " "))
-      switch (s({ isKeyboardNavigation: !0 }), n.key) {
+function K(e, t, r, n) {
+  return function(a) {
+    if (!(!e.isOpen && a.key !== "Enter" && a.key !== " "))
+      switch (t({ isKeyboardNavigation: !0 }), a.key) {
         case "Enter":
         case " ":
-          n.preventDefault();
-          const o = document.activeElement;
-          (o == null ? void 0 : o.getAttribute("role")) === "menuitem" && o.click();
+          a.preventDefault();
+          const s = document.activeElement;
+          (s == null ? void 0 : s.getAttribute("role")) === "menuitem" && s.click();
           break;
         case "Escape":
-          e.isOpen && s({ isOpen: !1 });
+          e.isOpen && t({ isOpen: !1 });
           break;
         case "ArrowDown":
-          n.preventDefault(), u(e, s, a);
+          a.preventDefault(), b(e, t, r);
           break;
         case "ArrowUp":
-          n.preventDefault(), l(e, s, a);
+          a.preventDefault(), p(e, t, r);
           break;
         case "ArrowRight":
-          n.preventDefault(), e.isOpen && u(e, s, a);
+          a.preventDefault(), e.isOpen && b(e, t, r);
           break;
         case "ArrowLeft":
-          n.preventDefault(), l(e, s, a);
+          a.preventDefault(), p(e, t, r);
           break;
         case "Home":
-          n.preventDefault(), f(e, s, a);
+          a.preventDefault(), v(e, t, r);
           break;
         case "End":
-          n.preventDefault(), d(e, s, a);
+          a.preventDefault(), y(e, t, r);
           break;
       }
   };
 }
-function u(e, s, a) {
-  var n;
-  const t = a();
-  if (t.length === 0) return;
-  const r = (e.currentFocusIndex + 1) % t.length;
-  s({ currentFocusIndex: r }), (n = t[r]) == null || n.focus();
-}
-function l(e, s, a) {
-  var n;
-  const t = a();
-  if (t.length === 0) return;
-  const r = e.currentFocusIndex <= 0 ? t.length - 1 : e.currentFocusIndex - 1;
-  s({ currentFocusIndex: r }), (n = t[r]) == null || n.focus();
-}
-function f(e, s, a) {
-  var r;
-  const t = a();
-  t.length !== 0 && (s({ currentFocusIndex: 0 }), (r = t[0]) == null || r.focus());
-}
-function d(e, s, a) {
-  var n;
-  const t = a();
-  if (t.length === 0) return;
-  const r = t.length - 1;
-  s({ currentFocusIndex: r }), (n = t[r]) == null || n.focus();
-}
-function x(e) {
+function b(e, t, r) {
+  var a;
+  const n = r();
+  if (n.length === 0) return;
+  const o = (e.currentFocusIndex + 1) % n.length;
+  t({ currentFocusIndex: o }), (a = n[o]) == null || a.focus();
+}
+function p(e, t, r) {
+  var a;
+  const n = r();
+  if (n.length === 0) return;
+  const o = e.currentFocusIndex <= 0 ? n.length - 1 : e.currentFocusIndex - 1;
+  t({ currentFocusIndex: o }), (a = n[o]) == null || a.focus();
+}
+function v(e, t, r) {
+  var o;
+  const n = r();
+  n.length !== 0 && (t({ currentFocusIndex: 0 }), (o = n[0]) == null || o.focus());
+}
+function y(e, t, r) {
+  var a;
+  const n = r();
+  if (n.length === 0) return;
+  const o = n.length - 1;
+  t({ currentFocusIndex: o }), (a = n[o]) == null || a.focus();
+}
+function q(e) {
   return Array.from(
     e.querySelectorAll(
       'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])'
     )
   );
 }
-function D(e, s, a) {
+function R(e, t, r) {
   return {
     toggle: () => {
-      const t = !e.isOpen;
-      s({ isOpen: t }), t && setTimeout(() => {
-        var n;
-        const r = a();
-        r.length > 0 && (s({ currentFocusIndex: 0 }), (n = r[0]) == null || n.focus());
+      const n = !e.isOpen;
+      t({ isOpen: n }), n && setTimeout(() => {
+        var a;
+        const o = r();
+        o.length > 0 && (t({ currentFocusIndex: 0 }), (a = o[0]) == null || a.focus());
       }, 100);
     },
     open: () => {
-      s({ isOpen: !0 }), setTimeout(() => {
-        var r;
-        const t = a();
-        t.length > 0 && (s({ currentFocusIndex: 0 }), (r = t[0]) == null || r.focus());
+      t({ isOpen: !0 }), setTimeout(() => {
+        var o;
+        const n = r();
+        n.length > 0 && (t({ currentFocusIndex: 0 }), (o = n[0]) == null || o.focus());
       }, 100);
     },
     close: () => {
-      s({ isOpen: !1 });
+      t({ isOpen: !1 });
     }
   };
 }
-function w(e, s, a) {
-  return function(r, n) {
-    if (r.disabled) {
-      n.preventDefault();
+function V(e, t, r) {
+  return function(o, a) {
+    if (o.disabled) {
+      a.preventDefault();
       return;
     }
-    e({ activeItem: r.id }), a("item-click", { item: r, event: n }), s.collapsible && s.variant !== "tabs" && e({ isOpen: !1 });
+    e({ activeItem: o.id }), r("item-click", { item: o, event: a }), t.collapsible && t.variant !== "tabs" && e({ isOpen: !1 });
   };
 }
-const E = {
+const U = {
   mobile: 768,
   tablet: 1024,
   desktop: 1280
 };
-function A(e, s, a, t = "navigation") {
+function W(e, t, r, n = "navigation") {
   return {
-    "aria-label": s || `${e} navigation`,
-    "aria-describedby": a || void 0,
-    role: t,
+    "aria-label": t || `${e} navigation`,
+    "aria-describedby": r || void 0,
+    role: n,
     "data-variant": e
   };
 }
-function F(e) {
+function G(e) {
   return {
     "aria-expanded": e,
     "aria-controls": "navigation-menu",
@@ -225,98 +319,264 @@ function F(e) {
     "aria-label": "Toggle navigation menu"
   };
 }
-function O(e, s) {
+function J(e, t) {
   return {
     id: "navigation-menu",
     role: e === "horizontal" ? "menubar" : "menu",
     "aria-orientation": e,
-    "aria-label": `${s} menu`
+    "aria-label": `${t} menu`
+  };
+}
+function Q(e, t) {
+  const r = t || (e.length > 0 ? e[0].id : "");
+  return {
+    activeTab: r,
+    activeTabIndex: e.findIndex((n) => n.id === r)
+  };
+}
+function X(e, t, r) {
+  return {
+    activeTab: r,
+    activeTabIndex: t.findIndex((n) => n.id === r)
   };
 }
+const x = {
+  sm: {
+    tab: "px-3 py-1.5 text-sm",
+    panel: "p-3",
+    icon: "w-4 h-4"
+  },
+  md: {
+    tab: "px-4 py-2 text-base",
+    panel: "p-4",
+    icon: "w-5 h-5"
+  },
+  lg: {
+    tab: "px-6 py-3 text-lg",
+    panel: "p-6",
+    icon: "w-6 h-6"
+  }
+}, d = {
+  default: {
+    container: "border-b border-primary",
+    tab: "border-b-2 border-transparent text-secondary hover:text-primary hover:border-primary-hover transition-colors",
+    activeTab: "border-primary text-primary",
+    panel: "mt-4"
+  },
+  pills: {
+    container: "bg-surface-secondary p-1 rounded-lg",
+    tab: "rounded-md text-secondary hover:text-primary hover:bg-surface-tertiary transition-colors",
+    activeTab: "bg-surface text-primary shadow-adaptive-sm",
+    panel: "mt-4"
+  },
+  underline: {
+    container: "border-b border-primary",
+    tab: "relative text-secondary hover:text-primary transition-colors",
+    activeTab: "text-primary",
+    panel: "mt-4"
+  },
+  cards: {
+    container: "space-y-2",
+    tab: "border border-primary rounded-lg text-secondary hover:text-primary hover:bg-surface-secondary transition-colors",
+    activeTab: "bg-surface text-primary shadow-adaptive-sm border-primary",
+    panel: "mt-4"
+  }
+};
+function Y(e, t, r) {
+  const n = x[e.size], o = d[e.variant];
+  return [
+    n.tab,
+    o.tab,
+    r ? o.activeTab : "",
+    t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+    e.fullWidth ? "flex-1" : "",
+    "flex items-center justify-center gap-2"
+  ].filter(Boolean).join(" ");
+}
+function Z(e, t = []) {
+  return [
+    d[e.variant].container,
+    e.orientation === "vertical" ? "flex-col space-y-1 mr-4" : "",
+    e.fullWidth ? `grid grid-cols-${t.length || 1}` : "flex"
+  ].filter(Boolean).join(" ");
+}
+function _(e, t) {
+  const r = x[e.size], n = d[e.variant];
+  return [
+    r.panel,
+    n.panel,
+    t ? "block" : "hidden"
+  ].filter(Boolean).join(" ");
+}
+function ee(e, t, r, n) {
+  return function(a) {
+    const s = Array.from(
+      document.querySelectorAll('[role="tab"]')
+    ), i = s.findIndex(
+      (l) => l === document.activeElement
+    );
+    let c = i;
+    switch (a.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        a.preventDefault(), c = (i + 1) % e.length;
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        a.preventDefault(), c = i === 0 ? e.length - 1 : i - 1;
+        break;
+      case "Home":
+        a.preventDefault(), c = 0;
+        break;
+      case "End":
+        a.preventDefault(), c = e.length - 1;
+        break;
+      case "Enter":
+      case " ":
+        a.preventDefault();
+        const l = s[i];
+        l && l.click();
+        return;
+    }
+    c !== i && s[c] && s[c].focus();
+  };
+}
+function te(e, t, r) {
+  return function(o, a) {
+    o.disabled || (t({ activeTab: o.id }), r("change", { activeTab: o.id, tab: o, event: a }), r("tabClick", { tab: o, event: a }));
+  };
+}
+function re(e, t) {
+  const r = t.querySelector(
+    `[data-tab-id="${e}"]`
+  );
+  r == null || r.focus();
+}
+function ne(e, t) {
+  return e.find((r) => r.id === t);
+}
+function ae(e, t) {
+  return e.id === t;
+}
+function oe(e, t, r) {
+  return {
+    "aria-selected": t,
+    "aria-controls": `tabpanel-${e.id}`,
+    "aria-disabled": e.disabled,
+    tabindex: t ? 0 : -1
+  };
+}
+function se(e) {
+  return {
+    id: `tabpanel-${e.id}`,
+    role: "tabpanel",
+    "aria-labelledby": `tab-${e.id}`
+  };
+}
+function u() {
+  return typeof window < "u" && typeof document < "u";
+}
+function ie() {
+  return u() ? window : void 0;
+}
+function ce() {
+  return u() ? document : void 0;
+}
+function ue(e) {
+  return u() ? requestAnimationFrame(e) : void 0;
+}
+function le(e, t) {
+  return u() ? setTimeout(e, t) : void 0;
+}
+function de(e) {
+  u() && e && clearTimeout(e);
+}
 export {
-  ke as Alert,
-  H as Badge,
-  j as Button,
-  q as Card,
-  Ce as CardsGrid,
-  U as Checkbox,
-  V as ColorPicker,
-  xe as ContactForm,
-  S as DebugPanel,
-  G as Dropdown,
-  De as DynamicForm,
-  we as FileUpload,
-  N as Heading,
-  Ee as Hero,
-  W as Input,
-  Ae as Modal,
-  Ge as Navbar,
-  z as OptimizedImage,
-  K as Progress,
-  M as ScaleDemo,
-  J as Select,
-  Fe as SelectedCardInfo,
-  B as Skeleton,
-  Q as SlideUp,
-  Oe as Tabs,
-  X as TextAlignment,
-  Y as Textarea,
-  be as ThemeToggle,
-  me as Toast,
-  We as ToastContainer,
-  Je as ToastManager,
-  Z as Toggle,
-  R as Tooltip,
-  I as autoResize,
-  _ as baseInputClasses,
-  E as breakpoints,
-  m as clickOutside,
-  ee as createChangeEventDetail,
-  se as createInputEventDetail,
-  ae as createInputState,
-  w as createItemClickHandler,
-  C as createKeyboardNavigation,
-  D as createMenuState,
-  h as createNavigationState,
-  Le as createTabClickHandler,
-  Pe as createTabsKeyboardNavigation,
-  He as createTabsState,
-  p as escapeKey,
-  b as focus,
-  Se as focusTab,
-  te as formSizeClasses,
-  ne as generateInputId,
-  A as getAccessibilityProps,
-  Ne as getContainerClasses,
-  re as getDisabledClasses,
-  x as getFocusableItems,
-  oe as getHelperTextClasses,
-  ie as getLabelClasses,
-  F as getMenuButtonProps,
-  O as getMenuListProps,
-  k as getNavigationClasses,
-  ze as getPanelAccessibilityProps,
-  Ke as getPanelClasses,
-  ce as getStateClasses,
-  Me as getTabAccessibilityProps,
-  Be as getTabClasses,
-  Re as getTabContent,
-  v as intersectionObserver,
-  pe as isBrowser,
-  $e as isTabActive,
-  y as lazyLoad,
-  c as navigationClasses,
-  g as resizeObserver,
-  ge as safeClearTimeout,
-  ve as safeDocument,
-  Ie as safeRequestAnimationFrame,
-  ye as safeSetTimeout,
-  he as safeWindow,
-  je as tabsSizeClasses,
-  qe as tabsVariantClasses,
-  ue as updateFocusState,
-  le as updateInputState,
-  T as updateNavigationState,
-  Ue as updateTabsState,
-  fe as updateValidationState
+  $e as Alert,
+  pe as Badge,
+  Oe as Button,
+  ze as Card,
+  je as CardsGrid,
+  me as Checkbox,
+  Me as ColorDemo,
+  xe as ColorPicker,
+  Ke as Dropdown,
+  qe as Form,
+  ve as Heading,
+  Re as Hero,
+  Ve as ImageUpload,
+  ye as Input,
+  he as InputActions,
+  ge as InputValidation,
+  Ue as Layout,
+  We as Modal,
+  Ye as Navbar,
+  Ze as Navigation,
+  Ie as OptimizedImage,
+  Te as PerformanceMonitor,
+  ke as Progress,
+  Ce as ScaleDemo,
+  we as Select,
+  Ge as SelectedCardInfo,
+  De as Skeleton,
+  Je as SlideUp,
+  Qe as Tabs,
+  Ae as TextAlignment,
+  Ee as Textarea,
+  Pe as ThemeToggle,
+  Be as Toast,
+  Fe as Toggle,
+  Le as Tooltip,
+  C as autoResize,
+  O as baseInputClasses,
+  U as breakpoints,
+  g as clickOutside,
+  S as createChangeEventDetail,
+  L as createInputEventDetail,
+  D as createInputState,
+  V as createItemClickHandler,
+  K as createKeyboardNavigation,
+  R as createMenuState,
+  $ as createNavigationState,
+  te as createTabClickHandler,
+  ee as createTabsKeyboardNavigation,
+  Q as createTabsState,
+  I as escapeKey,
+  h as focus,
+  re as focusTab,
+  m as formSizeClasses,
+  F as generateInputId,
+  W as getAccessibilityProps,
+  Z as getContainerClasses,
+  H as getDisabledClasses,
+  q as getFocusableItems,
+  N as getHelperTextClasses,
+  P as getLabelClasses,
+  G as getMenuButtonProps,
+  J as getMenuListProps,
+  M as getNavigationClasses,
+  se as getPanelAccessibilityProps,
+  _ as getPanelClasses,
+  z as getStateClasses,
+  oe as getTabAccessibilityProps,
+  Y as getTabClasses,
+  ne as getTabContent,
+  k as intersectionObserver,
+  u as isBrowser,
+  ae as isTabActive,
+  w as lazyLoad,
+  f as navigationClasses,
+  T as resizeObserver,
+  de as safeClearTimeout,
+  ce as safeDocument,
+  ue as safeRequestAnimationFrame,
+  le as safeSetTimeout,
+  ie as safeWindow,
+  x as tabsSizeClasses,
+  d as tabsVariantClasses,
+  E as updateFocusState,
+  A as updateInputState,
+  j as updateNavigationState,
+  X as updateTabsState,
+  B as updateValidationState
 };