zabi-components 1.0.11 → 2.0.3

package/dist/index/index.js

@@ -1,322 +1,97 @@
-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());
-  }
-  return a && r(), {
-    update(n) {
-      const { shouldFocus: o = !1, delay: i = 0 } = n || {};
-      o && (i > 0 ? setTimeout(() => e.focus(), i) : e.focus());
-    }
-  };
-}, m = (e, s) => {
-  function a(t) {
-    e.contains(t.target) || s(t);
-  }
-  return document.addEventListener("click", a, !0), {
-    destroy() {
-      document.removeEventListener("click", a, !0);
-    }
-  };
-}, p = (e, s) => {
-  function a(t) {
-    t.key === "Escape" && s(t);
-  }
-  return e.addEventListener("keydown", a), {
-    destroy() {
-      e.removeEventListener("keydown", a);
-    }
-  };
-}, g = (e, s) => {
-  const a = new ResizeObserver(s);
-  return a.observe(e), {
-    destroy() {
-      a.disconnect();
-    }
-  };
-}, v = (e, { callback: s, options: a = {} }) => {
-  const t = new IntersectionObserver(s, a);
-  return t.observe(e), {
-    destroy() {
-      t.disconnect();
-    }
-  };
-}, I = (e) => {
-  function s() {
-    e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
-  }
-  return s(), e.addEventListener("input", s), {
-    destroy() {
-      e.removeEventListener("input", s);
-    }
-  };
-}, 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));
-    });
-  });
-  return r.observe(e), {
-    update(n) {
-      n != null && n.src && e instanceof HTMLImageElement && (e.src = n.src);
-    },
-    destroy() {
-      r.disconnect();
-    }
-  };
+import { B as m, C as g } from "../Card-YmnHW5Dv.js";
+import { B as p, C as T, a as u, H as x, I as C, b as I, c as f, O as S, P as b, d as D, S as A, e as B, f as P, T as h, g as k, h as H, i as M, j as v } from "../PerformanceMonitor-CZWEjSY0.js";
+import { T as N } from "../ThemeToggle-Dt8hE3_o.js";
+import { A as U, C as j, a as w, D as L, F as R, H as $, I as y, L as z, M as E, S as G, b as V, T as q } from "../SelectedCardInfo-1FErRXDl.js";
+import { N as K, a as Q } from "../Navigation-DE8_K3bU.js";
+const o = (a = "id") => `${a}-${Math.random().toString(36).substr(2, 9)}`, t = (...a) => a.filter(Boolean).join(" "), r = (a) => {
+  const e = new FormData(a);
+  return Object.fromEntries(e.entries());
+}, s = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "", i = {
+  // Atoms
+  Button,
+  Input,
+  Textarea,
+  Select,
+  Checkbox,
+  Toggle,
+  ColorPicker,
+  TextAlignment,
+  Card,
+  Badge,
+  Heading,
+  Progress,
+  Skeleton,
+  Toast,
+  Tooltip,
+  ThemeToggle,
+  OptimizedImage,
+  InputActions,
+  InputValidation,
+  ScaleDemo,
+  PerformanceMonitor,
+  // Molecules
+  Form,
+  Layout,
+  Modal,
+  SlideUp,
+  Dropdown,
+  Tabs,
+  Alert,
+  ImageUpload,
+  Hero,
+  CardsGrid,
+  ColorDemo,
+  SelectedCardInfo,
+  // Organisms
+  Navbar,
+  Navigation,
+  // Utilities
+  createId: o,
+  cn: t,
+  getFormData: r,
+  validateEmail: s,
+  validateRequired: n
 };
-function h(e = "") {
-  return {
-    isOpen: !1,
-    activeItem: e,
-    currentFocusIndex: -1,
-    isKeyboardNavigation: !1
-  };
-}
-function T(e, s) {
-  return { ...e, ...s };
-}
-const c = {
-  density: {
-    compact: "density-compact",
-    comfortable: "density-comfortable"
-  },
-  variant: {
-    header: "nav-header",
-    sidebar: "nav-sidebar",
-    breadcrumb: "nav-breadcrumb",
-    tabs: "nav-tabs",
-    pagination: "nav-pagination"
-  }
-};
-function k(e, s, a = "") {
-  return [
-    "modern-navigation",
-    c.variant[e.variant],
-    `nav-${e.orientation}`,
-    c.density[e.density],
-    e.responsive ? "responsive" : "",
-    e.collapsible ? "collapsible" : "",
-    s.isOpen ? "open" : "",
-    a
-  ].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) {
-        case "Enter":
-        case " ":
-          n.preventDefault();
-          const o = document.activeElement;
-          (o == null ? void 0 : o.getAttribute("role")) === "menuitem" && o.click();
-          break;
-        case "Escape":
-          e.isOpen && s({ isOpen: !1 });
-          break;
-        case "ArrowDown":
-          n.preventDefault(), u(e, s, a);
-          break;
-        case "ArrowUp":
-          n.preventDefault(), l(e, s, a);
-          break;
-        case "ArrowRight":
-          n.preventDefault(), e.isOpen && u(e, s, a);
-          break;
-        case "ArrowLeft":
-          n.preventDefault(), l(e, s, a);
-          break;
-        case "Home":
-          n.preventDefault(), f(e, s, a);
-          break;
-        case "End":
-          n.preventDefault(), d(e, s, a);
-          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) {
-  return Array.from(
-    e.querySelectorAll(
-      'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])'
-    )
-  );
-}
-function D(e, s, a) {
-  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());
-      }, 100);
-    },
-    open: () => {
-      s({ isOpen: !0 }), setTimeout(() => {
-        var r;
-        const t = a();
-        t.length > 0 && (s({ currentFocusIndex: 0 }), (r = t[0]) == null || r.focus());
-      }, 100);
-    },
-    close: () => {
-      s({ isOpen: !1 });
-    }
-  };
-}
-function w(e, s, a) {
-  return function(r, n) {
-    if (r.disabled) {
-      n.preventDefault();
-      return;
-    }
-    e({ activeItem: r.id }), a("item-click", { item: r, event: n }), s.collapsible && s.variant !== "tabs" && e({ isOpen: !1 });
-  };
-}
-const E = {
-  mobile: 768,
-  tablet: 1024,
-  desktop: 1280
-};
-function A(e, s, a, t = "navigation") {
-  return {
-    "aria-label": s || `${e} navigation`,
-    "aria-describedby": a || void 0,
-    role: t,
-    "data-variant": e
-  };
-}
-function F(e) {
-  return {
-    "aria-expanded": e,
-    "aria-controls": "navigation-menu",
-    "aria-haspopup": "menu",
-    "aria-label": "Toggle navigation menu"
-  };
-}
-function O(e, s) {
-  return {
-    id: "navigation-menu",
-    role: e === "horizontal" ? "menubar" : "menu",
-    "aria-orientation": e,
-    "aria-label": `${s} menu`
-  };
-}
 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
+  U as Alert,
+  p as Badge,
+  m as Button,
+  g as Card,
+  j as CardsGrid,
+  T as Checkbox,
+  w as ColorDemo,
+  u as ColorPicker,
+  L as Dropdown,
+  R as Form,
+  x as Heading,
+  $ as Hero,
+  y as ImageUpload,
+  C as Input,
+  I as InputActions,
+  f as InputValidation,
+  z as Layout,
+  E as Modal,
+  K as Navbar,
+  Q as Navigation,
+  S as OptimizedImage,
+  b as PerformanceMonitor,
+  D as Progress,
+  A as ScaleDemo,
+  B as Select,
+  G as SelectedCardInfo,
+  P as Skeleton,
+  V as SlideUp,
+  q as Tabs,
+  h as TextAlignment,
+  k as Textarea,
+  N as ThemeToggle,
+  H as Toast,
+  M as Toggle,
+  v as Tooltip,
+  t as cn,
+  o as createId,
+  i as default,
+  r as getFormData,
+  s as validateEmail,
+  n as validateRequired
 };

package/dist/molecules/index.js

@@ -1,15 +1,15 @@
-import { A as s, C as r, a as e, K as d, I as l, H as t, M as m, S as p, T as i } from "../Tabs-RCuPHjEL.js";
-import { D as C, e as c } from "../Toggle-LURK-bI8.js";
+import { A as o, C as r, a as e, D as d, F as l, H as m, I as p, L as t, M as C, S as D, b as I, T as S } from "../SelectedCardInfo-1FErRXDl.js";
 export {
-  s as Alert,
+  o as Alert,
   r as CardsGrid,
-  e as ContactForm,
-  C as Dropdown,
-  d as DynamicForm,
-  l as FileUpload,
-  t as Hero,
-  m as Modal,
-  p as SelectedCardInfo,
-  c as SlideUp,
-  i as Tabs
+  e as ColorDemo,
+  d as Dropdown,
+  l as Form,
+  m as Hero,
+  p as ImageUpload,
+  t as Layout,
+  C as Modal,
+  D as SelectedCardInfo,
+  I as SlideUp,
+  S as Tabs
 };

package/dist/organisms/index.js

@@ -1,6 +1,5 @@
-import { N as r, a as s, T as t } from "../ToastManager-Bd5Slcp4.js";
+import { N as r, a as N } from "../Navigation-DE8_K3bU.js";
 export {
   r as Navbar,
-  s as ToastContainer,
-  t as ToastManager
+  N as Navigation
 };