zabi-components 3.0.2 → 4.0.2

package/dist/Navigation-BOT-UHg0.js

@@ -0,0 +1,104 @@
+import { x as F, p as d, f as x, c as G, k as e, y as u, i as w, j as Z, z as N, d as b, A as r, s as $, g as o, r as M, B as y, C as q, D as aa, E as ea, F as A, G as ta } from "./ssr-safe-bsWGK4V4.js";
+import { T as E } from "./ThemeToggle-BlNPkAQy.js";
+function sa(v, a) {
+  $(a, !o(a));
+}
+function ia() {
+}
+var ra = x('<div class="mt-2"><!></div>'), va = x('<div class="md:hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-gray-200"><!> <div class="pt-4"><!> <!></div></div></div>'), la = x('<nav><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16"><div class="flex-shrink-0"><button type="button" class="text-xl font-bold text-gray-900"> </button></div> <div class="hidden md:block"><div class="ml-10 flex items-baseline space-x-4"><!></div></div> <div class="hidden md:block"><div class="ml-4 flex items-center space-x-4"><!> <!></div></div> <div class="md:hidden"><button type="button" class="text-gray-500 hover:text-gray-600" aria-label="Toggle menu"><span class="text-2xl">☰</span></button></div></div> <!></div></nav>');
+function ba(v, a) {
+  let l = d(a, "brand", 3, ""), m = d(a, "showThemeToggle", 3, !0), p = d(a, "className", 3, ""), k = M(a, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "brand",
+    "showThemeToggle",
+    "className",
+    "children",
+    "nav",
+    "actions"
+  ]), g = Z(!1);
+  var s = la();
+  G(s, () => ({
+    class: `bg-white border-b border-gray-200 sticky top-0 z-50 ${// Brand click is now handled by the parent component
+    // through event forwarding
+    p() ?? ""}`,
+    ...k
+  }));
+  var f = e(s), c = e(f), t = e(c), _ = e(t);
+  _.__click = [ia];
+  var n = e(_), h = r(t, 2), H = e(h), I = e(H);
+  u(I, () => a.nav ?? y);
+  var P = r(h, 2), J = e(P), C = e(J);
+  u(C, () => a.actions ?? y);
+  var K = r(C, 2);
+  {
+    var L = (i) => {
+      E(i, {});
+    };
+    w(K, (i) => {
+      m() && i(L);
+    });
+  }
+  var O = r(P, 2), Q = e(O);
+  Q.__click = [sa, g];
+  var R = r(c, 2);
+  {
+    var S = (i) => {
+      var j = va(), U = e(j), z = e(U);
+      u(z, () => a.nav ?? y);
+      var V = r(z, 2), B = e(V);
+      u(B, () => a.actions ?? y);
+      var W = r(B, 2);
+      {
+        var X = (T) => {
+          var D = ra(), Y = e(D);
+          E(Y, {}), b(T, D);
+        };
+        w(W, (T) => {
+          m() && T(X);
+        });
+      }
+      b(i, j);
+    };
+    w(R, (i) => {
+      o(g) && i(S);
+    });
+  }
+  N(() => q(n, l())), b(v, s);
+}
+F(["click"]);
+var na = (v, a, l) => a(o(l), v), da = x("<li><a> </a></li>"), oa = x("<nav><ul></ul></nav>");
+function xa(v, a) {
+  let l = d(a, "variant", 3, "header"), m = d(a, "items", 19, () => []), p = d(a, "currentPath", 3, ""), k = M(a, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "variant",
+    "items",
+    "currentPath",
+    "children"
+  ]);
+  function g(c, t) {
+    t.preventDefault();
+  }
+  var s = oa();
+  G(s, () => ({
+    class: `navigation navigation-${l() ?? ""}`,
+    ...k
+  }));
+  var f = e(s);
+  aa(f, 21, m, ea, (c, t) => {
+    var _ = da(), n = e(_);
+    n.__click = [na, g, t];
+    var h = e(n);
+    N(() => {
+      ta(n, "href", o(t).href), A(n, 1, `px-3 py-2 text-sm font-medium rounded-md transition-colors ${p() === o(t).href ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`), q(h, o(t).label);
+    }), b(c, _);
+  }), N(() => A(f, 1, `flex ${l() === "sidebar" ? "flex-col space-y-2" : "space-x-6"}`)), b(v, s);
+}
+F(["click"]);
+export {
+  ba as N,
+  xa as a
+};

package/dist/ThemeToggle-BlNPkAQy.js

@@ -0,0 +1,48 @@
+import { p as k, s as b, a as i, g as f, b as _, f as c, c as y, i as T, d as n, e as w, h as x, j as D, r as L, k as S } from "./ssr-safe-bsWGK4V4.js";
+import { onMount as j } from "svelte";
+var E = c('<span class="text-lg">☀️</span>'), I = c('<span class="text-lg">🌙</span>'), M = c("<button><!></button>");
+function z(m, s) {
+  x(s, !0);
+  let a = k(s, "isDark", 7, !1), d = L(s, ["$$slots", "$$events", "$$legacy", "isDark"]), o = D(!1);
+  j(() => {
+    b(o, !0);
+    const e = i();
+    if (e) {
+      const t = e.getItem("theme"), v = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      a(t === "dark" || !t && v), l();
+    }
+  });
+  function g(e) {
+    a(!a()), l();
+    const t = i();
+    f(o) && t && t.setItem("theme", a() ? "dark" : "light");
+  }
+  function l() {
+    const e = _();
+    f(o) && e && (a() ? e.documentElement.classList.add("dark") : e.documentElement.classList.remove("dark"));
+  }
+  var r = M();
+  y(r, () => ({
+    onclick: g,
+    class: "w-10 h-10 bg-gray-100 hover:bg-gray-200 border border-gray-300 rounded-lg flex items-center justify-center text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
+    "aria-label": a() ? "Switch to light mode" : "Switch to dark mode",
+    ...d
+  }));
+  var u = S(r);
+  {
+    var h = (e) => {
+      var t = E();
+      n(e, t);
+    }, p = (e) => {
+      var t = I();
+      n(e, t);
+    };
+    T(u, (e) => {
+      a() ? e(h) : e(p, !1);
+    });
+  }
+  n(m, r), w();
+}
+export {
+  z as T
+};

package/dist/atoms/index.js

@@ -1,20 +1,23 @@
-import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-Dio4ZB9h.js";
-import { B as x, I as B, T as c } from "../Textarea-DP1BihDh.js";
-import { T as C } from "../ThemeToggle-Cm25ThjX.js";
+import { B as s, C as o, a as r, F as t, H as T, O as g, P as d, S as l, b as C, T as m, c as p, d as c } from "../FeatureCard-iBFGbgVE.js";
+import { B as x, C as B, a as k, I as n, T as f } from "../CodeBlock-pT5-FgZd.js";
+import { T as I } from "../ThemeToggle-BlNPkAQy.js";
 export {
   s as Badge,
   x as Button,
   o as Card,
+  B as Checkbox,
+  k as CodeBlock,
   r as ColorPicker,
-  t as Heading,
-  B as Input,
-  T as OptimizedImage,
-  g as Progress,
+  t as FeatureCard,
+  T as Heading,
+  n as Input,
+  g as OptimizedImage,
+  d as Progress,
   l as Select,
-  m as Skeleton,
-  c as Textarea,
-  C as ThemeToggle,
-  p as Toast,
-  d as Toggle,
-  i as Tooltip
+  C as Skeleton,
+  f as Textarea,
+  I as ThemeToggle,
+  m as Toast,
+  p as Toggle,
+  c as Tooltip
 };

package/dist/index/index.js

@@ -1,47 +1,63 @@
-import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-DP1BihDh.js";
-import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-Dio4ZB9h.js";
-import { T as N } from "../ThemeToggle-Cm25ThjX.js";
-import { Alert as P, ContactForm as R, Dropdown as h, Form as j, ImageUpload as k, Layout as y, Modal as A, SlideUp as E, Tabs as H } from "../molecules/index.js";
-import { N as q, a as z } from "../Navigation-BxP-osMQ.js";
-const t = (a = "id") => typeof window < "u" ? `${a}-${Math.random().toString(36).substr(2, 9)}` : `${a}-ssr-${Date.now()}`, s = (...a) => a.filter(Boolean).join(" "), r = (a) => {
+import { B as m, C as d, a as g, I as c, T as f, e as C, d as u, b as p, g as T, c as S } from "../CodeBlock-pT5-FgZd.js";
+import { B as I, C as b, a as w, F as D, H as F, O as B, P as v, S as V, b as $, T as k, c as A, d as M } from "../FeatureCard-iBFGbgVE.js";
+import { T as h } from "../ThemeToggle-BlNPkAQy.js";
+import { A as L, C as N, a as O, D as P, F as j, I as y, L as E, M as H, S as U, T as z } from "../ContactForm-CHI_jeFY.js";
+import { N as G, a as J } from "../Navigation-BOT-UHg0.js";
+import { l as Q, m as X, w as Y, u as Z, b as _, a as aa, q as ea, o as sa, v as ta, t as oa, n as ra } from "../ssr-safe-bsWGK4V4.js";
+const s = (a = "id") => typeof window < "u" ? `${a}-${Math.random().toString(36).substr(2, 9)}` : `${a}-ssr-${Date.now()}`, t = (...a) => a.filter(Boolean).join(" "), o = (a) => {
   const e = new FormData(a);
   return Object.fromEntries(e.entries());
-}, o = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "";
+}, r = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "";
 export {
-  P as Alert,
-  x as Badge,
-  d as Button,
+  L as Alert,
+  I as Badge,
+  m as Button,
   b as Card,
-  I as ColorPicker,
-  R as ContactForm,
-  h as Dropdown,
+  d as Checkbox,
+  g as CodeBlock,
+  w as ColorPicker,
+  N as ComponentDemo,
+  O as ContactForm,
+  P as Dropdown,
+  D as FeatureCard,
   j as Form,
-  w as Heading,
-  k as ImageUpload,
-  g as Input,
-  y as Layout,
-  A as Modal,
-  q as Navbar,
-  z as Navigation,
+  F as Heading,
+  y as ImageUpload,
+  c as Input,
+  E as Layout,
+  H as Modal,
+  G as Navbar,
+  J as Navigation,
   B as OptimizedImage,
-  D as Progress,
-  S as Select,
-  V as Skeleton,
-  E as SlideUp,
-  H as Tabs,
-  m as Textarea,
-  N as ThemeToggle,
-  $ as Toast,
-  F as Toggle,
-  v as Tooltip,
-  s as cn,
-  t as createId,
-  c as createVariantClassMap,
-  p as getAllVariantClasses,
-  u as getCardVariantClasses,
-  r as getFormData,
-  f as getInputVariantClasses,
-  C as getVariantClasses,
-  o as validateEmail,
+  v as Progress,
+  V as Select,
+  $ as Skeleton,
+  U as SlideUp,
+  z as Tabs,
+  f as Textarea,
+  h as ThemeToggle,
+  k as Toast,
+  A as Toggle,
+  M as Tooltip,
+  t as cn,
+  s as createId,
+  C as createVariantClassMap,
+  Q as generateId,
+  u as getAllVariantClasses,
+  p as getCardVariantClasses,
+  o as getFormData,
+  T as getInputVariantClasses,
+  S as getVariantClasses,
+  X as isBrowser,
+  Y as safeClearInterval,
+  Z as safeClearTimeout,
+  _ as safeDocument,
+  aa as safeLocalStorage,
+  ea as safeRequestAnimationFrame,
+  sa as safeSessionStorage,
+  ta as safeSetInterval,
+  oa as safeSetTimeout,
+  ra as safeWindow,
+  r as validateEmail,
   n as validateRequired
 };