zabi-components 2.0.2 → 2.0.3

package/dist/Card-YmnHW5Dv.js

@@ -0,0 +1,106 @@
+import { w as F, j as l, x as b, y as D, i as k, f as y, k as B, t as m, b as f, p as q, c as E, v as x, g as c, m as h, d as w, h as C, n as N, z as R, s as g, a as j, l as z, o as G } from "./props-ChfwWtCN.js";
+function M(s, e) {
+  F(() => {
+    var t = s.getRootNode(), a = (
+      /** @type {ShadowRoot} */
+      t.host ? (
+        /** @type {ShadowRoot} */
+        t
+      ) : (
+        /** @type {Document} */
+        t.head ?? /** @type {Document} */
+        t.ownerDocument.head
+      )
+    );
+    if (!a.querySelector("#" + e.hash)) {
+      const r = document.createElement("style");
+      r.id = e.hash, r.textContent = e.code, a.appendChild(r);
+    }
+  });
+}
+function O(s) {
+  return function(...e) {
+    var t = (
+      /** @type {Event} */
+      e[0]
+    );
+    return t.preventDefault(), s == null ? void 0 : s.apply(this, e);
+  };
+}
+var H = y("<button><!></button>");
+function P(s, e) {
+  E(e, !1);
+  const t = h(), a = h(), r = h();
+  let v = l(e, "variant", 8, "primary"), n = l(e, "size", 8, "md"), u = l(e, "disabled", 8, !1), p = l(e, "type", 8, "button");
+  b(() => {
+  }, () => {
+    g(t, {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2 text-sm",
+      lg: "px-5 py-3 text-base"
+    });
+  }), b(() => {
+  }, () => {
+    g(a, {
+      primary: "bg-blue-600 text-white hover:bg-blue-700",
+      secondary: "bg-gray-600 text-white hover:bg-gray-700",
+      danger: "bg-red-600 text-white hover:bg-red-700"
+    });
+  }), b(
+    () => (c(t), x(n()), c(a), x(v())),
+    () => {
+      g(r, [
+        "inline-flex items-center justify-center font-medium rounded-md",
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        c(t)[n()],
+        c(a)[v()]
+      ].join(" "));
+    }
+  ), D(), k();
+  var o = H(), _ = w(o);
+  B(_, e, "default", {}), m(() => {
+    C(o, "type", p()), N(o, 1, R(c(r))), o.disabled = u();
+  }), f(s, o), q();
+}
+var I = y('<img class="w-full h-48 object-cover rounded-md mb-4"/>'), J = y('<h3 class="text-lg font-semibold mb-2"> </h3>'), K = y("<div><!> <!> <!></div>");
+function Q(s, e) {
+  E(e, !1);
+  const t = h();
+  let a = l(e, "title", 8, ""), r = l(e, "image", 8, ""), v = l(e, "interactive", 8, !1);
+  b(() => x(v()), () => {
+    g(t, [
+      "bg-white border border-gray-200 rounded-lg p-4",
+      v() ? "cursor-pointer hover:shadow-md" : ""
+    ].join(" "));
+  }), D(), k();
+  var n = K(), u = w(n);
+  {
+    var p = (i) => {
+      var d = I();
+      m(() => {
+        C(d, "src", r()), C(d, "alt", a());
+      }), f(i, d);
+    };
+    j(u, (i) => {
+      r() && i(p);
+    });
+  }
+  var o = z(u, 2);
+  {
+    var _ = (i) => {
+      var d = J(), A = w(d);
+      m(() => G(A, a())), f(i, d);
+    };
+    j(o, (i) => {
+      a() && i(_);
+    });
+  }
+  var S = z(o, 2);
+  B(S, e, "default", {}), m(() => N(n, 1, R(c(t)))), f(s, n), q();
+}
+export {
+  P as B,
+  Q as C,
+  M as a,
+  O as p
+};

package/dist/Navigation-DE8_K3bU.js

@@ -0,0 +1,79 @@
+import { j as d, i as F, f as u, k as g, a as N, t as j, e as D, b, p as G, c as H, d as a, l as n, g as s, m as ta, n as p, o as I, s as sa, q as va, r as ra, h as ia, u as C, v as na } from "./props-ChfwWtCN.js";
+import { createEventDispatcher as J } from "svelte";
+import { T as A } from "./ThemeToggle-Dt8hE3_o.js";
+var da = u('<div class="mt-2"><!></div>'), la = u('<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>'), oa = u('<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 ha(y, e) {
+  H(e, !1);
+  let f = d(e, "brand", 8, ""), x = d(e, "showThemeToggle", 8, !0), h = d(e, "className", 8, "");
+  const k = J();
+  let l = ta(!1);
+  function o() {
+    sa(l, !s(l));
+  }
+  function _() {
+    k("brandClick");
+  }
+  F();
+  var v = oa(), t = a(v), c = a(t), r = a(c), m = a(r), T = a(m), M = n(r, 2), K = a(M), L = a(K);
+  g(L, e, "nav", {});
+  var P = n(M, 2), Q = a(P), q = a(Q);
+  g(q, e, "actions", {});
+  var R = n(q, 2);
+  {
+    var S = (i) => {
+      A(i, {});
+    };
+    N(R, (i) => {
+      x() && i(S);
+    });
+  }
+  var U = n(P, 2), V = a(U), W = n(c, 2);
+  {
+    var X = (i) => {
+      var z = la(), Y = a(z), B = a(Y);
+      g(B, e, "nav", {});
+      var Z = n(B, 2), E = a(Z);
+      g(E, e, "actions", {});
+      var $ = n(E, 2);
+      {
+        var aa = (w) => {
+          var O = da(), ea = a(O);
+          A(ea, {}), b(w, O);
+        };
+        N($, (w) => {
+          x() && w(aa);
+        });
+      }
+      b(i, z);
+    };
+    N(W, (i) => {
+      s(l) && i(X);
+    });
+  }
+  j(() => {
+    p(v, 1, `bg-white border-b border-gray-200 sticky top-0 z-50 ${h() ?? ""}`), I(T, f());
+  }), D("click", m, _), D("click", V, o), b(y, v), G();
+}
+var ca = u("<li><a> </a></li>"), ba = u("<nav><ul></ul></nav>");
+function _a(y, e) {
+  H(e, !1);
+  let f = d(e, "variant", 8, "header"), x = d(e, "items", 24, () => []), h = d(e, "currentPath", 8, "");
+  const k = J();
+  function l(v, t) {
+    t.preventDefault(), k("navigate", { item: v, href: v.href });
+  }
+  F();
+  var o = ba(), _ = a(o);
+  va(_, 5, x, ra, (v, t) => {
+    var c = ca(), r = a(c), m = a(r);
+    j(() => {
+      ia(r, "href", (s(t), C(() => s(t).href))), p(r, 1, `px-3 py-2 text-sm font-medium rounded-md transition-colors ${na(h()), s(t), C(() => h() === s(t).href ? "bg-blue-100 text-blue-700" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100") ?? ""}`), I(m, (s(t), C(() => s(t).label)));
+    }), D("click", r, (T) => l(s(t), T)), b(v, c);
+  }), j(() => {
+    p(o, 1, `navigation navigation-${f() ?? ""}`), p(_, 1, `flex ${f() === "sidebar" ? "flex-col space-y-2" : "space-x-6"}`);
+  }), b(y, o), G();
+}
+export {
+  ha as N,
+  _a as a
+};