zabi-components 2.1.1 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zabi-components",
-  "version": "2.1.1",
+  "version": "2.2.1",
   "description": "A modern SvelteKit component library with TypeScript and Tailwind CSS",
   "type": "module",
   "main": "dist/index/index.js",
@@ -95,5 +95,6 @@
       "optional": true
     }
   },
-  "svelte": "./dist/index/index.js"
-}
+  "svelte": "./dist/index/index.js",
+  "ssr": true
+}

package/dist/Checkbox-Dwvh3lCd.js

@@ -1,302 +0,0 @@
-import { y as U, l as _, p as a, z as d, A as B, i as $, f as I, a as A, s as W, c as z, d as T, g as q, x as M, k as r, m as c, h as k, o as u, 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 re(t, e) {
-  U(() => {
-    var s = t.getRootNode(), i = (
-      /** @type {ShadowRoot} */
-      s.host ? (
-        /** @type {ShadowRoot} */
-        s
-      ) : (
-        /** @type {Document} */
-        s.head ?? /** @type {Document} */
-        s.ownerDocument.head
-      )
-    );
-    if (!i.querySelector("#" + e.hash)) {
-      const l = document.createElement("style");
-      l.id = e.hash, l.textContent = e.code, i.appendChild(l);
-    }
-  });
-}
-var X = I("<button><!></button>");
-function ne(t, e) {
-  const s = _(e, ["children", "$$slots", "$$events", "$$legacy"]), i = _(s, ["variant", "size", "disabled", "type"]);
-  q(e, !1);
-  const l = c(), n = c(), h = c();
-  let b = a(e, "variant", 8, "primary"), f = a(e, "size", 8, "md"), y = a(e, "disabled", 8, !1), p = a(e, "type", 8, "button");
-  d(() => {
-  }, () => {
-    u(l, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), d(() => {
-  }, () => {
-    u(n, {
-      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"
-    });
-  }), d(
-    () => (r(l), M(f()), r(n), M(b())),
-    () => {
-      u(h, [
-        "inline-flex items-center justify-center font-medium rounded-md",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        r(l)[f()],
-        r(n)[b()]
-      ].join(" "));
-    }
-  ), B(), $();
-  var v = X();
-  A(v, () => ({
-    type: p(),
-    class: r(h),
-    disabled: y(),
-    ...i
-  }));
-  var C = k(v);
-  W(C, e, "default", {}), z(t, v), T();
-}
-function Q(t) {
-  const e = {
-    default: "input-variant-default",
-    success: "input-variant-success",
-    warning: "input-variant-warning",
-    error: "input-variant-error",
-    info: "input-variant-info"
-  };
-  return e[t] || e.default;
-}
-function ie(t) {
-  const e = {
-    default: "card-variant-default",
-    success: "card-variant-success",
-    warning: "card-variant-warning",
-    error: "card-variant-error",
-    info: "card-variant-info"
-  };
-  return e[t] || e.default;
-}
-function N(t, e) {
-  const s = {
-    default: `variant-${e}-default`,
-    success: `variant-${e}-success`,
-    warning: `variant-${e}-warning`,
-    error: `variant-${e}-error`,
-    info: `variant-${e}-info`
-  };
-  return s[t] || s.default;
-}
-function oe(t) {
-  return {
-    border: N(t, "border"),
-    text: N(t, "text"),
-    bg: N(t, "bg")
-  };
-}
-function de(t, e) {
-  return t.reduce((s, i) => (s[i] = `${e}-${i}`, s), {});
-}
-var Y = I("<label> </label>"), Z = I("<div><!> <input/></div>");
-function ce(t, e) {
-  const s = _(e, ["children", "$$slots", "$$events", "$$legacy"]), i = _(s, [
-    "value",
-    "type",
-    "label",
-    "placeholder",
-    "disabled",
-    "size",
-    "variant"
-  ]);
-  q(e, !1);
-  const l = c(), n = c(), h = c(), b = c();
-  let f = a(e, "value", 12, ""), y = a(e, "type", 8, "text"), p = a(e, "label", 8, ""), v = a(e, "placeholder", 8, ""), C = a(e, "disabled", 8, !1), w = a(e, "size", 8, "md"), g = a(e, "variant", 8, "default");
-  const x = `input-${Math.random().toString(36).substr(2, 9)}`;
-  function j(m) {
-    const o = m.target;
-    f(o.value);
-  }
-  d(() => {
-  }, () => {
-    u(l, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), d(() => M(g()), () => {
-    u(n, Q(g()));
-  }), d(
-    () => (r(l), M(w()), r(n)),
-    () => {
-      u(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",
-        r(l)[w()],
-        r(n)
-      ].join(" "));
-    }
-  ), d(() => {
-  }, () => {
-    u(b, "block text-sm font-medium text-primary mb-1");
-  }), B(), $();
-  var V = Z(), P = k(V);
-  {
-    var D = (m) => {
-      var o = Y(), E = k(o);
-      H(() => {
-        J(o, "for", x), L(o, 1, O(r(b))), K(E, p());
-      }), z(m, o);
-    };
-    R(P, (m) => {
-      p() && m(D);
-    });
-  }
-  var S = G(P, 2);
-  A(
-    S,
-    () => ({
-      id: x,
-      type: y(),
-      value: f(),
-      placeholder: v(),
-      disabled: C(),
-      class: r(h),
-      ...i
-    }),
-    void 0,
-    void 0,
-    void 0,
-    !0
-  ), F("input", S, j), z(t, V), T();
-}
-var ee = I("<label> </label>"), te = I("<div><!> <textarea></textarea></div>");
-function ue(t, e) {
-  const s = _(e, ["children", "$$slots", "$$events", "$$legacy"]), i = _(s, [
-    "value",
-    "label",
-    "placeholder",
-    "disabled",
-    "rows",
-    "size",
-    "variant"
-  ]);
-  q(e, !1);
-  const l = c(), n = c(), h = c(), b = c();
-  let f = a(e, "value", 12, ""), y = a(e, "label", 8, ""), p = a(e, "placeholder", 8, ""), v = a(e, "disabled", 8, !1), C = a(e, "rows", 8, 4), w = a(e, "size", 8, "md"), g = a(e, "variant", 8, "default");
-  const x = `textarea-${Math.random().toString(36).substr(2, 9)}`;
-  function j(m) {
-    const o = m.target;
-    f(o.value);
-  }
-  d(() => {
-  }, () => {
-    u(l, {
-      sm: "px-3 py-1.5 text-sm",
-      md: "px-4 py-2 text-sm",
-      lg: "px-5 py-3 text-base"
-    });
-  }), d(() => M(g()), () => {
-    u(n, Q(g()));
-  }), d(
-    () => (r(l), M(w()), r(n)),
-    () => {
-      u(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",
-        r(l)[w()],
-        r(n)
-      ].join(" "));
-    }
-  ), d(() => {
-  }, () => {
-    u(b, "block text-sm font-medium text-primary mb-1");
-  }), B(), $();
-  var V = te(), P = k(V);
-  {
-    var D = (m) => {
-      var o = ee(), E = k(o);
-      H(() => {
-        J(o, "for", x), L(o, 1, O(r(b))), K(E, y());
-      }), z(m, o);
-    };
-    R(P, (m) => {
-      y() && m(D);
-    });
-  }
-  var S = G(P, 2);
-  A(S, () => ({
-    id: x,
-    value: f(),
-    placeholder: p(),
-    disabled: v(),
-    rows: C(),
-    class: r(h),
-    ...i
-  })), F("input", S, j), z(t, V), T();
-}
-var ae = I('<label class="text-sm font-medium cursor-pointer"> </label>'), se = I('<div class="flex items-center gap-2"><input/> <!></div>');
-function be(t, e) {
-  const s = _(e, ["children", "$$slots", "$$events", "$$legacy"]), i = _(s, ["checked", "disabled", "label"]);
-  q(e, !1);
-  const l = c();
-  let n = a(e, "checked", 12, !1), h = a(e, "disabled", 8, !1), b = a(e, "label", 8, "");
-  const f = `checkbox-${Math.random().toString(36).substr(2, 9)}`;
-  function y(g) {
-    const x = g.target;
-    n(x.checked);
-  }
-  d(() => {
-  }, () => {
-    u(l, [
-      "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(" "));
-  }), B(), $();
-  var p = se(), v = k(p);
-  A(
-    v,
-    () => ({
-      type: "checkbox",
-      id: f,
-      checked: n(),
-      disabled: h(),
-      class: r(l),
-      ...i
-    }),
-    void 0,
-    void 0,
-    void 0,
-    !0
-  );
-  var C = G(v, 2);
-  {
-    var w = (g) => {
-      var x = ae(), j = k(x);
-      H(() => {
-        J(x, "for", f), K(j, b());
-      }), z(g, x);
-    };
-    R(C, (g) => {
-      b() && g(w);
-    });
-  }
-  F("change", v, y), z(t, p), T();
-}
-export {
-  ne as B,
-  be as C,
-  ce as I,
-  ue as T,
-  ie as a,
-  N as b,
-  oe as c,
-  de as d,
-  re as e,
-  Q as g
-};