@cbutep_n/pico-ui 0.0.6 → 0.0.7

package/dist/pico-ui.es.js

@@ -1,1262 +0,0 @@
-import { defineComponent as M, openBlock as V, createElementBlock as O, normalizeClass as F, renderSlot as ee, createElementVNode as T, createBlock as Ie, resolveDynamicComponent as Pe, unref as f, useModel as te, withDirectives as de, vModelCheckbox as rt, createVNode as it, mergeModels as fe, computed as C, toValue as b, onMounted as ot, getCurrentInstance as H, provide as lt, isRef as ve, watch as L, onBeforeUnmount as at, inject as ut, onUnmounted as st, ref as ae, reactive as ct, nextTick as dt, toDisplayString as Ee, createCommentVNode as ft, mergeProps as vt, Fragment as pt, renderList as mt, vModelRadio as ht, vModelText as gt } from "vue";
-const Nn = /* @__PURE__ */ M({
-  __name: "PButton",
-  props: {
-    variant: { default: "primary" },
-    size: { default: "medium" }
-  },
-  setup(e) {
-    const t = {
-      primary: ["bg-pico-primary", "text-white", "shadow-primary"],
-      secondary: ["bg-pico-secondary", "text-white", "shadow-secondary"],
-      outline: ["outline-2", "outline-pico-primary", "text-pico-primary"],
-      ghost: ["text-pico-gray", "border-dashed border-2 border-pico-gray/50"],
-      soft: ["bg-pico-primary/20", "text-pico-primary"]
-    }, n = {
-      large: ["text-lg", "py-3.5", "px-8.5"],
-      medium: ["text-md", "py-2.5", "px-6"],
-      small: ["text-sm", "py-1.5", "px-4"]
-    };
-    return (r, i) => (V(), O("button", {
-      class: F(["w-max h-max rounded-lg font-semibold hover:brightness-80 duration-300", [t[e.variant], n[e.size]]])
-    }, [
-      ee(r.$slots, "default")
-    ], 2));
-  }
-}), yt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "12",
-  height: "9",
-  fill: "none"
-};
-function bt(e, t) {
-  return V(), O("svg", yt, [...t[0] || (t[0] = [
-    T("path", {
-      fill: "#fff",
-      d: "M10.868.366a1.25 1.25 0 0 1 0 1.767l-6.25 6.25a1.25 1.25 0 0 1-1.767 0l-2.5-2.5a1.25 1.25 0 0 1 1.767-1.767l1.617 1.616L9.1.366a1.25 1.25 0 0 1 1.767 0"
-    }, null, -1)
-  ])]);
-}
-const _t = { render: bt }, Vt = {
-  checkmark: _t
-}, wt = /* @__PURE__ */ M({
-  __name: "PIcon",
-  props: {
-    name: {}
-  },
-  setup(e) {
-    return (t, n) => (V(), Ie(Pe(f(Vt)[e.name])));
-  }
-}), Ot = ["disabled"], Fn = /* @__PURE__ */ M({
-  __name: "PCheckboxInput",
-  props: /* @__PURE__ */ fe({
-    disabled: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = /* @__PURE__ */ new Map([
-      [!1, ["outline-2"]],
-      [!0, ["bg-pico-primary"]]
-    ]), n = te(e, "modelValue");
-    return (r, i) => (V(), O("div", {
-      class: F([f(t).get(!!n.value), "outline-pico-stroke-neutral min-w-5.5 duration-300 h-5.5 flex relative justify-center items-center rounded-sm"])
-    }, [
-      de(T("input", {
-        class: "opacity-0 inset-0 absolute",
-        disabled: e.disabled,
-        type: "checkbox",
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => n.value = o)
-      }, null, 8, Ot), [
-        [rt, n.value]
-      ]),
-      it(wt, { name: "checkmark" })
-    ], 2));
-  }
-}), Mn = /* @__PURE__ */ M({
-  __name: "PDivider",
-  props: {
-    orientation: { default: "horizontal" }
-  },
-  setup(e) {
-    const t = {
-      vertical: ["w-2px", "h-full"],
-      horizontal: ["h-2px", "w-full"]
-    };
-    return (n, r) => (V(), O("div", {
-      class: F(["bg-pico-stroke-neutral", t[e.orientation]])
-    }, null, 2));
-  }
-});
-function N(e) {
-  return typeof e == "function";
-}
-function kt(e) {
-  return e == null;
-}
-const q = (e) => e !== null && !!e && typeof e == "object" && !Array.isArray(e);
-function Ne(e) {
-  return Number(e) >= 0;
-}
-function St(e) {
-  const t = parseFloat(e);
-  return isNaN(t) ? e : t;
-}
-function xt(e) {
-  const t = e.split(".");
-  if (!t.length)
-    return "";
-  let n = String(t[0]);
-  for (let r = 1; r < t.length; r++) {
-    if (Ne(t[r])) {
-      n += `[${t[r]}]`;
-      continue;
-    }
-    n += `.${t[r]}`;
-  }
-  return n;
-}
-const Ct = {};
-function jt(e) {
-  return Ct[e];
-}
-function Ve(e, t, n) {
-  typeof n.value == "object" && (n.value = D(n.value)), !n.enumerable || n.get || n.set || !n.configurable || !n.writable || t === "__proto__" ? Object.defineProperty(e, t, n) : e[t] = n.value;
-}
-function D(e) {
-  if (typeof e != "object") return e;
-  var t = 0, n, r, i, o = Object.prototype.toString.call(e);
-  if (o === "[object Object]" ? i = Object.create(e.__proto__ || null) : o === "[object Array]" ? i = Array(e.length) : o === "[object Set]" ? (i = /* @__PURE__ */ new Set(), e.forEach(function(l) {
-    i.add(D(l));
-  })) : o === "[object Map]" ? (i = /* @__PURE__ */ new Map(), e.forEach(function(l, u) {
-    i.set(D(u), D(l));
-  })) : o === "[object Date]" ? i = /* @__PURE__ */ new Date(+e) : o === "[object RegExp]" ? i = new RegExp(e.source, e.flags) : o === "[object DataView]" ? i = new e.constructor(D(e.buffer)) : o === "[object ArrayBuffer]" ? i = e.slice(0) : o.slice(-6) === "Array]" && (i = new e.constructor(e)), i) {
-    for (r = Object.getOwnPropertySymbols(e); t < r.length; t++)
-      Ve(i, r[t], Object.getOwnPropertyDescriptor(e, r[t]));
-    for (t = 0, r = Object.getOwnPropertyNames(e); t < r.length; t++)
-      Object.hasOwnProperty.call(i, n = r[t]) && i[n] === e[n] || Ve(i, n, Object.getOwnPropertyDescriptor(e, n));
-  }
-  return i || e;
-}
-const Fe = /* @__PURE__ */ Symbol("vee-validate-form"), At = /* @__PURE__ */ Symbol("vee-validate-field-instance"), we = /* @__PURE__ */ Symbol("Default empty value"), Me = typeof window < "u";
-function ue(e) {
-  return N(e) && !!e.__locatorRef;
-}
-function J(e) {
-  return !!e && N(e.parse) && e.__type === "VVTypedSchema";
-}
-function se(e) {
-  return !!e && N(e.validate);
-}
-function $e(e) {
-  return e === "checkbox" || e === "radio";
-}
-function It(e) {
-  return q(e) || Array.isArray(e);
-}
-function pe(e) {
-  return /^\[.+\]$/i.test(e);
-}
-function Pt(e) {
-  return Te(e) && e.multiple;
-}
-function Te(e) {
-  return e.tagName === "SELECT";
-}
-function Et(e) {
-  return e ? !!(typeof Event < "u" && N(Event) && e instanceof Event || e && e.srcElement) : !1;
-}
-function x(e, t) {
-  if (e === t)
-    return !0;
-  if (e && t && typeof e == "object" && typeof t == "object") {
-    if (e.constructor !== t.constructor)
-      return !1;
-    var n, r, i;
-    if (Array.isArray(e)) {
-      if (n = e.length, n != t.length)
-        return !1;
-      for (r = n; r-- !== 0; )
-        if (!x(e[r], t[r]))
-          return !1;
-      return !0;
-    }
-    if (e instanceof Map && t instanceof Map) {
-      if (e.size !== t.size)
-        return !1;
-      for (r of e.entries())
-        if (!t.has(r[0]))
-          return !1;
-      for (r of e.entries())
-        if (!x(r[1], t.get(r[0])))
-          return !1;
-      return !0;
-    }
-    if (ke(e) && ke(t))
-      return !(e.size !== t.size || e.name !== t.name || e.lastModified !== t.lastModified || e.type !== t.type);
-    if (e instanceof Set && t instanceof Set) {
-      if (e.size !== t.size)
-        return !1;
-      for (r of e.entries())
-        if (!t.has(r[0]))
-          return !1;
-      return !0;
-    }
-    if (ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
-      if (n = e.length, n != t.length)
-        return !1;
-      for (r = n; r-- !== 0; )
-        if (e[r] !== t[r])
-          return !1;
-      return !0;
-    }
-    if (e.constructor === RegExp)
-      return e.source === t.source && e.flags === t.flags;
-    if (e.valueOf !== Object.prototype.valueOf)
-      return e.valueOf() === t.valueOf();
-    if (e.toString !== Object.prototype.toString)
-      return e.toString() === t.toString();
-    if (e = Oe(e), t = Oe(t), i = Object.keys(e), n = i.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, i[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      var o = i[r];
-      if (!x(e[o], t[o]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function Oe(e) {
-  return Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0));
-}
-function ke(e) {
-  return Me ? e instanceof File : !1;
-}
-function De(e) {
-  return pe(e) ? e.replace(/\[|\]/gi, "") : e;
-}
-function W(e, t, n) {
-  return e ? pe(t) ? e[De(t)] : (t || "").split(/\.|\[(\d+)\]/).filter(Boolean).reduce((i, o) => It(i) && o in i ? i[o] : n, e) : n;
-}
-function Nt(e, t, n) {
-  if (pe(t)) {
-    e[De(t)] = n;
-    return;
-  }
-  const r = t.split(/\.|\[(\d+)\]/).filter(Boolean);
-  let i = e;
-  for (let o = 0; o < r.length; o++) {
-    if (o === r.length - 1) {
-      i[r[o]] = n;
-      return;
-    }
-    (!(r[o] in i) || kt(i[r[o]])) && (i[r[o]] = Ne(r[o + 1]) ? [] : {}), i = i[r[o]];
-  }
-}
-function Re(e) {
-  return Object.keys(e);
-}
-function Be(e, t = void 0) {
-  const n = H();
-  return n?.provides[e] || ut(e, t);
-}
-function Ft(e, t, n) {
-  if (Array.isArray(e)) {
-    const r = [...e], i = r.findIndex((o) => x(o, t));
-    return i >= 0 ? r.splice(i, 1) : r.push(t), r;
-  }
-  return x(e, t) ? n : t;
-}
-function Mt(e, t) {
-  let n, r;
-  return function(...i) {
-    const o = this;
-    return n || (n = !0, setTimeout(() => n = !1, t), r = e.apply(o, i)), r;
-  };
-}
-function $t(e, t) {
-  return q(t) && t.number ? St(e) : e;
-}
-function Se(e, t) {
-  let n;
-  return async function(...i) {
-    const o = e(...i);
-    n = o;
-    const l = await o;
-    return o !== n ? l : (n = void 0, t(l, i));
-  };
-}
-function Tt(e) {
-  return Array.isArray(e) ? e : e ? [e] : [];
-}
-function le(e) {
-  if (ze(e))
-    return e._value;
-}
-function ze(e) {
-  return "_value" in e;
-}
-function Dt(e) {
-  return e.type === "number" || e.type === "range" ? Number.isNaN(e.valueAsNumber) ? e.value : e.valueAsNumber : e.value;
-}
-function Ue(e) {
-  if (!Et(e))
-    return e;
-  const t = e.target;
-  if ($e(t.type) && ze(t))
-    return le(t);
-  if (t.type === "file" && t.files) {
-    const n = Array.from(t.files);
-    return t.multiple ? n : n[0];
-  }
-  if (Pt(t))
-    return Array.from(t.options).filter((n) => n.selected && !n.disabled).map(le);
-  if (Te(t)) {
-    const n = Array.from(t.options).find((r) => r.selected);
-    return n ? le(n) : t.value;
-  }
-  return Dt(t);
-}
-function Le(e) {
-  const t = {};
-  return Object.defineProperty(t, "_$$isNormalized", {
-    value: !0,
-    writable: !1,
-    enumerable: !1,
-    configurable: !1
-  }), e ? q(e) && e._$$isNormalized ? e : q(e) ? Object.keys(e).reduce((n, r) => {
-    const i = Rt(e[r]);
-    return e[r] !== !1 && (n[r] = xe(i)), n;
-  }, t) : typeof e != "string" ? t : e.split("|").reduce((n, r) => {
-    const i = Bt(r);
-    return i.name && (n[i.name] = xe(i.params)), n;
-  }, t) : t;
-}
-function Rt(e) {
-  return e === !0 ? [] : Array.isArray(e) || q(e) ? e : [e];
-}
-function xe(e) {
-  const t = (n) => typeof n == "string" && n[0] === "@" ? zt(n.slice(1)) : n;
-  return Array.isArray(e) ? e.map(t) : e instanceof RegExp ? [e] : Object.keys(e).reduce((n, r) => (n[r] = t(e[r]), n), {});
-}
-const Bt = (e) => {
-  let t = [];
-  const n = e.split(":")[0];
-  return e.includes(":") && (t = e.split(":").slice(1).join(":").split(",")), { name: n, params: t };
-};
-function zt(e) {
-  const t = (n) => {
-    var r;
-    return (r = W(n, e)) !== null && r !== void 0 ? r : n[e];
-  };
-  return t.__locatorRef = e, t;
-}
-function Ut(e) {
-  return Array.isArray(e) ? e.filter(ue) : Re(e).filter((t) => ue(e[t])).map((t) => e[t]);
-}
-const Lt = {
-  generateMessage: ({ field: e }) => `${e} is not valid.`,
-  bails: !0,
-  validateOnBlur: !0,
-  validateOnChange: !0,
-  validateOnInput: !1,
-  validateOnModelUpdate: !0
-};
-let qt = Object.assign({}, Lt);
-const Wt = () => qt;
-async function Kt(e, t, n = {}) {
-  const r = n?.bails, i = {
-    name: n?.name || "{field}",
-    rules: t,
-    label: n?.label,
-    bails: r ?? !0,
-    formData: n?.values || {}
-  }, o = await Gt(i, e);
-  return Object.assign(Object.assign({}, o), { valid: !o.errors.length });
-}
-async function Gt(e, t) {
-  const n = e.rules;
-  if (J(n) || se(n))
-    return Xt(t, Object.assign(Object.assign({}, e), { rules: n }));
-  if (N(n) || Array.isArray(n)) {
-    const u = {
-      field: e.label || e.name,
-      name: e.name,
-      label: e.label,
-      form: e.formData,
-      value: t
-    }, s = Array.isArray(n) ? n : [n], c = s.length, g = [];
-    for (let h = 0; h < c; h++) {
-      const j = s[h], p = await j(t, u);
-      if (!(typeof p != "string" && !Array.isArray(p) && p)) {
-        if (Array.isArray(p))
-          g.push(...p);
-        else {
-          const R = typeof p == "string" ? p : qe(u);
-          g.push(R);
-        }
-        if (e.bails)
-          return {
-            errors: g
-          };
-      }
-    }
-    return {
-      errors: g
-    };
-  }
-  const r = Object.assign(Object.assign({}, e), { rules: Le(n) }), i = [], o = Object.keys(r.rules), l = o.length;
-  for (let u = 0; u < l; u++) {
-    const s = o[u], c = await Ht(r, t, {
-      name: s,
-      params: r.rules[s]
-    });
-    if (c.error && (i.push(c.error), e.bails))
-      return {
-        errors: i
-      };
-  }
-  return {
-    errors: i
-  };
-}
-function Jt(e) {
-  return !!e && e.name === "ValidationError";
-}
-function Yt(e) {
-  return {
-    __type: "VVTypedSchema",
-    async parse(n, r) {
-      var i;
-      try {
-        return {
-          output: await e.validate(n, { abortEarly: !1, context: r?.formData || {} }),
-          errors: []
-        };
-      } catch (o) {
-        if (!Jt(o))
-          throw o;
-        if (!(!((i = o.inner) === null || i === void 0) && i.length) && o.errors.length)
-          return { errors: [{ path: o.path, errors: o.errors }] };
-        const l = o.inner.reduce((u, s) => {
-          const c = s.path || "";
-          return u[c] || (u[c] = { errors: [], path: c }), u[c].errors.push(...s.errors), u;
-        }, {});
-        return { errors: Object.values(l) };
-      }
-    }
-  };
-}
-async function Xt(e, t) {
-  const r = await (J(t.rules) ? t.rules : Yt(t.rules)).parse(e, { formData: t.formData }), i = [];
-  for (const o of r.errors)
-    o.errors.length && i.push(...o.errors);
-  return {
-    value: r.value,
-    errors: i
-  };
-}
-async function Ht(e, t, n) {
-  const r = jt(n.name);
-  if (!r)
-    throw new Error(`No such validator '${n.name}' exists.`);
-  const i = Qt(n.params, e.formData), o = {
-    field: e.label || e.name,
-    name: e.name,
-    label: e.label,
-    value: t,
-    form: e.formData,
-    rule: Object.assign(Object.assign({}, n), { params: i })
-  }, l = await r(t, i, o);
-  return typeof l == "string" ? {
-    error: l
-  } : {
-    error: l ? void 0 : qe(o)
-  };
-}
-function qe(e) {
-  const t = Wt().generateMessage;
-  return t ? t(e) : "Field is invalid";
-}
-function Qt(e, t) {
-  const n = (r) => ue(r) ? r(t) : r;
-  return Array.isArray(e) ? e.map(n) : Object.keys(e).reduce((r, i) => (r[i] = n(e[i]), r), {});
-}
-let Ce = 0;
-function Zt(e, t) {
-  const { value: n, initialValue: r, setInitialValue: i } = en(e, t.modelValue, t.form);
-  if (!t.form) {
-    let j = function(p) {
-      var A;
-      "value" in p && (n.value = p.value), "errors" in p && c(p.errors), "touched" in p && (h.touched = (A = p.touched) !== null && A !== void 0 ? A : h.touched), "initialValue" in p && i(p.initialValue);
-    };
-    const { errors: s, setErrors: c } = rn(), g = Ce >= Number.MAX_SAFE_INTEGER ? 0 : ++Ce, h = nn(n, r, s, t.schema);
-    return {
-      id: g,
-      path: e,
-      value: n,
-      initialValue: r,
-      meta: h,
-      flags: { pendingUnmount: { [g]: !1 }, pendingReset: !1 },
-      errors: s,
-      setState: j
-    };
-  }
-  const o = t.form.createPathState(e, {
-    bails: t.bails,
-    label: t.label,
-    type: t.type,
-    validate: t.validate,
-    schema: t.schema
-  }), l = C(() => o.errors);
-  function u(s) {
-    var c, g, h;
-    "value" in s && (n.value = s.value), "errors" in s && ((c = t.form) === null || c === void 0 || c.setFieldError(f(e), s.errors)), "touched" in s && ((g = t.form) === null || g === void 0 || g.setFieldTouched(f(e), (h = s.touched) !== null && h !== void 0 ? h : !1)), "initialValue" in s && i(s.initialValue);
-  }
-  return {
-    id: Array.isArray(o.id) ? o.id[o.id.length - 1] : o.id,
-    path: e,
-    value: n,
-    errors: l,
-    meta: o,
-    initialValue: r,
-    flags: o.__flags,
-    setState: u
-  };
-}
-function en(e, t, n) {
-  const r = ae(f(t));
-  function i() {
-    return n ? W(n.initialValues.value, f(e), f(r)) : f(r);
-  }
-  function o(c) {
-    if (!n) {
-      r.value = c;
-      return;
-    }
-    n.setFieldInitialValue(f(e), c, !0);
-  }
-  const l = C(i);
-  if (!n)
-    return {
-      value: ae(i()),
-      initialValue: l,
-      setInitialValue: o
-    };
-  const u = tn(t, n, l, e);
-  return n.stageInitialValue(f(e), u, !0), {
-    value: C({
-      get() {
-        return W(n.values, f(e));
-      },
-      set(c) {
-        n.setFieldValue(f(e), c, !1);
-      }
-    }),
-    initialValue: l,
-    setInitialValue: o
-  };
-}
-function tn(e, t, n, r) {
-  return ve(e) ? f(e) : e !== void 0 ? e : W(t.values, f(r), f(n));
-}
-function nn(e, t, n, r) {
-  const i = C(() => {
-    var l, u, s;
-    return (s = (u = (l = b(r)) === null || l === void 0 ? void 0 : l.describe) === null || u === void 0 ? void 0 : u.call(l).required) !== null && s !== void 0 ? s : !1;
-  }), o = ct({
-    touched: !1,
-    pending: !1,
-    valid: !0,
-    required: i,
-    validated: !!f(n).length,
-    initialValue: C(() => f(t)),
-    dirty: C(() => !x(f(e), f(t)))
-  });
-  return L(n, (l) => {
-    o.valid = !l.length;
-  }, {
-    immediate: !0,
-    flush: "sync"
-  }), o;
-}
-function rn() {
-  const e = ae([]);
-  return {
-    errors: e,
-    setErrors: (t) => {
-      e.value = Tt(t);
-    }
-  };
-}
-const We = {}, Y = {}, X = "vee-validate-inspector", w = {
-  error: 12405579,
-  success: 448379,
-  unknown: 5522283,
-  white: 16777215,
-  black: 0,
-  blue: 218007,
-  purple: 12157168,
-  orange: 16099682,
-  gray: 12304330
-};
-let y = null, E;
-async function on(e) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!Me)
-      return;
-    (await import("./index-DRqJOqUR.js")).setupDevtoolsPlugin({
-      id: "vee-validate-devtools-plugin",
-      label: "VeeValidate Plugin",
-      packageName: "vee-validate",
-      homepage: "https://vee-validate.logaretm.com/v4",
-      app: e,
-      logo: "https://vee-validate.logaretm.com/v4/logo.png"
-    }, (n) => {
-      E = n, n.addInspector({
-        id: X,
-        icon: "rule",
-        label: "vee-validate",
-        noSelectionText: "Select a vee-validate node to inspect",
-        actions: [
-          {
-            icon: "done_outline",
-            tooltip: "Validate selected item",
-            action: async () => {
-              if (!y) {
-                console.error("There is not a valid selected vee-validate node or component");
-                return;
-              }
-              if (y.type === "field") {
-                await y.field.validate();
-                return;
-              }
-              if (y.type === "form") {
-                await y.form.validate();
-                return;
-              }
-              y.type === "pathState" && await y.form.validateField(y.state.path);
-            }
-          },
-          {
-            icon: "delete_sweep",
-            tooltip: "Clear validation state of the selected item",
-            action: () => {
-              if (!y) {
-                console.error("There is not a valid selected vee-validate node or component");
-                return;
-              }
-              if (y.type === "field") {
-                y.field.resetField();
-                return;
-              }
-              y.type === "form" && y.form.resetForm(), y.type === "pathState" && y.form.resetField(y.state.path);
-            }
-          }
-        ]
-      }), n.on.getInspectorTree((r) => {
-        if (r.inspectorId !== X)
-          return;
-        const i = Object.values(We), o = Object.values(Y);
-        r.rootNodes = [
-          ...i.map(an),
-          ...o.map((l) => sn(l))
-        ];
-      }), n.on.getInspectorState((r) => {
-        if (r.inspectorId !== X)
-          return;
-        const { form: i, field: o, state: l, type: u } = cn(r.nodeId);
-        if (n.unhighlightElement(), i && u === "form") {
-          r.state = dn(i), y = { type: "form", form: i }, n.highlightElement(i._vm);
-          return;
-        }
-        if (l && u === "pathState" && i) {
-          r.state = je(l), y = { type: "pathState", state: l, form: i };
-          return;
-        }
-        if (o && u === "field") {
-          r.state = je({
-            errors: o.errors.value,
-            dirty: o.meta.dirty,
-            valid: o.meta.valid,
-            touched: o.meta.touched,
-            value: o.value.value,
-            initialValue: o.meta.initialValue
-          }), y = { field: o, type: "field" }, n.highlightElement(o._vm);
-          return;
-        }
-        y = null, n.unhighlightElement();
-      });
-    });
-  }
-}
-const ce = Mt(() => {
-  setTimeout(async () => {
-    await dt(), E?.sendInspectorState(X), E?.sendInspectorTree(X);
-  }, 100);
-}, 100);
-function ln(e) {
-  const t = H();
-  if (!E) {
-    const n = t?.appContext.app;
-    if (!n)
-      return;
-    on(n);
-  }
-  Y[e.id] = Object.assign({}, e), Y[e.id]._vm = t, st(() => {
-    delete Y[e.id], ce();
-  }), ce();
-}
-function an(e) {
-  const { textColor: t, bgColor: n } = Ge(e.meta.value.valid), r = {};
-  Object.values(e.getAllPathStates()).forEach((l) => {
-    Nt(r, b(l.path), un(l, e));
-  });
-  function i(l, u = []) {
-    const s = [...u].pop();
-    return "id" in l ? Object.assign(Object.assign({}, l), { label: s || l.label }) : q(l) ? {
-      id: `${u.join(".")}`,
-      label: s || "",
-      children: Object.keys(l).map((c) => i(l[c], [...u, c]))
-    } : Array.isArray(l) ? {
-      id: `${u.join(".")}`,
-      label: `${s}[]`,
-      children: l.map((c, g) => i(c, [...u, String(g)]))
-    } : { id: "", label: "", children: [] };
-  }
-  const { children: o } = i(r);
-  return {
-    id: me(e),
-    label: e.name,
-    children: o,
-    tags: [
-      {
-        label: "Form",
-        textColor: t,
-        backgroundColor: n
-      },
-      {
-        label: `${e.getAllPathStates().length} fields`,
-        textColor: w.white,
-        backgroundColor: w.unknown
-      }
-    ]
-  };
-}
-function un(e, t) {
-  return {
-    id: me(t, e),
-    label: b(e.path),
-    tags: Ke(e.multiple, e.fieldsCount, e.type, e.valid, t)
-  };
-}
-function sn(e, t) {
-  return {
-    id: me(t, e),
-    label: f(e.name),
-    tags: Ke(!1, 1, e.type, e.meta.valid, t)
-  };
-}
-function Ke(e, t, n, r, i) {
-  const { textColor: o, bgColor: l } = Ge(r);
-  return [
-    e ? void 0 : {
-      label: "Field",
-      textColor: o,
-      backgroundColor: l
-    },
-    i ? void 0 : {
-      label: "Standalone",
-      textColor: w.black,
-      backgroundColor: w.gray
-    },
-    n === "checkbox" ? {
-      label: "Checkbox",
-      textColor: w.white,
-      backgroundColor: w.blue
-    } : void 0,
-    n === "radio" ? {
-      label: "Radio",
-      textColor: w.white,
-      backgroundColor: w.purple
-    } : void 0,
-    e ? {
-      label: "Multiple",
-      textColor: w.black,
-      backgroundColor: w.orange
-    } : void 0
-  ].filter(Boolean);
-}
-function me(e, t) {
-  const n = t ? "path" in t ? "pathState" : "field" : "form", r = t ? "path" in t ? t?.path : b(t?.name) : "", i = { f: e?.formId, ff: t?.id || r, type: n };
-  return btoa(encodeURIComponent(JSON.stringify(i)));
-}
-function cn(e) {
-  try {
-    const t = JSON.parse(decodeURIComponent(atob(e))), n = We[t.f];
-    if (!n && t.ff) {
-      const i = Y[t.ff];
-      return i ? {
-        type: t.type,
-        field: i
-      } : {};
-    }
-    if (!n)
-      return {};
-    const r = n.getPathState(t.ff);
-    return {
-      type: t.type,
-      form: n,
-      state: r
-    };
-  } catch {
-  }
-  return {};
-}
-function je(e) {
-  return {
-    "Field state": [
-      { key: "errors", value: e.errors },
-      {
-        key: "initialValue",
-        value: e.initialValue
-      },
-      {
-        key: "currentValue",
-        value: e.value
-      },
-      {
-        key: "touched",
-        value: e.touched
-      },
-      {
-        key: "dirty",
-        value: e.dirty
-      },
-      {
-        key: "valid",
-        value: e.valid
-      }
-    ]
-  };
-}
-function dn(e) {
-  const { errorBag: t, meta: n, values: r, isSubmitting: i, isValidating: o, submitCount: l } = e;
-  return {
-    "Form state": [
-      {
-        key: "submitCount",
-        value: l.value
-      },
-      {
-        key: "isSubmitting",
-        value: i.value
-      },
-      {
-        key: "isValidating",
-        value: o.value
-      },
-      {
-        key: "touched",
-        value: n.value.touched
-      },
-      {
-        key: "dirty",
-        value: n.value.dirty
-      },
-      {
-        key: "valid",
-        value: n.value.valid
-      },
-      {
-        key: "initialValues",
-        value: n.value.initialValues
-      },
-      {
-        key: "currentValues",
-        value: r
-      },
-      {
-        key: "errors",
-        value: Re(t.value).reduce((u, s) => {
-          var c;
-          const g = (c = t.value[s]) === null || c === void 0 ? void 0 : c[0];
-          return g && (u[s] = g), u;
-        }, {})
-      }
-    ]
-  };
-}
-function Ge(e) {
-  return {
-    bgColor: e ? w.success : w.error,
-    textColor: e ? w.black : w.white
-  };
-}
-function fn(e, t, n) {
-  return $e(void 0) ? pn(e, t) : Je(e, t);
-}
-function Je(e, t, n) {
-  const { initialValue: r, validateOnMount: i, bails: o, type: l, checkedValue: u, label: s, validateOnValueUpdate: c, uncheckedValue: g, controlled: h, keepValueOnUnmount: j, syncVModel: p, form: A } = vn(), R = h ? Be(Fe) : void 0, d = A || R, P = C(() => xt(b(e))), I = C(() => {
-    if (b(d?.schema))
-      return;
-    const v = f(t);
-    return se(v) || J(v) || N(v) || Array.isArray(v) ? v : Le(v);
-  }), Ye = !N(I.value) && J(b(t)), { id: re, value: K, initialValue: Xe, meta: k, setState: Q, errors: ie, flags: Z } = Zt(P, {
-    modelValue: r,
-    form: d,
-    bails: o,
-    label: s,
-    type: l,
-    validate: I.value ? ge : void 0,
-    schema: Ye ? t : void 0
-  }), He = C(() => ie.value[0]);
-  p && mn({
-    value: K,
-    prop: p,
-    handleChange: ye,
-    shouldValidate: () => c && !Z.pendingReset
-  });
-  const Qe = (a, v = !1) => {
-    k.touched = !0, v && B();
-  };
-  async function he(a) {
-    var v, _;
-    if (d?.validateSchema) {
-      const { results: m } = await d.validateSchema(a);
-      return (v = m[b(P)]) !== null && v !== void 0 ? v : { valid: !0, errors: [] };
-    }
-    return I.value ? Kt(K.value, I.value, {
-      name: b(P),
-      label: b(s),
-      values: (_ = d?.values) !== null && _ !== void 0 ? _ : {},
-      bails: o
-    }) : { valid: !0, errors: [] };
-  }
-  const B = Se(async () => (k.pending = !0, k.validated = !0, he("validated-only")), (a) => (Z.pendingUnmount[S.id] || (Q({ errors: a.errors }), k.pending = !1, k.valid = a.valid), a)), z = Se(async () => he("silent"), (a) => (k.valid = a.valid, a));
-  function ge(a) {
-    return a?.mode === "silent" ? z() : B();
-  }
-  function ye(a, v = !0) {
-    const _ = Ue(a);
-    oe(_, v);
-  }
-  ot(() => {
-    if (i)
-      return B();
-    (!d || !d.validateSchema) && z();
-  });
-  function Ze(a) {
-    k.touched = a;
-  }
-  function be(a) {
-    var v;
-    const _ = a && "value" in a ? a.value : Xe.value;
-    Q({
-      value: D(_),
-      initialValue: D(_),
-      touched: (v = a?.touched) !== null && v !== void 0 ? v : !1,
-      errors: a?.errors || []
-    }), k.pending = !1, k.validated = !1, z();
-  }
-  const _e = H();
-  function oe(a, v = !0) {
-    K.value = _e && p ? $t(a, _e.props.modelModifiers) : a, (v ? B : z)();
-  }
-  function et(a) {
-    Q({ errors: Array.isArray(a) ? a : [a] });
-  }
-  const tt = C({
-    get() {
-      return K.value;
-    },
-    set(a) {
-      oe(a, c);
-    }
-  }), S = {
-    id: re,
-    name: P,
-    label: s,
-    value: tt,
-    meta: k,
-    errors: ie,
-    errorMessage: He,
-    type: l,
-    checkedValue: u,
-    uncheckedValue: g,
-    bails: o,
-    keepValueOnUnmount: j,
-    resetField: be,
-    handleReset: () => be(),
-    validate: ge,
-    handleChange: ye,
-    handleBlur: Qe,
-    setState: Q,
-    setTouched: Ze,
-    setErrors: et,
-    setValue: oe
-  };
-  if (lt(At, S), ve(t) && typeof f(t) != "function" && L(t, (a, v) => {
-    x(a, v) || (k.validated ? B() : z());
-  }, {
-    deep: !0
-  }), process.env.NODE_ENV !== "production" && (S._vm = H(), L(() => Object.assign(Object.assign({ errors: ie.value }, k), { value: K.value }), ce, {
-    deep: !0
-  }), d || ln(S)), !d)
-    return S;
-  const nt = C(() => {
-    const a = I.value;
-    return !a || N(a) || se(a) || J(a) || Array.isArray(a) ? {} : Object.keys(a).reduce((v, _) => {
-      const m = Ut(a[_]).map((G) => G.__locatorRef).reduce((G, U) => {
-        const $ = W(d.values, U) || d.values[U];
-        return $ !== void 0 && (G[U] = $), G;
-      }, {});
-      return Object.assign(v, m), v;
-    }, {});
-  });
-  return L(nt, (a, v) => {
-    if (!Object.keys(a).length)
-      return;
-    !x(a, v) && (k.validated ? B() : z());
-  }), at(() => {
-    var a;
-    const v = (a = b(S.keepValueOnUnmount)) !== null && a !== void 0 ? a : b(d.keepValuesOnUnmount), _ = b(P);
-    if (v || !d || Z.pendingUnmount[S.id]) {
-      d?.removePathState(_, re);
-      return;
-    }
-    Z.pendingUnmount[S.id] = !0;
-    const m = d.getPathState(_);
-    if (Array.isArray(m?.id) && m?.multiple ? m?.id.includes(S.id) : m?.id === S.id) {
-      if (m?.multiple && Array.isArray(m.value)) {
-        const U = m.value.findIndex(($) => x($, b(S.checkedValue)));
-        if (U > -1) {
-          const $ = [...m.value];
-          $.splice(U, 1), d.setFieldValue(_, $);
-        }
-        Array.isArray(m.id) && m.id.splice(m.id.indexOf(S.id), 1);
-      } else
-        d.unsetPathValue(b(P));
-      d.removePathState(_, re);
-    }
-  }), S;
-}
-function vn(e) {
-  return Object.assign(Object.assign({}, {
-    initialValue: void 0,
-    validateOnMount: !1,
-    bails: !0,
-    label: void 0,
-    validateOnValueUpdate: !0,
-    keepValueOnUnmount: void 0,
-    syncVModel: !1,
-    controlled: !0
-  }), { initialValue: void 0 });
-}
-function pn(e, t, n) {
-  const r = Be(Fe), i = void 0, o = void 0;
-  function l(u) {
-    const s = u.handleChange, c = C(() => {
-      const h = b(u.value), j = b(i);
-      return Array.isArray(h) ? h.findIndex((p) => x(p, j)) >= 0 : x(j, h);
-    });
-    function g(h, j = !0) {
-      var p, A;
-      if (c.value === ((p = h?.target) === null || p === void 0 ? void 0 : p.checked)) {
-        j && u.validate();
-        return;
-      }
-      const R = b(e), d = r?.getPathState(R), P = Ue(h);
-      let I = (A = b(i)) !== null && A !== void 0 ? A : P;
-      r && d?.multiple && d.type === "checkbox" && (I = Ft(W(r.values, R) || [], I, void 0)), s(I, j);
-    }
-    return Object.assign(Object.assign({}, u), {
-      checked: c,
-      checkedValue: i,
-      uncheckedValue: o,
-      handleChange: g
-    });
-  }
-  return l(Je(e, t));
-}
-function mn({ prop: e, value: t, handleChange: n, shouldValidate: r }) {
-  const i = H();
-  if (!i || !e) {
-    process.env.NODE_ENV !== "production" && console.warn("Failed to setup model events because `useField` was not called in setup.");
-    return;
-  }
-  const o = typeof e == "string" ? e : "modelValue", l = `update:${o}`;
-  o in i.props && (L(t, (u) => {
-    x(u, Ae(i, o)) || i.emit(l, u);
-  }), L(() => Ae(i, o), (u) => {
-    if (u === we && t.value === void 0)
-      return;
-    const s = u === we ? void 0 : u;
-    x(s, t.value) || n(s, r());
-  }));
-}
-function Ae(e, t) {
-  if (e)
-    return e.props[t];
-}
-const hn = { class: "flex flex-col items-start" }, $n = /* @__PURE__ */ M({
-  __name: "PFormItem",
-  props: {
-    component: {},
-    props: {},
-    name: {},
-    inputClass: {},
-    errorClass: {}
-  },
-  setup(e) {
-    const { value: t, errorMessage: n } = fn(e.name, {});
-    return (r, i) => (V(), O("div", hn, [
-      f(n) ? (V(), O("span", {
-        key: 0,
-        class: F([e.errorClass, "text-pico-red text-xs max-w-full mb-1"])
-      }, Ee(f(n)), 3)) : ft("", !0),
-      (V(), Ie(Pe(e.component), vt({
-        class: [e.inputClass, "max-w-max"],
-        "is-invalid": !!f(n),
-        modelValue: f(t),
-        "onUpdate:modelValue": i[0] || (i[0] = (o) => ve(t) ? t.value = o : null),
-        name: e.name
-      }, e.props), null, 16, ["class", "is-invalid", "modelValue", "name"]))
-    ]));
-  }
-}), ne = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, i] of t)
-    n[r] = i;
-  return n;
-}, gn = {}, yn = { class: "rounded-lg p-8 bg-white outline-pico-stroke-neutral outline-2" };
-function bn(e, t) {
-  return V(), O("div", yn, [
-    ee(e.$slots, "default")
-  ]);
-}
-const Tn = /* @__PURE__ */ ne(gn, [["render", bn]]), _n = { class: "flex gap-2" }, Vn = ["value", "disabled"], Dn = /* @__PURE__ */ M({
-  __name: "PRadioInput",
-  props: /* @__PURE__ */ fe({
-    disabled: { type: Boolean, default: !1 },
-    name: {},
-    options: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = /* @__PURE__ */ new Map([
-      [!1, ["outline-2 -outline-offset-2"]],
-      [!0, ["bg-pico-primary"]]
-    ]), n = te(e, "modelValue");
-    return (r, i) => (V(!0), O(pt, null, mt(e.options, (o) => (V(), O("div", _n, [
-      T("div", {
-        class: F([f(t).get(n.value === o.value), "outline-pico-stroke-neutral min-w-5.5 duration-300 h-5.5 flex relative justify-center items-center rounded-full"])
-      }, [
-        de(T("input", {
-          type: "radio",
-          value: o.value,
-          class: "opacity-0 inset-0 absolute",
-          disabled: e.disabled,
-          "onUpdate:modelValue": i[0] || (i[0] = (l) => n.value = l)
-        }, null, 8, Vn), [
-          [ht, n.value]
-        ]),
-        i[1] || (i[1] = T("div", { class: "w-2 h-2 bg-white rounded-full" }, null, -1))
-      ], 2),
-      T("p", null, Ee(o.label), 1)
-    ]))), 256));
-  }
-}), wn = {}, On = { class: "w-full h-full rounded-sm pico-skeleton" };
-function kn(e, t) {
-  return V(), O("div", On);
-}
-const Rn = /* @__PURE__ */ ne(wn, [["render", kn], ["__scopeId", "data-v-7ff1dee9"]]), Bn = /* @__PURE__ */ M({
-  __name: "PSwitchInput",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = /* @__PURE__ */ new Map([
-      [!1, [""]],
-      [!0, ["translate-x-[calc(100%-2px)]"]]
-    ]), n = /* @__PURE__ */ new Map([
-      [!1, ["bg-pico-stroke-neutral "]],
-      [!0, ["bg-pico-primary"]]
-    ]), r = te(e, "modelValue"), i = () => {
-      r.value = !r.value;
-    };
-    return (o, l) => (V(), O("div", {
-      onClick: i,
-      class: F([f(n).get(!!r.value), "p-0.5 duration-300 min-w-10.5 rounded-full"])
-    }, [
-      T("div", {
-        class: F([f(t).get(!!r.value), "w-5 duration-300 will-change-transform aspect-square rounded-full bg-white"])
-      }, null, 2)
-    ], 2));
-  }
-}), Sn = ["disabled", "placeholder"], zn = /* @__PURE__ */ M({
-  __name: "PTextInput",
-  props: /* @__PURE__ */ fe({
-    placeholder: {},
-    isInvalid: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = /* @__PURE__ */ new Map([
-      [!0, ["outline-pico-red! text-pico-red! bg-pico-light-red!"]],
-      [!1, []]
-    ]), n = te(e, "modelValue");
-    return (r, i) => de((V(), O("input", {
-      disabled: e.disabled,
-      type: "text",
-      "onUpdate:modelValue": i[0] || (i[0] = (o) => n.value = o),
-      placeholder: e.placeholder,
-      class: F([f(t).get(e.isInvalid), "outline-pico-stroke-neutral outline-1 disabled:text-pico-caption/70 disabled:cursor-not-allowed text-pico-caption focus:text-pico-text bg-pico-light focus:bg-pico-white duration-300 focus:outline-pico-primary px-3 py-2 rounded-lg"])
-    }, null, 10, Sn)), [
-      [gt, n.value]
-    ]);
-  }
-}), xn = {}, Cn = { class: "bg-pico-light w-full h-full" };
-function jn(e, t) {
-  return V(), O("div", Cn, [
-    ee(e.$slots, "default")
-  ]);
-}
-const Un = /* @__PURE__ */ ne(xn, [["render", jn]]), An = {}, In = { class: "shadow-dark rounded-lg p-4 bg-white" };
-function Pn(e, t) {
-  return V(), O("div", In, [
-    ee(e.$slots, "default")
-  ]);
-}
-const Ln = /* @__PURE__ */ ne(An, [["render", Pn]]);
-export {
-  Un as PBackgroud,
-  Nn as PButton,
-  Ln as PCard,
-  Fn as PCheckboxInput,
-  Mn as PDivider,
-  $n as PFormItem,
-  wt as PIcon,
-  Tn as PPlane,
-  Dn as PRadioInput,
-  Rn as PSkeleton,
-  Bn as PSwitchInput,
-  zn as PTextInput,
-  Vt as PicoIcons
-};
-//# sourceMappingURL=pico-ui.es.js.map