zabi-components 1.0.9 → 1.0.11

package/dist/atoms/index.js

@@ -1,6 +1,6 @@
-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-kQ6Z43Ep.js";
-import { T as f, a as k } from "../Toast-1EMgTOM4.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-BoApUzYg.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-LURK-bI8.js";
+import { T as f, a as k } from "../Toast-BTynzMV8.js";
 export {
   s as Badge,
   i as Button,

package/dist/index/index.js

@@ -1,38 +1,38 @@
-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-kQ6Z43Ep.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-DTuXgJQh.js";
-import { N as $e, a as je, T as Re } from "../ToastManager-ZcovxilX.js";
+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: n = 0 } = s || {};
+  const { shouldFocus: a = !1, delay: t = 0 } = s || {};
   function r() {
-    a && (n > 0 ? setTimeout(() => e.focus(), n) : e.focus());
+    a && (t > 0 ? setTimeout(() => e.focus(), t) : e.focus());
   }
   return a && r(), {
-    update(t) {
-      const { shouldFocus: o = !1, delay: i = 0 } = t || {};
+    update(n) {
+      const { shouldFocus: o = !1, delay: i = 0 } = n || {};
       o && (i > 0 ? setTimeout(() => e.focus(), i) : e.focus());
     }
   };
-}, p = (e, s) => {
-  function a(n) {
-    e.contains(n.target) || s(n);
+}, m = (e, s) => {
+  function a(t) {
+    e.contains(t.target) || s(t);
   }
   return document.addEventListener("click", a, !0), {
     destroy() {
       document.removeEventListener("click", a, !0);
     }
   };
-}, g = (e, s) => {
-  function a(n) {
-    n.key === "Escape" && s(n);
+}, p = (e, s) => {
+  function a(t) {
+    t.key === "Escape" && s(t);
   }
   return e.addEventListener("keydown", a), {
     destroy() {
       e.removeEventListener("keydown", a);
     }
   };
-}, m = (e, s) => {
+}, g = (e, s) => {
   const a = new ResizeObserver(s);
   return a.observe(e), {
     destroy() {
@@ -40,10 +40,10 @@ const b = (e, s) => {
     }
   };
 }, v = (e, { callback: s, options: a = {} }) => {
-  const n = new IntersectionObserver(s, a);
-  return n.observe(e), {
+  const t = new IntersectionObserver(s, a);
+  return t.observe(e), {
     destroy() {
-      n.disconnect();
+      t.disconnect();
     }
   };
 }, I = (e) => {
@@ -55,15 +55,15 @@ const b = (e, s) => {
       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));
+}, 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(t) {
-      t != null && t.src && e instanceof HTMLImageElement && (e.src = t.src);
+    update(n) {
+      n != null && n.src && e instanceof HTMLImageElement && (e.src = n.src);
     },
     destroy() {
       r.disconnect();
@@ -106,13 +106,13 @@ function k(e, s, a = "") {
     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) {
+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 " ":
-          t.preventDefault();
+          n.preventDefault();
           const o = document.activeElement;
           (o == null ? void 0 : o.getAttribute("role")) === "menuitem" && o.click();
           break;
@@ -120,51 +120,51 @@ function C(e, s, a, n) {
           e.isOpen && s({ isOpen: !1 });
           break;
         case "ArrowDown":
-          t.preventDefault(), u(e, s, a);
+          n.preventDefault(), u(e, s, a);
           break;
         case "ArrowUp":
-          t.preventDefault(), l(e, s, a);
+          n.preventDefault(), l(e, s, a);
           break;
         case "ArrowRight":
-          t.preventDefault(), e.isOpen && u(e, s, a);
+          n.preventDefault(), e.isOpen && u(e, s, a);
           break;
         case "ArrowLeft":
-          t.preventDefault(), l(e, s, a);
+          n.preventDefault(), l(e, s, a);
           break;
         case "Home":
-          t.preventDefault(), f(e, s, a);
+          n.preventDefault(), f(e, s, a);
           break;
         case "End":
-          t.preventDefault(), d(e, s, a);
+          n.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();
+  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 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();
+  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 n = a();
-  n.length !== 0 && (s({ currentFocusIndex: 0 }), (r = n[0]) == null || r.focus());
+  const t = a();
+  t.length !== 0 && (s({ currentFocusIndex: 0 }), (r = t[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();
+  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(
@@ -176,18 +176,18 @@ function x(e) {
 function D(e, s, a) {
   return {
     toggle: () => {
-      const n = !e.isOpen;
-      s({ isOpen: n }), n && setTimeout(() => {
-        var t;
+      const t = !e.isOpen;
+      s({ isOpen: t }), t && setTimeout(() => {
+        var n;
         const r = a();
-        r.length > 0 && (s({ currentFocusIndex: 0 }), (t = r[0]) == null || t.focus());
+        r.length > 0 && (s({ currentFocusIndex: 0 }), (n = r[0]) == null || n.focus());
       }, 100);
     },
     open: () => {
       s({ isOpen: !0 }), setTimeout(() => {
         var r;
-        const n = a();
-        n.length > 0 && (s({ currentFocusIndex: 0 }), (r = n[0]) == null || r.focus());
+        const t = a();
+        t.length > 0 && (s({ currentFocusIndex: 0 }), (r = t[0]) == null || r.focus());
       }, 100);
     },
     close: () => {
@@ -195,29 +195,29 @@ function D(e, s, a) {
     }
   };
 }
-function E(e, s, a) {
-  return function(r, t) {
+function w(e, s, a) {
+  return function(r, n) {
     if (r.disabled) {
-      t.preventDefault();
+      n.preventDefault();
       return;
     }
-    e({ activeItem: r.id }), a("item-click", { item: r, event: t }), s.collapsible && s.variant !== "tabs" && e({ isOpen: !1 });
+    e({ activeItem: r.id }), a("item-click", { item: r, event: n }), s.collapsible && s.variant !== "tabs" && e({ isOpen: !1 });
   };
 }
-const O = {
+const E = {
   mobile: 768,
   tablet: 1024,
   desktop: 1280
 };
-function w(e, s, a, n = "navigation") {
+function A(e, s, a, t = "navigation") {
   return {
     "aria-label": s || `${e} navigation`,
     "aria-describedby": a || void 0,
-    role: n,
+    role: t,
     "data-variant": e
   };
 }
-function A(e) {
+function F(e) {
   return {
     "aria-expanded": e,
     "aria-controls": "navigation-menu",
@@ -225,7 +225,7 @@ function A(e) {
     "aria-label": "Toggle navigation menu"
   };
 }
-function F(e, s) {
+function O(e, s) {
   return {
     id: "navigation-menu",
     role: e === "horizontal" ? "menubar" : "menu",
@@ -234,83 +234,89 @@ function F(e, s) {
   };
 }
 export {
-  me as Alert,
+  ke as Alert,
   H as Badge,
-  R as Button,
-  U as Card,
-  ve as CardsGrid,
-  q as Checkbox,
+  j as Button,
+  q as Card,
+  Ce as CardsGrid,
+  U as Checkbox,
   V as ColorPicker,
-  Ie as ContactForm,
-  N as DebugPanel,
+  xe as ContactForm,
+  S 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,
+  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,
-  Q as Select,
-  Ce as SelectedCardInfo,
+  J as Select,
+  Fe as SelectedCardInfo,
   B as Skeleton,
-  W as SlideUp,
-  xe as Tabs,
+  Q as SlideUp,
+  Oe as Tabs,
   X as TextAlignment,
   Y as Textarea,
   be as ThemeToggle,
-  pe as Toast,
-  je as ToastContainer,
-  Re as ToastManager,
+  me as Toast,
+  We as ToastContainer,
+  Je as ToastManager,
   Z as Toggle,
-  $ as Tooltip,
+  R as Tooltip,
   I as autoResize,
   _ as baseInputClasses,
-  O as breakpoints,
-  p as clickOutside,
+  E as breakpoints,
+  m as clickOutside,
   ee as createChangeEventDetail,
   se as createInputEventDetail,
   ae as createInputState,
-  E as createItemClickHandler,
+  w as createItemClickHandler,
   C as createKeyboardNavigation,
   D as createMenuState,
   h as createNavigationState,
-  De as createTabClickHandler,
-  Ee as createTabsKeyboardNavigation,
-  Oe as createTabsState,
-  g as escapeKey,
+  Le as createTabClickHandler,
+  Pe as createTabsKeyboardNavigation,
+  He as createTabsState,
+  p as escapeKey,
   b as focus,
-  we as focusTab,
-  ne as formSizeClasses,
-  te as generateInputId,
-  w as getAccessibilityProps,
-  Ae as getContainerClasses,
+  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,
-  A as getMenuButtonProps,
-  F as getMenuListProps,
+  F as getMenuButtonProps,
+  O as getMenuListProps,
   k as getNavigationClasses,
-  Fe as getPanelAccessibilityProps,
-  Le as getPanelClasses,
+  ze as getPanelAccessibilityProps,
+  Ke as getPanelClasses,
   ce as getStateClasses,
-  Pe as getTabAccessibilityProps,
-  He as getTabClasses,
-  Ne as getTabContent,
+  Me as getTabAccessibilityProps,
+  Be as getTabClasses,
+  Re as getTabContent,
   v as intersectionObserver,
-  Se as isTabActive,
+  pe as isBrowser,
+  $e as isTabActive,
   y as lazyLoad,
   c as navigationClasses,
-  m as resizeObserver,
-  ze as tabsSizeClasses,
-  Ke as tabsVariantClasses,
+  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,
-  Me as updateTabsState,
+  Ue as updateTabsState,
   fe as updateValidationState
 };

package/dist/molecules/index.js

@@ -1,5 +1,5 @@
-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-DTuXgJQh.js";
-import { D as C, e as c } from "../Toggle-kQ6Z43Ep.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-RCuPHjEL.js";
+import { D as C, e as c } from "../Toggle-LURK-bI8.js";
 export {
   s as Alert,
   r as CardsGrid,

package/dist/organisms/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zabi-components",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
   "type": "module",
   "main": "dist/index/index.js",
@@ -9,24 +9,30 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index/index.js"
+      "import": "./dist/index/index.js",
+      "svelte": "./dist/index/index.js"
     },
     "./atoms": {
       "types": "./dist/atoms/index.d.ts",
-      "import": "./dist/atoms/index.js"
+      "import": "./dist/atoms/index.js",
+      "svelte": "./dist/atoms/index.js"
     },
     "./molecules": {
       "types": "./dist/molecules/index.d.ts",
-      "import": "./dist/molecules/index.js"
+      "import": "./dist/molecules/index.js",
+      "svelte": "./dist/molecules/index.js"
     },
     "./organisms": {
       "types": "./dist/organisms/index.d.ts",
-      "import": "./dist/organisms/index.js"
+      "import": "./dist/organisms/index.js",
+      "svelte": "./dist/organisms/index.js"
     },
     "./types": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js"
-    }
+    },
+    "./dist/zabi-components.css": "./dist/zabi-components.css",
+    "./package.json": "./package.json"
   },
   "files": [
     "dist",
@@ -55,8 +61,7 @@
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepublishOnly": "npm run build:lib",
-    "postinstall": "patch-package"
+    "prepublishOnly": "npm run build:lib"
   },
   "devDependencies": {
     "@storybook/addon-svelte-csf": "^5.0.8",
@@ -67,7 +72,6 @@
     "@tsconfig/svelte": "^5.0.2",
     "@types/node": "^24.5.2",
     "autoprefixer": "^10.4.17",
-    "patch-package": "^8.0.1",
     "postcss": "^8.4.35",
     "storybook": "^9.1.7",
     "svelte": "^5.0.0",
@@ -81,7 +85,7 @@
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
-    "svelte": "^4.0.0 || ^5.0.0"
+    "svelte": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "svelte": {
@@ -90,5 +94,6 @@
     "@sveltejs/kit": {
       "optional": true
     }
-  }
+  },
+  "svelte": "./dist/index/index.js"
 }