zabi-components 2.2.3 → 3.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zabi-components",
-  "version": "2.2.3",
-  "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
+  "version": "3.0.0",
+  "description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS, and SSR support",
   "type": "module",
   "main": "dist/index/index.js",
   "module": "dist/index/index.js",
@@ -40,11 +40,14 @@
   ],
   "keywords": [
     "svelte",
+    "svelte5",
     "sveltekit",
     "components",
     "ui",
     "typescript",
-    "tailwind"
+    "tailwind",
+    "runes",
+    "ssr"
   ],
   "author": "Zabi Components Team",
   "license": "MIT",

package/dist/Checkbox-D2PLqgxA.js

@@ -1,307 +0,0 @@
-import { y as U, l as C, p as a, z as b, A as N, i as P, f as M, a as S, s as W, c as k, d as $, g as A, x as z, k as t, m as o, h as I, o as l, b as R, e as F, j as G, t as H, v as J, u as L, B as O, n as K } from "./props-B4BdFk2B.js";
-function ne(s, e) {
-  U(() => {
-    var r = s.getRootNode(), c = (
-      /** @type {ShadowRoot} */
-      r.host ? (
-        /** @type {ShadowRoot} */
-        r
-      ) : (
-        /** @type {Document} */
-        r.head ?? /** @type {Document} */
-        r.ownerDocument.head
-      )
-    );
-    if (!c.querySelector("#" + e.hash)) {
-      const n = document.createElement("style");
-      n.id = e.hash, n.textContent = e.code, c.appendChild(n);
-    }
-  });
-}
-var X = M("<button><!></button>");
-function le(s, e) {
-  const r = C(e, ["children", "$$slots", "$$events", "$$legacy"]), c = C(r, ["variant", "size", "disabled", "type", "className"]);
-  A(e, !1);
-  const n = o(), d = o(), h = o();
-  let g = a(e, "variant", 8, "primary"), u = a(e, "size", 8, "md"), _ = a(e, "disabled", 8, !1), p = a(e, "type", 8, "button"), m = a(e, "className", 8, "");
-  b(() => {
-  }, () => {
-    l(n, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), b(() => {
-  }, () => {
-    l(d, {
-      primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
-      secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2",
-      success: "bg-green-600 text-white hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2",
-      ghost: "bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
-      brand: "bg-purple-600 text-white hover:bg-purple-700 focus:ring-2 focus:ring-purple-500 focus:ring-offset-2"
-    });
-  }), b(
-    () => (t(n), z(u()), t(d), z(g()), z(m())),
-    () => {
-      l(h, [
-        "inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        "focus:outline-none",
-        t(n)[u()],
-        t(d)[g()],
-        m()
-      ].filter(Boolean).join(" "));
-    }
-  ), N(), P();
-  var y = X();
-  S(y, () => ({
-    type: p(),
-    class: t(h),
-    disabled: _(),
-    ...c
-  }));
-  var w = I(y);
-  W(w, e, "default", {}), k(s, y), $();
-}
-function Q(s) {
-  const e = {
-    default: "input-variant-default",
-    success: "input-variant-success",
-    warning: "input-variant-warning",
-    error: "input-variant-error",
-    info: "input-variant-info"
-  };
-  return e[s] || e.default;
-}
-function ie(s) {
-  const e = {
-    default: "card-variant-default",
-    success: "card-variant-success",
-    warning: "card-variant-warning",
-    error: "card-variant-error",
-    info: "card-variant-info"
-  };
-  return e[s] || e.default;
-}
-function E(s, e) {
-  const r = {
-    default: `variant-${e}-default`,
-    success: `variant-${e}-success`,
-    warning: `variant-${e}-warning`,
-    error: `variant-${e}-error`,
-    info: `variant-${e}-info`
-  };
-  return r[s] || r.default;
-}
-function oe(s) {
-  return {
-    border: E(s, "border"),
-    text: E(s, "text"),
-    bg: E(s, "bg")
-  };
-}
-function de(s, e) {
-  return s.reduce((r, c) => (r[c] = `${e}-${c}`, r), {});
-}
-var Y = M("<label> </label>"), Z = M("<div><!> <input/></div>");
-function ce(s, e) {
-  const r = C(e, ["children", "$$slots", "$$events", "$$legacy"]), c = C(r, [
-    "value",
-    "type",
-    "label",
-    "placeholder",
-    "disabled",
-    "size",
-    "variant"
-  ]);
-  A(e, !1);
-  const n = o(), d = o(), h = o(), g = o();
-  let u = a(e, "value", 12, ""), _ = a(e, "type", 8, "text"), p = a(e, "label", 8, ""), m = a(e, "placeholder", 8, ""), y = a(e, "disabled", 8, !1), w = a(e, "size", 8, "md"), v = a(e, "variant", 8, "default"), i = o();
-  typeof window < "u" ? l(i, `input-${Math.random().toString(36).substr(2, 9)}`) : l(i, `input-ssr-${Date.now()}`);
-  function j(x) {
-    const f = x.target;
-    u(f.value);
-  }
-  b(() => {
-  }, () => {
-    l(n, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), b(() => z(v()), () => {
-    l(d, Q(v()));
-  }), b(
-    () => (t(n), z(w()), t(d)),
-    () => {
-      l(h, [
-        "w-full rounded-md transition-colors duration-200",
-        "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-surface",
-        "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-disabled",
-        t(n)[w()],
-        t(d)
-      ].join(" "));
-    }
-  ), b(() => {
-  }, () => {
-    l(g, "block text-sm font-medium text-primary mb-1");
-  }), N(), P();
-  var V = Z(), B = I(V);
-  {
-    var T = (x) => {
-      var f = Y(), q = I(f);
-      H(() => {
-        J(f, "for", t(i)), L(f, 1, O(t(g))), K(q, p());
-      }), k(x, f);
-    };
-    R(B, (x) => {
-      p() && x(T);
-    });
-  }
-  var D = G(B, 2);
-  S(
-    D,
-    () => ({
-      id: t(i),
-      type: _(),
-      value: u(),
-      placeholder: m(),
-      disabled: y(),
-      class: t(h),
-      ...c
-    }),
-    void 0,
-    void 0,
-    void 0,
-    !0
-  ), F("input", D, j), k(s, V), $();
-}
-var ee = M("<label> </label>"), te = M("<div><!> <textarea></textarea></div>");
-function ue(s, e) {
-  const r = C(e, ["children", "$$slots", "$$events", "$$legacy"]), c = C(r, [
-    "value",
-    "label",
-    "placeholder",
-    "disabled",
-    "rows",
-    "size",
-    "variant"
-  ]);
-  A(e, !1);
-  const n = o(), d = o(), h = o(), g = o();
-  let u = a(e, "value", 12, ""), _ = a(e, "label", 8, ""), p = a(e, "placeholder", 8, ""), m = a(e, "disabled", 8, !1), y = a(e, "rows", 8, 4), w = a(e, "size", 8, "md"), v = a(e, "variant", 8, "default"), i = o();
-  typeof window < "u" ? l(i, `textarea-${Math.random().toString(36).substr(2, 9)}`) : l(i, `textarea-ssr-${Date.now()}`);
-  function j(x) {
-    const f = x.target;
-    u(f.value);
-  }
-  b(() => {
-  }, () => {
-    l(n, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), b(() => z(v()), () => {
-    l(d, Q(v()));
-  }), b(
-    () => (t(n), z(w()), t(d)),
-    () => {
-      l(h, [
-        "w-full rounded-md transition-colors duration-200",
-        "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-surface",
-        "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-disabled",
-        "resize-y",
-        t(n)[w()],
-        t(d)
-      ].join(" "));
-    }
-  ), b(() => {
-  }, () => {
-    l(g, "block text-sm font-medium text-primary mb-1");
-  }), N(), P();
-  var V = te(), B = I(V);
-  {
-    var T = (x) => {
-      var f = ee(), q = I(f);
-      H(() => {
-        J(f, "for", t(i)), L(f, 1, O(t(g))), K(q, _());
-      }), k(x, f);
-    };
-    R(B, (x) => {
-      _() && x(T);
-    });
-  }
-  var D = G(B, 2);
-  S(D, () => ({
-    id: t(i),
-    value: u(),
-    placeholder: p(),
-    disabled: m(),
-    rows: y(),
-    class: t(h),
-    ...c
-  })), F("input", D, j), k(s, V), $();
-}
-var ae = M('<label class="text-sm font-medium cursor-pointer"> </label>'), se = M('<div class="flex items-center gap-2"><input/> <!></div>');
-function fe(s, e) {
-  const r = C(e, ["children", "$$slots", "$$events", "$$legacy"]), c = C(r, ["checked", "disabled", "label"]);
-  A(e, !1);
-  const n = o();
-  let d = a(e, "checked", 12, !1), h = a(e, "disabled", 8, !1), g = a(e, "label", 8, ""), u = o();
-  typeof window < "u" ? l(u, `checkbox-${Math.random().toString(36).substr(2, 9)}`) : l(u, `checkbox-ssr-${Date.now()}`);
-  function _(v) {
-    const i = v.target;
-    d(i.checked);
-  }
-  b(() => {
-  }, () => {
-    l(n, [
-      "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded",
-      "focus:ring-blue-500 focus:ring-2",
-      "disabled:opacity-50 disabled:cursor-not-allowed"
-    ].join(" "));
-  }), N(), P();
-  var p = se(), m = I(p);
-  S(
-    m,
-    () => ({
-      type: "checkbox",
-      id: t(u),
-      checked: d(),
-      disabled: h(),
-      class: t(n),
-      ...c
-    }),
-    void 0,
-    void 0,
-    void 0,
-    !0
-  );
-  var y = G(m, 2);
-  {
-    var w = (v) => {
-      var i = ae(), j = I(i);
-      H(() => {
-        J(i, "for", t(u)), K(j, g());
-      }), k(v, i);
-    };
-    R(y, (v) => {
-      g() && v(w);
-    });
-  }
-  F("change", m, _), k(s, p), $();
-}
-export {
-  le as B,
-  fe as C,
-  ce as I,
-  ue as T,
-  ie as a,
-  E as b,
-  oe as c,
-  de as d,
-  ne as e,
-  Q as g
-};