zabi-components 2.2.2 → 2.2.4

package/dist/{OptimizedImage-B5NMIuac.js → OptimizedImage-D-WN8yZ_.js}

@@ -1,5 +1,5 @@
 import { l as C, p as s, o as k, z as R, A as W, i as O, f, b as T, a as B, q as de, e as ee, c as i, d as V, g as q, m as S, x as N, k as t, j as D, h as v, t as M, v as Z, n as I, w as A, u as ne, B as ve, r as ue, s as G, C as H, D as L, E as me } from "./props-B4BdFk2B.js";
-import { a as ge, e as he } from "./Checkbox-D2PLqgxA.js";
+import { a as ge, e as he } from "./Textarea-B9H_FPOO.js";
 import "svelte";
 var pe = f('<label class="block text-sm font-medium text-gray-700 mb-1"> </label>'), _e = f("<option disabled> </option>"), xe = f("<option> </option>"), ye = f("<div><!> <select><!><!></select></div>");
 function Ue(z, e) {

package/dist/Textarea-B9H_FPOO.js

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

package/dist/atoms/index.js

@@ -1,20 +1,19 @@
-import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-B5NMIuac.js";
-import { B as C, C as c, I as n, T as B } from "../Checkbox-D2PLqgxA.js";
-import { T as k } from "../ThemeToggle-Cm25ThjX.js";
+import { B as s, C as o, a as r, H as t, O as T, P as g, S as l, b as m, T as p, c as d, d as i } from "../OptimizedImage-D-WN8yZ_.js";
+import { B as x, I as B, T as c } from "../Textarea-B9H_FPOO.js";
+import { T as C } from "../ThemeToggle-Cm25ThjX.js";
 export {
   s as Badge,
-  C as Button,
+  x as Button,
   o as Card,
-  c as Checkbox,
   r as ColorPicker,
   t as Heading,
-  n as Input,
+  B as Input,
   T as OptimizedImage,
   g as Progress,
   l as Select,
   m as Skeleton,
-  B as Textarea,
-  k as ThemeToggle,
+  c as Textarea,
+  C as ThemeToggle,
   p as Toast,
   d as Toggle,
   i as Tooltip

package/dist/index/index.js

@@ -1,48 +1,47 @@
-import { B as d, C as g, I as m, T as c, d as p, c as C, a as u, g as f, b as T } from "../Checkbox-D2PLqgxA.js";
-import { B as b, C as I, a as w, H as B, O as D, P as S, S as V, b as $, T as F, c as h, d as k } from "../OptimizedImage-B5NMIuac.js";
-import { T as M } from "../ThemeToggle-Cm25ThjX.js";
-import { Alert as O, ContactForm as P, Dropdown as R, Form as j, ImageUpload as y, Layout as A, Modal as E, SlideUp as H, Tabs as U } from "../molecules/index.js";
-import { N as z, a as L } from "../Navigation-BxP-osMQ.js";
-const t = (a = "id") => typeof window < "u" ? `${a}-${Math.random().toString(36).substr(2, 9)}` : `${a}-ssr-${Date.now()}`, s = (...a) => a.filter(Boolean).join(" "), o = (a) => {
+import { B as d, I as g, T as m, d as c, c as p, a as u, g as f, b as C } from "../Textarea-B9H_FPOO.js";
+import { B as x, C as b, a as I, H as w, O as B, P as D, S, b as V, T as $, c as F, d as v } from "../OptimizedImage-D-WN8yZ_.js";
+import { T as N } from "../ThemeToggle-Cm25ThjX.js";
+import { Alert as P, ContactForm as R, Dropdown as h, Form as j, ImageUpload as k, Layout as y, Modal as A, SlideUp as E, Tabs as H } from "../molecules/index.js";
+import { N as q, a as z } from "../Navigation-BxP-osMQ.js";
+const t = (a = "id") => typeof window < "u" ? `${a}-${Math.random().toString(36).substr(2, 9)}` : `${a}-ssr-${Date.now()}`, s = (...a) => a.filter(Boolean).join(" "), r = (a) => {
   const e = new FormData(a);
   return Object.fromEntries(e.entries());
-}, r = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "";
+}, o = (a) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a), n = (a) => a != null && a !== "";
 export {
-  O as Alert,
-  b as Badge,
+  P as Alert,
+  x as Badge,
   d as Button,
-  I as Card,
-  g as Checkbox,
-  w as ColorPicker,
-  P as ContactForm,
-  R as Dropdown,
+  b as Card,
+  I as ColorPicker,
+  R as ContactForm,
+  h as Dropdown,
   j as Form,
-  B as Heading,
-  y as ImageUpload,
-  m as Input,
-  A as Layout,
-  E as Modal,
-  z as Navbar,
-  L as Navigation,
-  D as OptimizedImage,
-  S as Progress,
-  V as Select,
-  $ as Skeleton,
-  H as SlideUp,
-  U as Tabs,
-  c as Textarea,
-  M as ThemeToggle,
-  F as Toast,
-  h as Toggle,
-  k as Tooltip,
+  w as Heading,
+  k as ImageUpload,
+  g as Input,
+  y as Layout,
+  A as Modal,
+  q as Navbar,
+  z as Navigation,
+  B as OptimizedImage,
+  D as Progress,
+  S as Select,
+  V as Skeleton,
+  E as SlideUp,
+  H as Tabs,
+  m as Textarea,
+  N as ThemeToggle,
+  $ as Toast,
+  F as Toggle,
+  v as Tooltip,
   s as cn,
   t as createId,
-  p as createVariantClassMap,
-  C as getAllVariantClasses,
+  c as createVariantClassMap,
+  p as getAllVariantClasses,
   u as getCardVariantClasses,
-  o as getFormData,
+  r as getFormData,
   f as getInputVariantClasses,
-  T as getVariantClasses,
-  r as validateEmail,
+  C as getVariantClasses,
+  o as validateEmail,
   n as validateRequired
 };