@la-batcave/ui 3.1.2

package/dist/Dropdown.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+    /** Portal container. @default document.body */
+    container?: HTMLElement;
+}
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    /** Whether the item triggers a destructive action. */
+    inset?: boolean;
+}
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuSeparatorProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> {
+}
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+}
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuGroup, };

package/dist/Dropdown.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import * as d from "react";
+import { c as m, a as P, u as O } from "./_shared/index-CXeb1OMI.js";
+import { c as T } from "./_shared/index-DLcqcWxM.js";
+import { P as G } from "./_shared/index-V-Ajw7Ac.js";
+import { P as k, C as L, I as $, S as K, L as U, c as v, R as B, G as z, A as F, a as H, b as W, d as j, e as X, f as q, g as J, h as Q } from "./_shared/index-CukUn3R0.js";
+import { u as D } from "./_shared/index-BC7vfx-u.js";
+import { c as f } from "./_shared/utils-eGXXUFl7.js";
+var M = "DropdownMenu", [V] = P(
+  M,
+  [v]
+), s = v(), [Y, _] = V(M), b = (e) => {
+  const {
+    __scopeDropdownMenu: r,
+    children: o,
+    dir: n,
+    open: a,
+    defaultOpen: u,
+    onOpenChange: i,
+    modal: p = !0
+  } = e, c = s(r), g = d.useRef(null), [l, w] = O({
+    prop: a,
+    defaultProp: u ?? !1,
+    onChange: i,
+    caller: M
+  });
+  return /* @__PURE__ */ t(
+    Y,
+    {
+      scope: r,
+      triggerId: D(),
+      triggerRef: g,
+      contentId: D(),
+      open: l,
+      onOpenChange: w,
+      onOpenToggle: d.useCallback(() => w((E) => !E), [w]),
+      modal: p,
+      children: /* @__PURE__ */ t(B, { ...c, open: l, onOpenChange: w, dir: n, modal: p, children: o })
+    }
+  );
+};
+b.displayName = M;
+var h = "DropdownMenuTrigger", R = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, disabled: n = !1, ...a } = e, u = _(h, o), i = s(o);
+    return /* @__PURE__ */ t(F, { asChild: !0, ...i, children: /* @__PURE__ */ t(
+      G.button,
+      {
+        type: "button",
+        id: u.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": u.open,
+        "aria-controls": u.open ? u.contentId : void 0,
+        "data-state": u.open ? "open" : "closed",
+        "data-disabled": n ? "" : void 0,
+        disabled: n,
+        ...a,
+        ref: T(r, u.triggerRef),
+        onPointerDown: m(e.onPointerDown, (p) => {
+          !n && p.button === 0 && p.ctrlKey === !1 && (u.onOpenToggle(), u.open || p.preventDefault());
+        }),
+        onKeyDown: m(e.onKeyDown, (p) => {
+          n || (["Enter", " "].includes(p.key) && u.onOpenToggle(), p.key === "ArrowDown" && u.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+R.displayName = h;
+var Z = "DropdownMenuPortal", N = (e) => {
+  const { __scopeDropdownMenu: r, ...o } = e, n = s(r);
+  return /* @__PURE__ */ t(k, { ...n, ...o });
+};
+N.displayName = Z;
+var x = "DropdownMenuContent", I = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, ...n } = e, a = _(x, o), u = s(o), i = d.useRef(!1);
+    return /* @__PURE__ */ t(
+      L,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...u,
+        ...n,
+        ref: r,
+        onCloseAutoFocus: m(e.onCloseAutoFocus, (p) => {
+          i.current || a.triggerRef.current?.focus(), i.current = !1, p.preventDefault();
+        }),
+        onInteractOutside: m(e.onInteractOutside, (p) => {
+          const c = p.detail.originalEvent, g = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || g;
+          (!a.modal || l) && (i.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+I.displayName = x;
+var ee = "DropdownMenuGroup", y = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+    return /* @__PURE__ */ t(z, { ...a, ...n, ref: r });
+  }
+);
+y.displayName = ee;
+var oe = "DropdownMenuLabel", S = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+    return /* @__PURE__ */ t(U, { ...a, ...n, ref: r });
+  }
+);
+S.displayName = oe;
+var re = "DropdownMenuItem", C = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+    return /* @__PURE__ */ t($, { ...a, ...n, ref: r });
+  }
+);
+C.displayName = re;
+var ne = "DropdownMenuCheckboxItem", ae = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(H, { ...a, ...n, ref: r });
+});
+ae.displayName = ne;
+var te = "DropdownMenuRadioGroup", de = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(W, { ...a, ...n, ref: r });
+});
+de.displayName = te;
+var pe = "DropdownMenuRadioItem", se = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(j, { ...a, ...n, ref: r });
+});
+se.displayName = pe;
+var ue = "DropdownMenuItemIndicator", ie = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(X, { ...a, ...n, ref: r });
+});
+ie.displayName = ue;
+var ce = "DropdownMenuSeparator", A = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(K, { ...a, ...n, ref: r });
+});
+A.displayName = ce;
+var le = "DropdownMenuArrow", we = d.forwardRef(
+  (e, r) => {
+    const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+    return /* @__PURE__ */ t(q, { ...a, ...n, ref: r });
+  }
+);
+we.displayName = le;
+var me = "DropdownMenuSubTrigger", fe = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(J, { ...a, ...n, ref: r });
+});
+fe.displayName = me;
+var Me = "DropdownMenuSubContent", ge = d.forwardRef((e, r) => {
+  const { __scopeDropdownMenu: o, ...n } = e, a = s(o);
+  return /* @__PURE__ */ t(
+    Q,
+    {
+      ...a,
+      ...n,
+      ref: r,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+ge.displayName = Me;
+var De = b, ve = R, _e = N, be = I, he = y, Re = S, Ne = C, xe = A;
+const Le = De, $e = ve, Ke = he, Ie = d.forwardRef(({ className: e, sideOffset: r = 4, container: o, ...n }, a) => /* @__PURE__ */ t(_e, { container: o, children: /* @__PURE__ */ t(
+  be,
+  {
+    ref: a,
+    sideOffset: r,
+    className: f(
+      "z-50 bg-card border border-border rounded-lg shadow-lg p-1 min-w-[180px]",
+      "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "outline-none",
+      e
+    ),
+    ...n
+  }
+) }));
+Ie.displayName = "DropdownMenuContent";
+const ye = d.forwardRef(({ className: e, inset: r, ...o }, n) => /* @__PURE__ */ t(
+  Ne,
+  {
+    ref: n,
+    className: f(
+      "flex items-center gap-2 px-3 py-2 text-sm rounded-md cursor-pointer outline-none",
+      "text-foreground hover:bg-muted focus:bg-muted",
+      "data-[disabled]:opacity-50 data-[disabled]:pointer-events-none",
+      r && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+ye.displayName = "DropdownMenuItem";
+const Se = d.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  xe,
+  {
+    ref: o,
+    className: f("mx-1 my-1 h-px bg-border", e),
+    ...r
+  }
+));
+Se.displayName = "DropdownMenuSeparator";
+const Ce = d.forwardRef(({ className: e, inset: r, ...o }, n) => /* @__PURE__ */ t(
+  Re,
+  {
+    ref: n,
+    className: f(
+      "px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground",
+      r && "pl-8",
+      e
+    ),
+    ...o
+  }
+));
+Ce.displayName = "DropdownMenuLabel";
+export {
+  Le as DropdownMenu,
+  Ie as DropdownMenuContent,
+  Ke as DropdownMenuGroup,
+  ye as DropdownMenuItem,
+  Ce as DropdownMenuLabel,
+  Se as DropdownMenuSeparator,
+  $e as DropdownMenuTrigger
+};

package/dist/EasyForm.d.ts

@@ -0,0 +1,138 @@
+import * as React from "react";
+export interface ValidationRules {
+    /** Field is required. Pass a string for a custom error message. */
+    required?: boolean | string;
+    /** Minimum value (number/slider) or minimum length (string). */
+    min?: number | {
+        value: number;
+        message: string;
+    };
+    /** Maximum value (number/slider) or maximum length (string). */
+    max?: number | {
+        value: number;
+        message: string;
+    };
+    /** Minimum string length. */
+    minLength?: number | {
+        value: number;
+        message: string;
+    };
+    /** Maximum string length. */
+    maxLength?: number | {
+        value: number;
+        message: string;
+    };
+    /** Regex pattern the value must match. */
+    pattern?: RegExp | {
+        value: RegExp;
+        message: string;
+    };
+    /** Custom validator. Return an error message string, or undefined if valid. */
+    custom?: (value: unknown, values: FormValues) => string | undefined;
+}
+export type FormValues = Record<string, unknown>;
+interface BaseField {
+    /** Unique field name, used as key in values. */
+    name: string;
+    /** Label displayed above/next to the field. */
+    label?: string;
+    /** Placeholder text. */
+    placeholder?: string;
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Validation rules. */
+    validation?: ValidationRules;
+}
+export interface TextField extends BaseField {
+    type: "text" | "email" | "password" | "number";
+    icon?: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    iconPosition?: "left" | "right";
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    defaultValue?: string;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectOptionGroup {
+    group: string;
+    options: SelectOption[];
+}
+export interface SelectField extends BaseField {
+    type: "select";
+    options: (SelectOption | SelectOptionGroup)[];
+    native?: boolean;
+    defaultValue?: string;
+}
+export interface TextareaField extends BaseField {
+    type: "textarea";
+    rows?: number;
+    icon?: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    iconPosition?: "left" | "right";
+    defaultValue?: string;
+}
+export interface ToggleField extends BaseField {
+    type: "toggle";
+    description?: string;
+    labelPosition?: "left" | "right";
+    defaultValue?: boolean;
+}
+export interface CheckboxField extends BaseField {
+    type: "checkbox";
+    description?: string;
+    labelPosition?: "left" | "right";
+    defaultValue?: boolean;
+}
+export interface RadioOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface RadioField extends BaseField {
+    type: "radio";
+    options: RadioOption[];
+    defaultValue?: string;
+}
+export interface SliderField extends BaseField {
+    type: "slider";
+    min?: number;
+    max?: number;
+    step?: number;
+    renderValue?: (value: number) => string;
+    defaultValue?: number[];
+}
+export interface RowField {
+    type: "row";
+    /** Fields displayed side by side in a grid row. */
+    fields: EasyFormField[];
+}
+export type EasyFormField = TextField | SelectField | TextareaField | ToggleField | CheckboxField | RadioField | SliderField | RowField;
+export interface EasyFormProps {
+    /** Array of field configurations. */
+    fields: EasyFormField[];
+    /** Called with all form values when the form is submitted and validation passes. */
+    onSubmit?: (values: FormValues) => void;
+    /** Called whenever a field value changes. */
+    onChange?: (values: FormValues, changedField: string) => void;
+    /** Default values for the form fields. Keys are field names. */
+    defaultValues?: FormValues;
+    /** Custom submit button. If not provided, no submit button is rendered. */
+    submitButton?: React.ReactNode;
+    /** Custom reset button. Resets all fields to defaultValues. */
+    resetButton?: React.ReactNode;
+    /** Gap between fields. @default "gap-4" */
+    gap?: string;
+    /** Additional CSS classes for the form element. */
+    className?: string;
+}
+declare const EasyForm: React.ForwardRefExoticComponent<EasyFormProps & React.RefAttributes<HTMLFormElement>>;
+export { EasyForm };

package/dist/EasyForm.js

@@ -0,0 +1,286 @@
+"use client";
+import { jsxs as L, jsx as o } from "react/jsx-runtime";
+import * as T from "react";
+import { useState as N, useRef as _, useCallback as w } from "react";
+import { Slider as z, RadioGroup as H, RadioGroupItem as J, Checkbox as K, Toggle as Q, Textarea as U, Select as $, SelectGroup as W, SelectItem as R, Input as X } from "./Input.js";
+import { c as C } from "./_shared/utils-eGXXUFl7.js";
+function V(e) {
+  return "group" in e;
+}
+function Y(e) {
+  if (e.type !== "row") {
+    if ("defaultValue" in e && e.defaultValue !== void 0) return e.defaultValue;
+    switch (e.type) {
+      case "toggle":
+      case "checkbox":
+        return !1;
+      case "slider":
+        return [e.min ?? 0];
+      case "number":
+        return "";
+      default:
+        return "";
+    }
+  }
+}
+function y(e) {
+  const n = [];
+  for (const c of e)
+    c.type === "row" ? n.push(...y(c.fields)) : n.push(c);
+  return n;
+}
+function G(e, n) {
+  const c = {};
+  for (const t of y(e)) {
+    const i = t.name;
+    c[i] = n?.[i] !== void 0 ? n[i] : Y(t);
+  }
+  return c;
+}
+function h(e) {
+  return typeof e == "object" && e !== null && "value" in e ? e.value : e;
+}
+function g(e, n) {
+  return typeof e == "object" && e !== null && "message" in e ? e.message : n;
+}
+function M(e, n, c) {
+  const t = e.validation;
+  if (!t) return;
+  if (t.required && (n == null || n === "" || Array.isArray(n) && n.length === 0))
+    return typeof t.required == "string" ? t.required : `${e.label || e.name} est requis`;
+  const i = typeof n == "string" ? n : "", a = typeof n == "number" ? n : Number(n);
+  if (t.minLength !== void 0 && typeof n == "string") {
+    const r = h(t.minLength);
+    if (i.length < r)
+      return g(t.minLength, `Minimum ${r} caracteres`);
+  }
+  if (t.maxLength !== void 0 && typeof n == "string") {
+    const r = h(t.maxLength);
+    if (i.length > r)
+      return g(t.maxLength, `Maximum ${r} caracteres`);
+  }
+  if (t.min !== void 0) {
+    const r = h(t.min), l = Array.isArray(n) ? n[0] : a;
+    if (typeof l == "number" && l < r)
+      return g(t.min, `Minimum ${r}`);
+  }
+  if (t.max !== void 0) {
+    const r = h(t.max), l = Array.isArray(n) ? n[n.length - 1] : a;
+    if (typeof l == "number" && l > r)
+      return g(t.max, `Maximum ${r}`);
+  }
+  if (t.pattern !== void 0 && typeof n == "string" && !h(t.pattern).test(i))
+    return g(t.pattern, "Format invalide");
+  if (t.custom)
+    return t.custom(n, c);
+}
+function Z({ field: e, value: n, error: c, onValueChange: t }) {
+  const { name: i } = e;
+  switch (e.type) {
+    case "text":
+    case "email":
+    case "password":
+    case "number":
+      return /* @__PURE__ */ o(
+        X,
+        {
+          type: e.type,
+          label: e.label,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          icon: e.icon,
+          iconPosition: e.iconPosition,
+          prefix: e.prefix,
+          suffix: e.suffix,
+          value: n,
+          onChange: (a) => t(i, a.target.value),
+          error: c
+        }
+      );
+    case "select": {
+      const a = e.options.some(V);
+      return e.native ? /* @__PURE__ */ o(
+        $,
+        {
+          label: e.label,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          native: !0,
+          value: n,
+          onValueChange: (r) => t(i, r),
+          children: e.options.map(
+            (r, l) => V(r) ? /* @__PURE__ */ o("optgroup", { label: r.group, children: r.options.map((u) => /* @__PURE__ */ o("option", { value: u.value, disabled: u.disabled, children: u.label }, u.value)) }, l) : /* @__PURE__ */ o("option", { value: r.value, disabled: r.disabled, children: r.label }, r.value)
+          )
+        }
+      ) : /* @__PURE__ */ o(
+        $,
+        {
+          label: e.label,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          value: n,
+          onValueChange: (r) => t(i, r),
+          children: a ? e.options.map(
+            (r, l) => V(r) ? /* @__PURE__ */ o(W, { label: r.group, children: r.options.map((u) => /* @__PURE__ */ o(R, { value: u.value, disabled: u.disabled, children: u.label }, u.value)) }, l) : /* @__PURE__ */ o(R, { value: r.value, disabled: r.disabled, children: r.label }, r.value)
+          ) : e.options.map((r) => /* @__PURE__ */ o(R, { value: r.value, disabled: r.disabled, children: r.label }, r.value))
+        }
+      );
+    }
+    case "textarea":
+      return /* @__PURE__ */ o(
+        U,
+        {
+          label: e.label,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          rows: e.rows,
+          icon: e.icon,
+          iconPosition: e.iconPosition,
+          value: n,
+          onChange: (a) => t(i, a.target.value),
+          error: c
+        }
+      );
+    case "toggle":
+      return /* @__PURE__ */ o(
+        Q,
+        {
+          label: e.label,
+          description: e.description,
+          disabled: e.disabled,
+          labelPosition: e.labelPosition,
+          checked: n,
+          onChange: (a) => t(i, a)
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ o(
+        K,
+        {
+          label: e.label,
+          description: e.description,
+          disabled: e.disabled,
+          labelPosition: e.labelPosition,
+          checked: n,
+          onChange: (a) => t(i, a)
+        }
+      );
+    case "radio":
+      return /* @__PURE__ */ o(
+        H,
+        {
+          label: e.label,
+          disabled: e.disabled,
+          value: n,
+          onValueChange: (a) => t(i, a),
+          children: e.options.map((a) => /* @__PURE__ */ o(
+            J,
+            {
+              value: a.value,
+              label: a.label,
+              description: a.description,
+              disabled: a.disabled
+            },
+            a.value
+          ))
+        }
+      );
+    case "slider":
+      return /* @__PURE__ */ o(
+        z,
+        {
+          label: e.label,
+          disabled: e.disabled,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          renderValue: e.renderValue,
+          value: n,
+          onValueChange: (a) => t(i, a)
+        }
+      );
+    default:
+      return null;
+  }
+}
+const ae = T.forwardRef(function({
+  fields: n,
+  onSubmit: c,
+  onChange: t,
+  defaultValues: i,
+  submitButton: a,
+  resetButton: r,
+  gap: l = "gap-4",
+  className: u
+}, q) {
+  const [p, P] = N(
+    () => G(n, i)
+  ), [I, f] = N({}), v = _(!1), D = w(
+    (s, d) => {
+      P((b) => {
+        const m = { ...b, [s]: d };
+        if (v.current) {
+          const j = y(n).find((x) => x.name === s);
+          if (j) {
+            const x = M(j, d, m);
+            f((A) => {
+              if (x) return { ...A, [s]: x };
+              const { [s]: B, ...O } = A;
+              return O;
+            });
+          }
+        }
+        return t?.(m, s), m;
+      });
+    },
+    [n, t]
+  ), E = w(
+    (s) => {
+      s.preventDefault(), v.current = !0;
+      const d = y(n), b = {};
+      for (const m of d) {
+        const k = M(m, p[m.name], p);
+        k && (b[m.name] = k);
+      }
+      f(b), Object.keys(b).length === 0 && c?.(p);
+    },
+    [n, p, c]
+  ), F = w(() => {
+    const s = G(n, i);
+    P(s), f({}), v.current = !1;
+  }, [n, i]);
+  function S(s, d) {
+    return s.type === "row" ? /* @__PURE__ */ o("div", { className: C("grid gap-4", `grid-cols-${s.fields.length}`), children: s.fields.map((b, m) => S(b, m)) }, d) : /* @__PURE__ */ o(
+      Z,
+      {
+        field: s,
+        value: p[s.name],
+        error: I[s.name],
+        onValueChange: D
+      },
+      s.name
+    );
+  }
+  return /* @__PURE__ */ L(
+    "form",
+    {
+      ref: q,
+      onSubmit: E,
+      onReset: (s) => {
+        s.preventDefault(), F();
+      },
+      className: C("flex flex-col", l, u),
+      noValidate: !0,
+      children: [
+        n.map((s, d) => S(s, d)),
+        (a || r) && /* @__PURE__ */ L("div", { className: "flex items-center justify-end gap-2 mt-2", children: [
+          r && /* @__PURE__ */ o("span", { onClick: F, className: "cursor-pointer", children: r }),
+          a && /* @__PURE__ */ o("button", { type: "submit", className: "contents", children: a })
+        ] })
+      ]
+    }
+  );
+});
+export {
+  ae as EasyForm
+};

package/dist/HoverCard.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+export interface HoverCardContentProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
+    /** Portal container. @default document.body */
+    container?: HTMLElement;
+}
+declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };