zabi-components 1.0.6 → 1.0.8

package/dist/atoms/index.js

@@ -1,24 +1,24 @@
-import { B as s, C as o, P as t, H as r, O as g, a as T, S as l, b as m, T as n } from "../Tooltip-BA4NYwx_.js";
-import { B as p, C as x, a as c, I as C, S, b, T as d, c as B } from "../Toggle-BidBFl7X.js";
-import { T as f, a as k } from "../Toast-DXZ9gllw.js";
+import { B as s, P as o, H as t, O as r, a as g, S as T, b as l, T as m } from "../Tooltip-gkAHhbjD.js";
+import { B as i, C as p, a as x, b as c, I as d, S, c as b, T as B, d as C } from "../Toggle-CTlSe4Ym.js";
+import { T as f, a as k } from "../Toast-1EMgTOM4.js";
 export {
   s as Badge,
-  p as Button,
-  o as Card,
+  i as Button,
+  p as Card,
   x as Checkbox,
   c as ColorPicker,
-  t as DebugPanel,
-  r as Heading,
-  C as Input,
-  g as OptimizedImage,
-  T as Progress,
-  l as ScaleDemo,
+  o as DebugPanel,
+  t as Heading,
+  d as Input,
+  r as OptimizedImage,
+  g as Progress,
+  T as ScaleDemo,
   S as Select,
-  m as Skeleton,
+  l as Skeleton,
   b as TextAlignment,
-  d as Textarea,
+  B as Textarea,
   f as ThemeToggle,
   k as Toast,
-  B as Toggle,
-  n as Tooltip
+  C as Toggle,
+  m as Tooltip
 };

package/dist/index/index.js

@@ -1,36 +1,316 @@
-import { B as e, C as o, P as r, H as t, O as T, a as l, S as m, b as n, T as g } from "../Tooltip-BA4NYwx_.js";
-import { B as i, C as d, a as x, D as b, I as c, S as C, d as S, b as f, T as D, c as B } from "../Toggle-BidBFl7X.js";
-import { T as P, a as k } from "../Toast-DXZ9gllw.js";
-import { A, K as M, I as h, M as F, T as H } from "../Tabs-Tv_48hdh.js";
-import { N as O, a as U, T as v } from "../ToastManager-Q990X_Ag.js";
+import { B as H, P as N, H as S, O as z, a as K, S as M, b as B, T as $ } from "../Tooltip-gkAHhbjD.js";
+import { B as R, C as U, a as q, b as V, D as G, I as J, S as Q, e as W, c as X, T as Y, d as Z, m as _, k as ee, j as se, f as ae, l as ne, i as te, o as re, q as oe, p as ie, n as ce, g as ue, u as le, h as fe } from "../Toggle-CTlSe4Ym.js";
+import { T as be, a as pe } from "../Toast-1EMgTOM4.js";
+import { A as me, C as ve, a as Ie, K as ye, I as he, H as Te, M as ke, S as Ce, T as xe, h as De, f as Ee, c as Oe, i as we, d as Ae, m as Fe, e as Le, l as Pe, g as He, j as Ne, k as Se, t as ze, b as Ke, u as Me } from "../Tabs-DOvhDdUK.js";
+import { N as $e, a as je, T as Re } from "../ToastManager-ZcovxilX.js";
+const b = (e, s) => {
+  const { shouldFocus: a = !1, delay: n = 0 } = s || {};
+  function r() {
+    a && (n > 0 ? setTimeout(() => e.focus(), n) : e.focus());
+  }
+  return a && r(), {
+    update(t) {
+      const { shouldFocus: o = !1, delay: i = 0 } = t || {};
+      o && (i > 0 ? setTimeout(() => e.focus(), i) : e.focus());
+    }
+  };
+}, p = (e, s) => {
+  function a(n) {
+    e.contains(n.target) || s(n);
+  }
+  return document.addEventListener("click", a, !0), {
+    destroy() {
+      document.removeEventListener("click", a, !0);
+    }
+  };
+}, g = (e, s) => {
+  function a(n) {
+    n.key === "Escape" && s(n);
+  }
+  return e.addEventListener("keydown", a), {
+    destroy() {
+      e.removeEventListener("keydown", a);
+    }
+  };
+}, m = (e, s) => {
+  const a = new ResizeObserver(s);
+  return a.observe(e), {
+    destroy() {
+      a.disconnect();
+    }
+  };
+}, v = (e, { callback: s, options: a = {} }) => {
+  const n = new IntersectionObserver(s, a);
+  return n.observe(e), {
+    destroy() {
+      n.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: n }) => {
+  const r = new IntersectionObserver((t) => {
+    t.forEach((o) => {
+      o.isIntersecting && (e instanceof HTMLImageElement && (e.src = s, e.onload = a, e.onerror = n), r.unobserve(e));
+    });
+  });
+  return r.observe(e), {
+    update(t) {
+      t != null && t.src && e instanceof HTMLImageElement && (e.src = t.src);
+    },
+    destroy() {
+      r.disconnect();
+    }
+  };
+};
+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, n) {
+  return function(t) {
+    if (!(!e.isOpen && t.key !== "Enter" && t.key !== " "))
+      switch (s({ isKeyboardNavigation: !0 }), t.key) {
+        case "Enter":
+        case " ":
+          t.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":
+          t.preventDefault(), u(e, s, a);
+          break;
+        case "ArrowUp":
+          t.preventDefault(), l(e, s, a);
+          break;
+        case "ArrowRight":
+          t.preventDefault(), e.isOpen && u(e, s, a);
+          break;
+        case "ArrowLeft":
+          t.preventDefault(), l(e, s, a);
+          break;
+        case "Home":
+          t.preventDefault(), f(e, s, a);
+          break;
+        case "End":
+          t.preventDefault(), d(e, s, a);
+          break;
+      }
+  };
+}
+function u(e, s, a) {
+  var t;
+  const n = a();
+  if (n.length === 0) return;
+  const r = (e.currentFocusIndex + 1) % n.length;
+  s({ currentFocusIndex: r }), (t = n[r]) == null || t.focus();
+}
+function l(e, s, a) {
+  var t;
+  const n = a();
+  if (n.length === 0) return;
+  const r = e.currentFocusIndex <= 0 ? n.length - 1 : e.currentFocusIndex - 1;
+  s({ currentFocusIndex: r }), (t = n[r]) == null || t.focus();
+}
+function f(e, s, a) {
+  var r;
+  const n = a();
+  n.length !== 0 && (s({ currentFocusIndex: 0 }), (r = n[0]) == null || r.focus());
+}
+function d(e, s, a) {
+  var t;
+  const n = a();
+  if (n.length === 0) return;
+  const r = n.length - 1;
+  s({ currentFocusIndex: r }), (t = n[r]) == null || t.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 n = !e.isOpen;
+      s({ isOpen: n }), n && setTimeout(() => {
+        var t;
+        const r = a();
+        r.length > 0 && (s({ currentFocusIndex: 0 }), (t = r[0]) == null || t.focus());
+      }, 100);
+    },
+    open: () => {
+      s({ isOpen: !0 }), setTimeout(() => {
+        var r;
+        const n = a();
+        n.length > 0 && (s({ currentFocusIndex: 0 }), (r = n[0]) == null || r.focus());
+      }, 100);
+    },
+    close: () => {
+      s({ isOpen: !1 });
+    }
+  };
+}
+function E(e, s, a) {
+  return function(r, t) {
+    if (r.disabled) {
+      t.preventDefault();
+      return;
+    }
+    e({ activeItem: r.id }), a("item-click", { item: r, event: t }), s.collapsible && s.variant !== "tabs" && e({ isOpen: !1 });
+  };
+}
+const O = {
+  mobile: 768,
+  tablet: 1024,
+  desktop: 1280
+};
+function w(e, s, a, n = "navigation") {
+  return {
+    "aria-label": s || `${e} navigation`,
+    "aria-describedby": a || void 0,
+    role: n,
+    "data-variant": e
+  };
+}
+function A(e) {
+  return {
+    "aria-expanded": e,
+    "aria-controls": "navigation-menu",
+    "aria-haspopup": "menu",
+    "aria-label": "Toggle navigation menu"
+  };
+}
+function F(e, s) {
+  return {
+    id: "navigation-menu",
+    role: e === "horizontal" ? "menubar" : "menu",
+    "aria-orientation": e,
+    "aria-label": `${s} menu`
+  };
+}
 export {
-  A as Alert,
-  e as Badge,
-  i as Button,
-  o as Card,
-  d as Checkbox,
-  x as ColorPicker,
-  r as DebugPanel,
-  b as Dropdown,
-  M as DynamicForm,
-  h as FileUpload,
-  t as Heading,
-  c as Input,
-  F as Modal,
-  O as Navbar,
-  T as OptimizedImage,
-  l as Progress,
-  m as ScaleDemo,
-  C as Select,
-  n as Skeleton,
-  S as SlideUp,
-  H as Tabs,
-  f as TextAlignment,
-  D as Textarea,
-  P as ThemeToggle,
-  k as Toast,
-  U as ToastContainer,
-  v as ToastManager,
-  B as Toggle,
-  g as Tooltip
+  me as Alert,
+  H as Badge,
+  R as Button,
+  U as Card,
+  ve as CardsGrid,
+  q as Checkbox,
+  V as ColorPicker,
+  Ie as ContactForm,
+  N as DebugPanel,
+  G as Dropdown,
+  ye as DynamicForm,
+  he as FileUpload,
+  S as Heading,
+  Te as Hero,
+  J as Input,
+  ke as Modal,
+  $e as Navbar,
+  z as OptimizedImage,
+  K as Progress,
+  M as ScaleDemo,
+  Q as Select,
+  Ce as SelectedCardInfo,
+  B as Skeleton,
+  W as SlideUp,
+  xe as Tabs,
+  X as TextAlignment,
+  Y as Textarea,
+  be as ThemeToggle,
+  pe as Toast,
+  je as ToastContainer,
+  Re as ToastManager,
+  Z as Toggle,
+  $ as Tooltip,
+  I as autoResize,
+  _ as baseInputClasses,
+  O as breakpoints,
+  p as clickOutside,
+  ee as createChangeEventDetail,
+  se as createInputEventDetail,
+  ae as createInputState,
+  E as createItemClickHandler,
+  C as createKeyboardNavigation,
+  D as createMenuState,
+  h as createNavigationState,
+  De as createTabClickHandler,
+  Ee as createTabsKeyboardNavigation,
+  Oe as createTabsState,
+  g as escapeKey,
+  b as focus,
+  we as focusTab,
+  ne as formSizeClasses,
+  te as generateInputId,
+  w as getAccessibilityProps,
+  Ae as getContainerClasses,
+  re as getDisabledClasses,
+  x as getFocusableItems,
+  oe as getHelperTextClasses,
+  ie as getLabelClasses,
+  A as getMenuButtonProps,
+  F as getMenuListProps,
+  k as getNavigationClasses,
+  Fe as getPanelAccessibilityProps,
+  Le as getPanelClasses,
+  ce as getStateClasses,
+  Pe as getTabAccessibilityProps,
+  He as getTabClasses,
+  Ne as getTabContent,
+  v as intersectionObserver,
+  Se as isTabActive,
+  y as lazyLoad,
+  c as navigationClasses,
+  m as resizeObserver,
+  ze as tabsSizeClasses,
+  Ke as tabsVariantClasses,
+  ue as updateFocusState,
+  le as updateInputState,
+  T as updateNavigationState,
+  Me as updateTabsState,
+  fe as updateValidationState
 };

package/dist/molecules/index.js

@@ -1,11 +1,15 @@
-import { A as s, K as r, I as d, M as e, T as l } from "../Tabs-Tv_48hdh.js";
-import { D as m, d as i } from "../Toggle-BidBFl7X.js";
+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-DOvhDdUK.js";
+import { D as C, e as c } from "../Toggle-CTlSe4Ym.js";
 export {
   s as Alert,
-  m as Dropdown,
-  r as DynamicForm,
-  d as FileUpload,
-  e as Modal,
-  i as SlideUp,
-  l as Tabs
+  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
 };

package/dist/organisms/index.js

@@ -1,4 +1,4 @@
-import { N as r, a as s, T as t } from "../ToastManager-Q990X_Ag.js";
+import { N as r, a as s, T as t } from "../ToastManager-ZcovxilX.js";
 export {
   r as Navbar,
   s as ToastContainer,

package/dist/{x-DpVwziig.js → x-Dsi-CPO3.js}

@@ -3008,7 +3008,7 @@ function Wf(t, e) {
   )), Se();
 }
 export {
-  yf as $,
+  Cr as $,
   jf as A,
   Cf as B,
   Ef as C,
@@ -3025,17 +3025,17 @@ export {
   Vf as N,
   Bf as O,
   nf as P,
-  T as Q,
-  $i as R,
-  dn as S,
-  Lt as T,
-  xt as U,
-  Pf as V,
-  Nf as W,
+  Nf as Q,
+  yf as R,
+  Yi as S,
+  T,
+  $i as U,
+  dn as V,
+  Lt as W,
   Wf as X,
-  Je as Y,
-  Yi as Z,
-  Cr as _,
+  xt as Y,
+  Pf as Z,
+  Je as _,
   Rf as a,
   mf as a0,
   er as a1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zabi-components",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
   "type": "module",
   "main": "dist/index/index.js",