ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/components/form.js

@@ -1,345 +1,69 @@
-var J = Object.defineProperty, Q = Object.defineProperties;
-var X = Object.getOwnPropertyDescriptors;
-var w = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
-var k = (e, r, t) => r in e ? J(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, d = (e, r) => {
-  for (var t in r || (r = {}))
-    M.call(r, t) && k(e, t, r[t]);
-  if (w)
-    for (var t of w(r))
-      O.call(r, t) && k(e, t, r[t]);
-  return e;
-}, A = (e, r) => Q(e, X(r));
-var b = (e, r) => {
-  var t = {};
-  for (var o in e)
-    M.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && w)
-    for (var o of w(e))
-      r.indexOf(o) < 0 && O.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import { jsx as m } from "react/jsx-runtime";
-import * as g from "react";
-import l from "react";
-import { S as Y } from "../index-DPws5oAn.js";
-import { c as x } from "../index-CR-odn5-.js";
-import { F as Z } from "../FieldLabel--NVcQQhJ.js";
-import { F as ee } from "../Field-CjwIc66I.js";
-var te = (e) => e.type === "checkbox", re = (e) => e instanceof Date, T = (e) => e == null;
-const se = (e) => typeof e == "object";
-var C = (e) => !T(e) && !Array.isArray(e) && se(e) && !re(e), oe = (e) => C(e) && e.target ? te(e.target) ? e.target.checked : e.target.value : e, ne = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ae = (e, r) => e.has(ne(r)), ie = (e) => {
-  const r = e.constructor && e.constructor.prototype;
-  return C(r) && r.hasOwnProperty("isPrototypeOf");
-}, le = typeof window != "undefined" && typeof window.HTMLElement != "undefined" && typeof document != "undefined";
-function U(e) {
-  let r;
-  const t = Array.isArray(e), o = typeof FileList != "undefined" ? e instanceof FileList : !1;
-  if (e instanceof Date)
-    r = new Date(e);
-  else if (e instanceof Set)
-    r = new Set(e);
-  else if (!(le && (e instanceof Blob || o)) && (t || C(e)))
-    if (r = t ? [] : {}, !t && !ie(e))
-      r = e;
-    else
-      for (const s in e)
-        e.hasOwnProperty(s) && (r[s] = U(e[s]));
-  else
-    return e;
-  return r;
+import { F as i } from "../FormStack-B4QOuYgO.js";
+import { a as R, d as w, g as C, f as h, b as _, c as j, e as k, u as I } from "../FormStack-B4QOuYgO.js";
+import { jsx as t } from "react/jsx-runtime";
+import { T as a } from "../index-BVqs-uqP.js";
+import { F as M, d as q, a as z, b as A, e as E } from "../FormHeader--F6b2aRk.js";
+import { D as l } from "../Divider-DPW5ZhZ8.js";
+import s from "react";
+import { B as d } from "../Button-Dg89xRSi.js";
+import { F as J, a as K } from "../FormFooterTemplate-DPB6Dkxn.js";
+const F = a({
+  base: "text-md font-semibold"
+});
+function T({ children: o, className: e, as: r = "h3" }) {
+  return /* @__PURE__ */ t(r, { className: F({ className: e }), children: o });
 }
-var H = (e) => Array.isArray(e) ? e.filter(Boolean) : [], R = (e) => e === void 0, f = (e, r, t) => {
-  if (!r || !C(e))
-    return t;
-  const o = H(r.split(/[,[\].]+?/)).reduce((s, n) => T(s) ? s : s[n], e);
-  return R(o) || o === e ? R(e[r]) ? t : e[r] : o;
-}, P = (e) => typeof e == "boolean", ce = (e) => /^\w*$/.test(e), ue = (e) => H(e.replace(/["|']|\]/g, "").split(/\.|\[/)), L = (e, r, t) => {
-  let o = -1;
-  const s = ce(r) ? [r] : ue(r), n = s.length, a = n - 1;
-  for (; ++o < n; ) {
-    const c = s[o];
-    let i = t;
-    if (o !== a) {
-      const u = e[c];
-      i = C(u) || Array.isArray(u) ? u : isNaN(+s[o + 1]) ? {} : [];
-    }
-    if (c === "__proto__" || c === "constructor" || c === "prototype")
-      return;
-    e[c] = i, e = e[c];
+const c = a({
+  base: "mb-4 mt-4 lg:mb-3.5 lg:mt-5"
+}), f = s.forwardRef(({ className: o, ...e }, r) => /* @__PURE__ */ t(l, { ref: r, className: c({ className: o }), ...e }));
+f.displayName = "FormDivider";
+const p = a({
+  slots: {
+    button: "h-full rounded-none p-0",
+    container: "leading-none"
   }
-};
-const $ = {
-  BLUR: "blur",
-  CHANGE: "change"
-}, B = {
-  all: "all"
-}, W = l.createContext(null), S = () => l.useContext(W), de = (e) => {
-  const o = e, { children: r } = o, t = b(o, ["children"]);
-  return l.createElement(W.Provider, { value: t }, r);
-};
-var fe = (e, r, t, o = !0) => {
-  const s = {
-    defaultValues: r._defaultValues
-  };
-  for (const n in e)
-    Object.defineProperty(s, n, {
-      get: () => {
-        const a = n;
-        return r._proxyFormState[a] !== B.all && (r._proxyFormState[a] = !o || B.all), t && (t[a] = !0), e[a];
+}), u = s.forwardRef(
+  ({ className: o, children: e, ...r }, m) => {
+    const n = p();
+    return /* @__PURE__ */ t(
+      d,
+      {
+        ref: m,
+        containerClassName: n.container(),
+        className: n.button({ class: o }),
+        ...r,
+        children: e
       }
-    });
-  return s;
-};
-function me(e) {
-  const r = S(), { control: t = r.control, disabled: o, name: s, exact: n } = e || {}, [a, c] = l.useState(t._formState), i = l.useRef({
-    isDirty: !1,
-    isLoading: !1,
-    dirtyFields: !1,
-    touchedFields: !1,
-    validatingFields: !1,
-    isValidating: !1,
-    isValid: !1,
-    errors: !1
-  }), u = l.useRef(s);
-  return u.current = s, l.useEffect(() => t._subscribe({
-    name: u.current,
-    formState: i.current,
-    exact: n,
-    callback: (F) => {
-      !o && c(d(d({}, t._formState), F));
-    }
-  }), [t, o, n]), l.useEffect(() => {
-    i.current.isValid && t._setValid(!0);
-  }, [t]), l.useMemo(() => fe(a, t, i.current, !1), [a, t]);
-}
-var ye = (e) => typeof e == "string", ge = (e, r, t, o, s) => ye(e) ? f(t, e, s) : Array.isArray(e) ? e.map((n) => f(t, n)) : t;
-function Fe(e) {
-  const r = S(), { control: t = r.control, name: o, defaultValue: s, disabled: n, exact: a } = e || {}, c = l.useRef(o), i = l.useRef(s);
-  c.current = o, l.useEffect(() => t._subscribe({
-    name: c.current,
-    formState: {
-      values: !0
-    },
-    exact: a,
-    callback: (p) => !n && F(ge(c.current, t._names, p.values || t._formValues, !1, i.current))
-  }), [t, n, a]);
-  const [u, F] = l.useState(t._getWatch(o, s));
-  return l.useEffect(() => t._removeUnmounted()), u;
-}
-function be(e) {
-  const r = S(), { name: t, disabled: o, control: s = r.control, shouldUnregister: n } = e, a = ae(s._names.array, t), c = Fe({
-    control: s,
-    name: t,
-    defaultValue: f(s._formValues, t, f(s._defaultValues, t, e.defaultValue)),
-    exact: !0
-  }), i = me({
-    control: s,
-    name: t,
-    exact: !0
-  }), u = l.useRef(e), F = l.useRef(s.register(t, d(A(d({}, e.rules), {
-    value: c
-  }), P(e.disabled) ? { disabled: e.disabled } : {}))), p = l.useMemo(() => Object.defineProperties({}, {
-    invalid: {
-      enumerable: !0,
-      get: () => !!f(i.errors, t)
-    },
-    isDirty: {
-      enumerable: !0,
-      get: () => !!f(i.dirtyFields, t)
-    },
-    isTouched: {
-      enumerable: !0,
-      get: () => !!f(i.touchedFields, t)
-    },
-    isValidating: {
-      enumerable: !0,
-      get: () => !!f(i.validatingFields, t)
-    },
-    error: {
-      enumerable: !0,
-      get: () => f(i.errors, t)
-    }
-  }), [i, t]), V = l.useCallback((y) => F.current.onChange({
-    target: {
-      value: oe(y),
-      name: t
-    },
-    type: $.CHANGE
-  }), [t]), h = l.useCallback(() => F.current.onBlur({
-    target: {
-      value: f(s._formValues, t),
-      name: t
-    },
-    type: $.BLUR
-  }), [t, s._formValues]), I = l.useCallback((y) => {
-    const v = f(s._fields, t);
-    v && y && (v._f.ref = {
-      focus: () => y.focus(),
-      select: () => y.select(),
-      setCustomValidity: (_) => y.setCustomValidity(_),
-      reportValidity: () => y.reportValidity()
-    });
-  }, [s._fields, t]), N = l.useMemo(() => A(d({
-    name: t,
-    value: c
-  }, P(o) || i.disabled ? { disabled: i.disabled || o } : {}), {
-    onChange: V,
-    onBlur: h,
-    ref: I
-  }), [t, o, i.disabled, V, h, I, c]);
-  return l.useEffect(() => {
-    const y = s._options.shouldUnregister || n;
-    s.register(t, d(d({}, u.current.rules), P(u.current.disabled) ? { disabled: u.current.disabled } : {}));
-    const v = (_, z) => {
-      const E = f(s._fields, _);
-      E && E._f && (E._f.mount = z);
-    };
-    if (v(t, !0), y) {
-      const _ = U(f(s._options.defaultValues, t));
-      L(s._defaultValues, t, _), R(f(s._formValues, t)) && L(s._formValues, t, _);
-    }
-    return !a && s.register(t), () => {
-      (a ? y && !s._state.action : y) ? s.unregister(t) : v(t, !1);
-    };
-  }, [t, s, a, n]), l.useEffect(() => {
-    s._setDisabledField({
-      disabled: o,
-      name: t
-    });
-  }, [o, t, s]), l.useMemo(() => ({
-    field: N,
-    formState: i,
-    fieldState: p
-  }), [N, i, p]);
-}
-const pe = (e) => e.render(be(e)), Me = de, G = g.createContext({}), _e = (r) => {
-  var e = b(r, []);
-  return /* @__PURE__ */ m(G.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(pe, d({}, e)) });
-}, D = () => {
-  const e = g.useContext(G), r = g.useContext(j), { getFieldState: t, formState: o } = S(), s = t(e.name, o);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: n } = r;
-  return d({
-    id: n,
-    name: e.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`
-  }, s);
-}, j = g.createContext({}), he = x({
-  base: "space-y-2"
-}), K = g.forwardRef(
-  (o, t) => {
-    var s = o, { className: e } = s, r = b(s, ["className"]);
-    const n = g.useId();
-    return /* @__PURE__ */ m(j.Provider, { value: { id: n }, children: /* @__PURE__ */ m("div", d({ ref: t, className: he({ className: e }) }, r)) });
-  }
-);
-K.displayName = "FormItem";
-const ve = g.forwardRef(
-  (s, o) => {
-    var n = s, { className: e, required: r } = n, t = b(n, ["className", "required"]);
-    const { formItemId: a } = D();
-    return /* @__PURE__ */ m(Z, d({ required: r, ref: o, className: e, htmlFor: a }, t));
-  }
-);
-ve.displayName = "FormLabel";
-const q = g.forwardRef(
-  (t, r) => {
-    var e = b(t, []);
-    const { error: o, formItemId: s, formDescriptionId: n, formMessageId: a } = D();
-    return /* @__PURE__ */ m(
-      Y,
-      d({
-        ref: r,
-        id: s,
-        "aria-describedby": o ? `${n} ${a}` : `${n}`,
-        "aria-invalid": !!o
-      }, e)
     );
   }
 );
-q.displayName = "FormControl";
-const xe = x({
-  base: "text-xs text-muted"
-}), Ce = g.forwardRef(
-  (o, t) => {
-    var s = o, { className: e } = s, r = b(s, ["className"]);
-    const { formDescriptionId: n } = D();
-    return /* @__PURE__ */ m("p", d({ ref: t, id: n, className: xe({ className: e }) }, r));
-  }
-);
-Ce.displayName = "FormDescription";
-const Se = x({
-  base: "text-[0.8rem] font-medium text-destructive"
-}), Ve = g.forwardRef(
-  (s, o) => {
-    var n = s, { className: e, children: r } = n, t = b(n, ["className", "children"]);
-    var u;
-    const { error: a, formMessageId: c } = D(), i = a ? String((u = a == null ? void 0 : a.message) != null ? u : "") : r;
-    return i ? /* @__PURE__ */ m("p", A(d({ ref: o, id: c, className: Se({ className: e }) }, t), { children: i })) : null;
-  }
+u.displayName = "FormSectionHeaderButton";
+const b = a({
+  base: "rounded-xl border border-secondary-border p-4 lg:p-6"
+}), S = s.forwardRef(
+  ({ className: o, children: e, ...r }, m) => /* @__PURE__ */ t(i, { ref: m, className: b({ className: o }), ...r, children: e })
 );
-Ve.displayName = "FormMessage";
-const Ie = x({
-  base: "flex-col gap-2 lg:flex-row lg:gap-4",
-  slots: {
-    label: "h-4 lg:h-9"
-  }
-});
-function Oe({
-  name: e,
-  title: r,
-  description: t,
-  control: o,
-  required: s,
-  className: n,
-  labelClassName: a,
-  readonly: c
-}) {
-  const i = S(), u = Ie();
-  return /* @__PURE__ */ m(
-    _e,
-    {
-      control: i.control,
-      name: e,
-      render: ({ field: F, fieldState: p, formState: V }) => {
-        var h;
-        return /* @__PURE__ */ m(K, { children: /* @__PURE__ */ m(
-          ee,
-          {
-            title: r,
-            description: t,
-            required: s,
-            error: (h = p.error) == null ? void 0 : h.message,
-            labelClassName: u.label({ class: a }),
-            readonly: c,
-            className: u.base({ className: n }),
-            control: ({ id: I, readonly: N }) => /* @__PURE__ */ m(q, { id: I, children: o({ field: F, fieldState: p, formState: V, readonly: N }) })
-          }
-        ) });
-      }
-    }
-  );
-}
-const Ne = x({
-  base: "text-md font-semibold"
-});
-function Le({ children: e, className: r, as: t = "h3" }) {
-  return /* @__PURE__ */ m(t, { className: Ne({ className: r }), children: e });
-}
+S.displayName = "FormFieldSet";
 export {
-  Me as Form,
-  q as FormControl,
-  Ce as FormDescription,
-  Oe as FormField,
-  _e as FormFieldControl,
-  K as FormItem,
-  ve as FormLabel,
-  Ve as FormMessage,
-  Le as FormSectionTitle,
-  D as useFormField
+  R as Form,
+  M as FormBody,
+  w as FormControl,
+  q as FormDescription,
+  f as FormDivider,
+  C as FormField,
+  h as FormFieldControl,
+  S as FormFieldSet,
+  z as FormFooter,
+  J as FormFooterTemplate,
+  A as FormHeader,
+  K as FormHeaderTemplate,
+  _ as FormItem,
+  j as FormLabel,
+  k as FormMessage,
+  u as FormSectionHeaderButton,
+  T as FormSectionTitle,
+  i as FormStack,
+  E as FormTitle,
+  I as useFormField
 };
 //# sourceMappingURL=form.js.map