zabi-components 4.0.2 → 5.0.1

package/dist/Navigation-BOT-UHg0.js

@@ -1,104 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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/index/index.js

@@ -1,63 +0,0 @@
-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());
-}, r = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "";
-export {
-  L as Alert,
-  I as Badge,
-  m as Button,
-  b as Card,
-  d as Checkbox,
-  g as CodeBlock,
-  w as ColorPicker,
-  N as ComponentDemo,
-  O as ContactForm,
-  P as Dropdown,
-  D as FeatureCard,
-  j as Form,
-  F as Heading,
-  y as ImageUpload,
-  c as Input,
-  E as Layout,
-  H as Modal,
-  G as Navbar,
-  J as Navigation,
-  B as OptimizedImage,
-  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
-};

package/dist/molecules/KeyValueForm.types.d.ts

@@ -1,11 +0,0 @@
-// Field configuration for DynamicForm component
-export interface FieldConfig {
-    key: string;
-    type: "text" | "email" | "password" | "number" | "textarea" | "select" | "checkbox" | "toggle" | "colorpicker" | "textalignment";
-    label: string;
-    placeholder?: string;
-    required?: boolean;
-    options?: Array<{ value: string | number; label: string; disabled?: boolean }>;
-    rows?: number;
-    flex?: "1" | "full";
-}