@arcadeai/design-system 0.7.4 → 0.8.0

package/dist/components/ui/atoms/form.js

@@ -1,296 +1,103 @@
 import { jsx as m } from "react/jsx-runtime";
-import { S as W } from "../../../index-5Bhkapwi.js";
-import * as y from "react";
-import i from "react";
-import { Label as G } from "./label.js";
-import { c as p } from "../../../utils-CRiPKpXj.js";
-var j = (e) => e.type === "checkbox", K = (e) => e instanceof Date, O = (e) => e == null;
-const q = (e) => typeof e == "object";
-var b = (e) => !O(e) && !Array.isArray(e) && q(e) && !K(e), z = (e) => b(e) && e.target ? j(e.target) ? e.target.checked : e.target.value : e, J = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Q = (e, o) => e.has(J(o)), X = (e) => {
-  const o = e.constructor && e.constructor.prototype;
-  return b(o) && o.hasOwnProperty("isPrototypeOf");
-}, Y = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
-function L(e) {
-  let o;
-  const t = Array.isArray(e), s = typeof FileList < "u" ? e instanceof FileList : !1;
-  if (e instanceof Date)
-    o = new Date(e);
-  else if (!(Y && (e instanceof Blob || s)) && (t || b(e)))
-    if (o = t ? [] : {}, !t && !X(e))
-      o = e;
-    else
-      for (const r in e)
-        e.hasOwnProperty(r) && (o[r] = L(e[r]));
-  else
-    return e;
-  return o;
-}
-var M = (e) => /^\w*$/.test(e), V = (e) => e === void 0, Z = (e) => Array.isArray(e) ? e.filter(Boolean) : [], B = (e) => Z(e.replace(/["|']|\]/g, "").split(/\.|\[/)), c = (e, o, t) => {
-  if (!o || !b(e))
-    return t;
-  const s = (M(o) ? [o] : B(o)).reduce((r, n) => O(r) ? r : r[n], e);
-  return V(s) || s === e ? V(e[o]) ? t : e[o] : s;
-}, C = (e) => typeof e == "boolean", P = (e, o, t) => {
-  let s = -1;
-  const r = M(o) ? [o] : B(o), n = r.length, l = n - 1;
-  for (; ++s < n; ) {
-    const u = r[s];
-    let a = t;
-    if (s !== l) {
-      const f = e[u];
-      a = b(f) || Array.isArray(f) ? f : isNaN(+r[s + 1]) ? {} : [];
-    }
-    if (u === "__proto__" || u === "constructor" || u === "prototype")
-      return;
-    e[u] = a, e = e[u];
-  }
-};
-const k = {
-  BLUR: "blur",
-  CHANGE: "change"
-}, D = {
-  all: "all"
-}, I = i.createContext(null);
-I.displayName = "HookFormContext";
-const v = () => i.useContext(I), ee = (e) => {
-  const { children: o, ...t } = e;
-  return i.createElement(I.Provider, { value: t }, o);
-};
-var te = (e, o, t, s = !0) => {
-  const r = {
-    defaultValues: o._defaultValues
-  };
-  for (const n in e)
-    Object.defineProperty(r, n, {
-      get: () => {
-        const l = n;
-        return o._proxyFormState[l] !== D.all && (o._proxyFormState[l] = !s || D.all), t && (t[l] = !0), e[l];
-      }
-    });
-  return r;
-};
-const R = typeof window < "u" ? y.useLayoutEffect : y.useEffect;
-function U(e) {
-  const o = v(), { control: t = o.control, disabled: s, name: r, exact: n } = e || {}, [l, u] = i.useState(t._formState), a = i.useRef({
-    isDirty: !1,
-    isLoading: !1,
-    dirtyFields: !1,
-    touchedFields: !1,
-    validatingFields: !1,
-    isValidating: !1,
-    isValid: !1,
-    errors: !1
-  });
-  return R(() => t._subscribe({
-    name: r,
-    formState: a.current,
-    exact: n,
-    callback: (f) => {
-      !s && u({
-        ...t._formState,
-        ...f
-      });
-    }
-  }), [r, s, n]), i.useEffect(() => {
-    a.current.isValid && t._setValid(!0);
-  }, [t]), i.useMemo(() => te(l, t, a.current, !1), [l, t]);
-}
-var re = (e) => typeof e == "string", oe = (e, o, t, s, r) => re(e) ? c(t, e, r) : Array.isArray(e) ? e.map((n) => c(t, n)) : t;
-function se(e) {
-  const o = v(), { control: t = o.control, name: s, defaultValue: r, disabled: n, exact: l } = e || {}, u = i.useRef(r), [a, f] = i.useState(t._getWatch(s, u.current));
-  return R(() => t._subscribe({
-    name: s,
-    formState: {
-      values: !0
-    },
-    exact: l,
-    callback: (F) => !n && f(oe(s, t._names, F.values || t._formValues, !1, u.current))
-  }), [s, t, n, l]), i.useEffect(() => t._removeUnmounted()), a;
-}
-function ne(e) {
-  const o = v(), { name: t, disabled: s, control: r = o.control, shouldUnregister: n } = e, l = Q(r._names.array, t), u = se({
-    control: r,
-    name: t,
-    defaultValue: c(r._formValues, t, c(r._defaultValues, t, e.defaultValue)),
-    exact: !0
-  }), a = U({
-    control: r,
-    name: t,
-    exact: !0
-  }), f = i.useRef(e), F = i.useRef(r.register(t, {
-    ...e.rules,
-    value: u,
-    ...C(e.disabled) ? { disabled: e.disabled } : {}
-  })), S = i.useMemo(() => Object.defineProperties({}, {
-    invalid: {
-      enumerable: !0,
-      get: () => !!c(a.errors, t)
-    },
-    isDirty: {
-      enumerable: !0,
-      get: () => !!c(a.dirtyFields, t)
-    },
-    isTouched: {
-      enumerable: !0,
-      get: () => !!c(a.touchedFields, t)
-    },
-    isValidating: {
-      enumerable: !0,
-      get: () => !!c(a.validatingFields, t)
-    },
-    error: {
-      enumerable: !0,
-      get: () => c(a.errors, t)
-    }
-  }), [a, t]), A = i.useCallback((d) => F.current.onChange({
-    target: {
-      value: z(d),
-      name: t
-    },
-    type: k.CHANGE
-  }), [t]), E = i.useCallback(() => F.current.onBlur({
-    target: {
-      value: c(r._formValues, t),
-      name: t
-    },
-    type: k.BLUR
-  }), [t, r._formValues]), w = i.useCallback((d) => {
-    const _ = c(r._fields, t);
-    _ && d && (_._f.ref = {
-      focus: () => d.focus && d.focus(),
-      select: () => d.select && d.select(),
-      setCustomValidity: (g) => d.setCustomValidity(g),
-      reportValidity: () => d.reportValidity()
-    });
-  }, [r._fields, t]), N = i.useMemo(() => ({
-    name: t,
-    value: u,
-    ...C(s) || a.disabled ? { disabled: a.disabled || s } : {},
-    onChange: A,
-    onBlur: E,
-    ref: w
-  }), [t, s, a.disabled, A, E, w, u]);
-  return i.useEffect(() => {
-    const d = r._options.shouldUnregister || n;
-    r.register(t, {
-      ...f.current.rules,
-      ...C(f.current.disabled) ? { disabled: f.current.disabled } : {}
-    });
-    const _ = (g, H) => {
-      const h = c(r._fields, g);
-      h && h._f && (h._f.mount = H);
-    };
-    if (_(t, !0), d) {
-      const g = L(c(r._options.defaultValues, t));
-      P(r._defaultValues, t, g), V(c(r._formValues, t)) && P(r._formValues, t, g);
-    }
-    return !l && r.register(t), () => {
-      (l ? d && !r._state.action : d) ? r.unregister(t) : _(t, !1);
-    };
-  }, [t, r, l, n]), i.useEffect(() => {
-    r._setDisabledField({
-      disabled: s,
-      name: t
-    });
-  }, [s, t, r]), i.useMemo(() => ({
-    field: N,
-    formState: a,
-    fieldState: S
-  }), [N, a, S]);
-}
-const ae = (e) => e.render(ne(e)), fe = ee, $ = y.createContext(
+import { S as f } from "../../../index-5Bhkapwi.js";
+import * as s from "react";
+import { FormProvider as u, useFormContext as F, useFormState as x, Controller as I } from "react-hook-form";
+import { useFormContext as j } from "react-hook-form";
+import { Label as p } from "./label.js";
+import { c as a } from "../../../utils-CRiPKpXj.js";
+const S = u, c = s.createContext(
   {}
-), me = ({
+), $ = ({
   ...e
-}) => /* @__PURE__ */ m($.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(ae, { ...e }) }), x = () => {
-  const e = y.useContext($), o = y.useContext(T), { getFieldState: t } = v(), s = U({ name: e.name }), r = t(e.name, s);
+}) => /* @__PURE__ */ m(c.Provider, { value: { name: e.name }, children: /* @__PURE__ */ m(I, { ...e }) }), d = () => {
+  const e = s.useContext(c), t = s.useContext(l), { getFieldState: r } = F(), o = x({ name: e.name }), n = r(e.name, o);
   if (!e)
     throw new Error("useFormField should be used within <FormField>");
-  const { id: n } = o;
+  const { id: i } = t;
   return {
-    id: n,
+    id: i,
     name: e.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...r
+    formItemId: `${i}-form-item`,
+    formDescriptionId: `${i}-form-item-description`,
+    formMessageId: `${i}-form-item-message`,
+    ...n
   };
-}, T = y.createContext(
+}, l = s.createContext(
   {}
 );
-function ye({ className: e, ...o }) {
-  const t = y.useId();
-  return /* @__PURE__ */ m(T.Provider, { value: { id: t }, children: /* @__PURE__ */ m(
+function D({ className: e, ...t }) {
+  const r = s.useId();
+  return /* @__PURE__ */ m(l.Provider, { value: { id: r }, children: /* @__PURE__ */ m(
     "div",
     {
-      className: p("grid gap-2", e),
+      className: a("grid gap-2", e),
       "data-slot": "form-item",
-      ...o
+      ...t
     }
   ) });
 }
-function ge({
+function M({
   className: e,
-  ...o
+  ...t
 }) {
-  const { error: t, formItemId: s } = x();
+  const { error: r, formItemId: o } = d();
   return /* @__PURE__ */ m(
-    G,
+    p,
     {
-      className: p("data-[error=true]:text-destructive", e),
-      "data-error": !!t,
+      className: a("data-[error=true]:text-destructive", e),
+      "data-error": !!r,
       "data-slot": "form-label",
-      htmlFor: s,
-      ...o
+      htmlFor: o,
+      ...t
     }
   );
 }
-function _e({ ...e }) {
-  const { error: o, formItemId: t, formDescriptionId: s, formMessageId: r } = x();
+function N({ ...e }) {
+  const { error: t, formItemId: r, formDescriptionId: o, formMessageId: n } = d();
   return /* @__PURE__ */ m(
-    W,
+    f,
     {
-      "aria-describedby": o ? `${s} ${r}` : `${s}`,
-      "aria-invalid": !!o,
+      "aria-describedby": t ? `${o} ${n}` : `${o}`,
+      "aria-invalid": !!t,
       "data-slot": "form-control",
-      id: t,
+      id: r,
       ...e
     }
   );
 }
-function be({ className: e, ...o }) {
-  const { formDescriptionId: t } = x();
+function w({ className: e, ...t }) {
+  const { formDescriptionId: r } = d();
   return /* @__PURE__ */ m(
     "p",
     {
-      className: p("text-muted-foreground text-sm", e),
+      className: a("text-muted-foreground text-sm", e),
       "data-slot": "form-description",
-      id: t,
-      ...o
+      id: r,
+      ...t
     }
   );
 }
-function Fe({ className: e, ...o }) {
-  const { error: t, formMessageId: s } = x(), r = t ? String(t?.message ?? "") : o.children;
-  return r ? /* @__PURE__ */ m(
+function P({ className: e, ...t }) {
+  const { error: r, formMessageId: o } = d(), n = r ? String(r?.message ?? "") : t.children;
+  return n ? /* @__PURE__ */ m(
     "p",
     {
-      className: p("text-destructive text-sm", e),
+      className: a("text-destructive text-sm", e),
       "data-slot": "form-message",
-      id: s,
-      ...o,
-      children: r
+      id: o,
+      ...t,
+      children: n
     }
   ) : null;
 }
 export {
-  fe as Form,
-  _e as FormControl,
-  be as FormDescription,
-  me as FormField,
-  ye as FormItem,
-  ge as FormLabel,
-  Fe as FormMessage,
-  v as useFormContext,
-  x as useFormField
+  S as Form,
+  N as FormControl,
+  w as FormDescription,
+  $ as FormField,
+  D as FormItem,
+  M as FormLabel,
+  P as FormMessage,
+  j as useFormContext,
+  d as useFormField
 };

package/dist/components/ui/atoms/hover-card.js

@@ -4,7 +4,7 @@ import { c as l } from "../../../index-B695uy69.js";
 import { c as k } from "../../../index-DFZozV_h.js";
 import { u as F } from "../../../index-437EL2iq.js";
 import { u as I } from "../../../index-5Bhkapwi.js";
-import { c as H, R as U, A as $, C as W, a as z } from "../../../index-f0YS5Ufh.js";
+import { c as H, R as U, A as $, C as W, a as z } from "../../../index-PlrlSrPo.js";
 import { P as B, D as G } from "../../../index-DYHsXnnS.js";
 import { P as T } from "../../../index-C8_QusYl.js";
 import { P as K } from "../../../index-CpDnqHCm.js";

package/dist/components/ui/atoms/index.d.ts

@@ -16,6 +16,7 @@ export * from './input';
 export * from './label';
 export * from './popover';
 export * from './progress';
+export * from './radio-group';
 export * from './resizable';
 export * from './scroll-area';
 export * from './select';