asterui 0.12.16 → 0.12.17

package/dist/index34.js

@@ -1,7 +1,7 @@
-import { jsx as t, jsxs as j } from "react/jsx-runtime";
-import { createContext as ie, useId as H, useEffect as U, useRef as Y, isValidElement as G, cloneElement as le, useContext as ce } from "react";
-import { useForm as Q, useFieldArray as ue, useWatch as de, Controller as me } from "react-hook-form";
-const T = ie(void 0), W = {
+import { jsx as t, jsxs as V } from "react/jsx-runtime";
+import { createContext as he, useId as ee, useEffect as te, useRef as re, isValidElement as se, cloneElement as ge, useContext as pe } from "react";
+import { useForm as ne, useFieldArray as ve, useWatch as xe, Controller as ye } from "react-hook-form";
+const J = he(void 0), _ = {
   email: {
     value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
     message: "Please enter a valid email address"
@@ -15,223 +15,263 @@ const T = ie(void 0), W = {
     message: "Please enter a valid number"
   }
 };
-function Z() {
-  const r = ce(T);
+function K() {
+  const r = pe(J);
   if (!r)
     throw new Error("Form compound components must be used within Form");
   return r;
 }
-function fe({
+function be({
   form: r,
-  onFinish: o,
+  onFinish: n,
   onFinishFailed: s,
-  initialValues: u,
-  layout: f = "vertical",
-  labelWidth: k = 60,
-  size: h,
-  disabled: d = !1,
-  children: l,
-  className: g = "",
-  noValidate: p = !0,
-  ...y
+  initialValues: i,
+  layout: x = "vertical",
+  labelWidth: h = 60,
+  size: k,
+  disabled: l = !1,
+  children: g,
+  className: c = "",
+  noValidate: y = !0,
+  ...b
 }) {
-  const i = Q({
-    defaultValues: u
-  }), v = r || i, I = async (c) => {
-    if (c.preventDefault(), await v.trigger())
-      o && o(v.getValues());
+  const d = ne({
+    defaultValues: i
+  }), m = r || d, L = async (E) => {
+    if (E.preventDefault(), await m.trigger())
+      n && n(m.getValues());
     else if (s) {
-      const P = v.formState.errors, E = [], z = (R, L = "") => {
-        for (const $ in R) {
-          const m = L ? `${L}.${$}` : $, b = R[$];
-          b?.message ? E.push({ name: m, errors: [b.message] }) : typeof b == "object" && b !== null && z(b, m);
+      const A = m.formState.errors, u = [], N = (I, M = "") => {
+        for (const P in I) {
+          const B = M ? `${M}.${P}` : P, $ = I[P];
+          $?.message ? u.push({ name: B, errors: [$.message] }) : typeof $ == "object" && $ !== null && N($, B);
         }
       };
-      z(P), s({ values: v.getValues(), errorFields: E });
+      N(A), s({ values: m.getValues(), errorFields: u });
     }
-  }, M = (c) => {
-    c.preventDefault(), v.reset(u);
+  }, S = (E) => {
+    E.preventDefault(), m.reset(i);
   };
-  return /* @__PURE__ */ t(T.Provider, { value: { form: v, layout: f, labelWidth: k, size: h, disabled: d }, children: /* @__PURE__ */ t("form", { onSubmit: I, onReset: M, className: g, noValidate: p, ...y, children: l }) });
+  return /* @__PURE__ */ t(J.Provider, { value: { form: m, layout: x, labelWidth: h, size: k, disabled: l }, children: /* @__PURE__ */ t("form", { onSubmit: L, onReset: S, className: c, noValidate: y, ...b, children: g }) });
 }
-function he({
+function Ne({
   name: r,
-  label: o,
-  help: s,
-  required: u = !1,
-  rules: f,
+  label: n,
+  floatingLabel: s,
+  help: i,
+  required: x = !1,
+  rules: h,
   valuePropName: k = "value",
-  inline: h = !1,
-  className: d = "",
-  children: l,
-  tooltip: g,
-  extra: p,
-  hasFeedback: y = !1,
-  dependencies: i,
-  validateTrigger: v = "onChange",
-  initialValue: I,
-  hidden: M = !1
+  inline: l = !1,
+  className: g = "",
+  children: c,
+  tooltip: y,
+  extra: b,
+  hasFeedback: d = !1,
+  dependencies: m,
+  validateTrigger: L = "onChange",
+  initialValue: S,
+  hidden: E = !1,
+  addonBefore: j,
+  addonAfter: A
 }) {
-  const { form: c, size: q, listName: P, layout: E, labelWidth: z, disabled: R } = Z(), L = H(), $ = H();
+  const { form: u, size: N, listName: I, layout: M, labelWidth: P, disabled: B } = K(), $ = ee(), q = ee();
   if (!r)
-    return /* @__PURE__ */ t("div", { className: `form-control ${h ? "w-auto" : "w-full"} ${d}`, style: M ? { display: "none" } : void 0, children: l });
-  let m;
-  Array.isArray(r) ? m = (P ? [P, ...r] : r).join(".") : m = r, U(() => {
-    I !== void 0 && c.getValues(m) === void 0 && c.setValue(m, I);
+    return /* @__PURE__ */ t("div", { className: `form-control ${l ? "w-auto" : "w-full"} ${g}`, style: E ? { display: "none" } : void 0, children: c });
+  let p;
+  Array.isArray(r) ? p = (I ? [I, ...r] : r).join(".") : p = r, te(() => {
+    S !== void 0 && u.getValues(p) === void 0 && u.setValue(p, S);
   }, []);
-  const b = de({
-    control: c.control,
-    name: i,
-    disabled: !i || i.length === 0
-  }), O = Y(c);
-  O.current = c;
-  const B = Y(void 0);
-  U(() => {
-    if (!i || i.length === 0) return;
-    if (B.current === void 0) {
-      B.current = JSON.stringify(b);
+  const T = xe({
+    control: u.control,
+    name: m,
+    disabled: !m || m.length === 0
+  }), H = re(u);
+  H.current = u;
+  const W = re(void 0);
+  te(() => {
+    if (!m || m.length === 0) return;
+    if (W.current === void 0) {
+      W.current = JSON.stringify(T);
       return;
     }
-    const e = JSON.stringify(b);
-    B.current !== e && (B.current = e, O.current.trigger(m));
-  }, [b, i, m]);
-  const A = ((e) => {
-    const n = e.split(".");
-    let a = c.formState.errors;
-    for (const C of n) {
+    const e = JSON.stringify(T);
+    W.current !== e && (W.current = e, H.current.trigger(p));
+  }, [T, m, p]);
+  const z = ((e) => {
+    const o = e.split(".");
+    let a = u.formState.errors;
+    for (const R of o) {
       if (!a) break;
-      a = a[C];
+      a = a[R];
     }
     return a;
-  })(m), V = A?.message, X = f ? Array.isArray(f) ? f : [f] : [], w = {}, S = [], D = [];
-  u && (w.required = "This field is required");
-  for (const e of X) {
-    if (e.required && (w.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && W[e.type] && S.push({
-      pattern: W[e.type].value,
-      message: e.message || W[e.type].message
+  })(p), w = z?.message, oe = h ? Array.isArray(h) ? h : [h] : [], C = {}, D = [], Z = [];
+  x && (C.required = "This field is required");
+  for (const e of oe) {
+    if (e.required && (C.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && _[e.type] && D.push({
+      pattern: _[e.type].value,
+      message: e.message || _[e.type].message
     }), e.min !== void 0) {
-      const n = typeof e.min == "object" ? e.min.value : e.min, a = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${n} characters`;
-      w.minLength = { value: n, message: a };
+      const o = typeof e.min == "object" ? e.min.value : e.min, a = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${o} characters`;
+      C.minLength = { value: o, message: a };
     }
     if (e.max !== void 0) {
-      const n = typeof e.max == "object" ? e.max.value : e.max, a = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${n} characters`;
-      w.maxLength = { value: n, message: a };
+      const o = typeof e.max == "object" ? e.max.value : e.max, a = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${o} characters`;
+      C.maxLength = { value: o, message: a };
     }
     if (e.pattern) {
-      const n = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, a = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
-      S.push({ pattern: n, message: a });
+      const o = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, a = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
+      D.push({ pattern: o, message: a });
     }
-    e.validate && D.push(e.validate);
+    e.validate && Z.push(e.validate);
   }
-  (S.length > 0 || D.length > 0) && (w.validate = async (e) => {
-    if (!e && !w.required) return !0;
-    for (const { pattern: n, message: a } of S)
-      if (e && !n.test(e))
+  (D.length > 0 || Z.length > 0) && (C.validate = async (e) => {
+    if (!e && !C.required) return !0;
+    for (const { pattern: o, message: a } of D)
+      if (e && !o.test(e))
         return a;
-    for (const n of D) {
-      const a = await n(e);
+    for (const o of Z) {
+      const a = await o(e);
       if (a !== !0)
         return a;
     }
     return !0;
   });
-  const _ = Array.isArray(v) ? v : [v], J = _.includes("onChange"), ee = _.includes("onBlur"), te = ({ hasError: e, isValidating: n }) => n ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-xs text-base-content/50" }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), re = () => /* @__PURE__ */ t("div", { className: "tooltip tooltip-top ml-1", "data-tip": g, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
+  const U = Array.isArray(L) ? L : [L], Y = U.includes("onChange"), ae = U.includes("onBlur"), ie = ({ hasError: e, isValidating: o }) => o ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-xs text-base-content/50" }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), le = () => /* @__PURE__ */ t("div", { className: "tooltip tooltip-top ml-1", "data-tip": y, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
   return /* @__PURE__ */ t(
-    me,
+    ye,
     {
-      name: m,
-      control: c.control,
-      rules: w,
-      render: ({ field: e, fieldState: n }) => {
-        const { value: a, onChange: C, onBlur: se, ref: oe } = e, ne = n.isTouched && c.formState.isValidating, x = {
-          id: L,
-          ref: oe,
-          "aria-invalid": A ? !0 : void 0,
-          "aria-describedby": A ? $ : void 0
+      name: p,
+      control: u.control,
+      rules: C,
+      render: ({ field: e, fieldState: o }) => {
+        const { value: a, onChange: R, onBlur: ce, ref: ue } = e, me = o.isTouched && u.formState.isValidating, v = {
+          id: $,
+          ref: ue,
+          "aria-invalid": z ? !0 : void 0,
+          "aria-describedby": z ? q : void 0
+        };
+        v.onBlur = () => {
+          ce(), ae && u.trigger(p);
+        }, k === "checked" ? (v.checked = a, v.onChange = (f) => {
+          R(f.target.checked), Y && u.trigger(p);
+        }) : (v.value = a || "", v.onChange = (f) => {
+          f && f.target !== void 0 ? R(f.target.value) : R(f), Y && u.trigger(p);
+        }), N && se(c) && (c.props.size || (v.size = N)), z && (v.color = "error", v["aria-invalid"] = !0), B && (v.disabled = !0), (j || A) && (v.unstyled = !0);
+        const G = se(c) ? ge(c, v) : c, F = M === "horizontal", Q = M === "inline", X = {
+          xs: "input-xs",
+          sm: "input-sm",
+          md: "input-md",
+          lg: "input-lg",
+          xl: "input-xl"
+        }, de = () => {
+          const f = /* @__PURE__ */ V("div", { className: `${F ? "flex-1" : ""} ${d ? "relative" : ""}`, children: [
+            G,
+            d && o.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(ie, { hasError: !!z, isValidating: me }) })
+          ] });
+          if (s) {
+            const O = [
+              "floating-label",
+              N && X[N]
+            ].filter(Boolean).join(" ");
+            return /* @__PURE__ */ V("label", { className: O, children: [
+              G,
+              /* @__PURE__ */ V("span", { children: [
+                s,
+                x && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" })
+              ] })
+            ] });
+          }
+          return f;
+        }, fe = (f) => {
+          if (!j && !A) return f;
+          const O = [
+            "input",
+            "input-bordered",
+            "flex",
+            "items-center",
+            "gap-2",
+            N && X[N]
+          ].filter(Boolean).join(" ");
+          return /* @__PURE__ */ V("label", { className: O, children: [
+            j && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: j }),
+            f,
+            A && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: A })
+          ] });
         };
-        x.onBlur = () => {
-          se(), ee && c.trigger(m);
-        }, k === "checked" ? (x.checked = a, x.onChange = (F) => {
-          C(F.target.checked), J && c.trigger(m);
-        }) : (x.value = a || "", x.onChange = (F) => {
-          F && F.target !== void 0 ? C(F.target.value) : C(F), J && c.trigger(m);
-        }), q && G(l) && (l.props.size || (x.size = q)), A && (x.color = "error", x["aria-invalid"] = !0), R && (x.disabled = !0);
-        const ae = G(l) ? le(l, x) : l, N = E === "horizontal", K = E === "inline";
-        return /* @__PURE__ */ j("div", { className: `form-control ${h ? "w-auto" : "w-full"} ${N ? "mb-4" : ""} ${K ? "inline-flex mr-4" : ""} ${d}`, style: M ? { display: "none" } : void 0, children: [
-          /* @__PURE__ */ j("div", { className: N ? "flex items-center gap-4" : "", children: [
-            o && /* @__PURE__ */ t(
+        return /* @__PURE__ */ V("div", { className: `form-control ${l ? "w-auto" : "w-full"} ${F ? "mb-4" : ""} ${Q ? "inline-flex mr-4" : ""} ${g}`, style: E ? { display: "none" } : void 0, children: [
+          /* @__PURE__ */ V("div", { className: F ? "flex items-center gap-4" : "", children: [
+            n && !s && /* @__PURE__ */ t(
               "label",
               {
-                htmlFor: L,
-                className: `label ${N ? "flex-shrink-0 justify-end py-0" : ""} ${!N && !K ? "pb-1" : ""}`,
-                style: N ? { width: z } : void 0,
-                children: /* @__PURE__ */ j("span", { className: "label-text flex items-center", children: [
-                  o,
-                  u && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
-                  g && /* @__PURE__ */ t(re, {})
+                htmlFor: $,
+                className: `block text-sm font-medium ${F ? "flex-shrink-0 text-right" : ""} ${!F && !Q ? "mb-1" : ""}`,
+                style: F ? { width: P } : void 0,
+                children: /* @__PURE__ */ V("span", { className: "flex items-center", children: [
+                  n,
+                  x && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
+                  y && /* @__PURE__ */ t(le, {})
                 ] })
               }
             ),
-            /* @__PURE__ */ j("div", { className: `${N ? "flex-1" : ""} ${y ? "relative" : ""}`, children: [
-              ae,
-              y && n.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(te, { hasError: !!A, isValidating: ne }) })
-            ] })
+            fe(de())
           ] }),
-          !N && !h && /* @__PURE__ */ t("p", { id: $, className: `validator-hint ${V ? "!visible text-error" : ""} min-h-[1.25rem]`, role: V ? "alert" : void 0, children: V || s && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: s }) || " " }),
-          N && (V || s) && /* @__PURE__ */ t("p", { id: $, className: `validator-hint ${V ? "!visible text-error" : ""} min-h-[1.25rem]`, role: V ? "alert" : void 0, children: V || s && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: s }) }),
-          p && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", children: p })
+          !F && !l && /* @__PURE__ */ t("p", { id: q, className: `validator-hint ${w ? "!visible text-error" : ""} min-h-[1.25rem]`, role: w ? "alert" : void 0, children: w || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) || " " }),
+          F && (w || i) && /* @__PURE__ */ t("p", { id: q, className: `validator-hint ${w ? "!visible text-error" : ""} min-h-[1.25rem]`, role: w ? "alert" : void 0, children: w || i && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: i }) }),
+          b && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", children: b })
         ] });
       }
     }
   );
 }
-function ge({
+function ke({
   name: r,
-  children: o
+  children: n
 }) {
-  const { form: s, layout: u, size: f, disabled: k } = Z(), { fields: h, append: d, remove: l, move: g } = ue({
+  const { form: s, layout: i, size: x, disabled: h } = K(), { fields: k, append: l, remove: g, move: c } = ve({
     control: s.control,
     name: r
-  }), p = h.map((y, i) => ({
-    ...y,
-    name: i
+  }), y = k.map((b, d) => ({
+    ...b,
+    name: d
   }));
-  return /* @__PURE__ */ t(T.Provider, { value: { form: s, layout: u, size: f, listName: r, disabled: k }, children: o(p, {
-    add: d,
-    remove: l,
-    move: g
+  return /* @__PURE__ */ t(J.Provider, { value: { form: s, layout: i, size: x, listName: r, disabled: h }, children: n(y, {
+    add: l,
+    remove: g,
+    move: c
   }) });
 }
-function pe() {
-  const r = Q(), o = r;
-  return o.setFieldValue = r.setValue, o.getFieldValue = (s) => r.getValues(s), o.getFieldsValue = r.getValues, o.setFieldsValue = (s) => {
-    Object.keys(s).forEach((u) => {
-      r.setValue(u, s[u]);
+function $e() {
+  const r = ne(), n = r;
+  return n.setFieldValue = r.setValue, n.getFieldValue = (s) => r.getValues(s), n.getFieldsValue = r.getValues, n.setFieldsValue = (s) => {
+    Object.keys(s).forEach((i) => {
+      r.setValue(i, s[i]);
     });
-  }, o.validateFields = r.trigger, o.resetFields = r.reset, o.isFieldTouched = (s) => !!r.formState.touchedFields[s], o.getFieldError = (s) => r.formState.errors[s]?.message, o;
+  }, n.validateFields = r.trigger, n.resetFields = r.reset, n.isFieldTouched = (s) => !!r.formState.touchedFields[s], n.getFieldError = (s) => r.formState.errors[s]?.message, n;
 }
-function ve({ fields: r, className: o = "" }) {
-  const { form: s } = Z(), { errors: u } = s.formState, f = (d, l = "") => {
-    const g = [];
-    for (const p in d) {
-      const y = l ? `${l}.${p}` : p, i = d[p];
-      i?.message ? g.push({ field: y, message: i.message }) : typeof i == "object" && i !== null && g.push(...f(i, y));
+function Fe({ fields: r, className: n = "" }) {
+  const { form: s } = K(), { errors: i } = s.formState, x = (l, g = "") => {
+    const c = [];
+    for (const y in l) {
+      const b = g ? `${g}.${y}` : y, d = l[y];
+      d?.message ? c.push({ field: b, message: d.message }) : typeof d == "object" && d !== null && c.push(...x(d, b));
     }
-    return g;
-  }, k = f(u), h = r ? k.filter((d) => r.includes(d.field)) : k;
-  return h.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${o}`, role: "alert", children: h.map((d, l) => /* @__PURE__ */ j("li", { className: "flex items-start gap-2", children: [
+    return c;
+  }, h = x(i), k = r ? h.filter((l) => r.includes(l.field)) : h;
+  return k.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${n}`, role: "alert", children: k.map((l, g) => /* @__PURE__ */ V("li", { className: "flex items-start gap-2", children: [
     /* @__PURE__ */ t("svg", { className: "w-4 h-4 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-    /* @__PURE__ */ t("span", { children: d.message })
-  ] }, `${d.field}-${l}`)) });
+    /* @__PURE__ */ t("span", { children: l.message })
+  ] }, `${l.field}-${g}`)) });
 }
-const Ne = Object.assign(fe, {
-  Item: he,
-  List: ge,
-  ErrorList: ve,
-  useForm: pe
+const Le = Object.assign(be, {
+  Item: Ne,
+  List: ke,
+  ErrorList: Fe,
+  useForm: $e
 });
 export {
-  Ne as Form,
-  pe as useFormInstance
+  Le as Form,
+  $e as useFormInstance
 };
 //# sourceMappingURL=index34.js.map