zabi-components 2.2.0 → 2.2.1

package/dist/Checkbox-D2PLqgxA.js

@@ -0,0 +1,307 @@
+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
+};