@la-batcave/ui 3.1.2

package/dist/Dialog.d.ts

@@ -0,0 +1,119 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+export interface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> {
+}
+declare const DialogOverlay: React.ForwardRefExoticComponent<DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Hide the default close (X) button. @default false */
+    hideClose?: boolean;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function DialogFooter({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface DialogTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface DialogDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+}
+declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface DialogBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function DialogBody({ className, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
+export interface AlertDialogOptions {
+    /** Dialog title. */
+    title: React.ReactNode;
+    /** Short description below the title. */
+    description?: React.ReactNode;
+    /** Body message. */
+    message?: React.ReactNode;
+    /** Custom button content. @default "OK" */
+    button?: React.ReactNode;
+}
+/**
+ * Imperative alert dialog with a single button. Returns a Promise that
+ * resolves when the user dismisses the dialog.
+ *
+ * @example
+ * await alertDialog({
+ *   title: "Session expiree",
+ *   message: "Veuillez vous reconnecter.",
+ * });
+ */
+declare function alertDialog(options: AlertDialogOptions): Promise<void>;
+export interface ConfirmDialogOptions {
+    /** Dialog title. */
+    title: React.ReactNode;
+    /** Short description below the title. */
+    description?: React.ReactNode;
+    /** Body message between header and footer. */
+    message?: React.ReactNode;
+    /** Custom confirm button. Pass a string for default styling, or a <Button> element for full control. @default "Confirmer" */
+    confirmButton?: React.ReactNode;
+    /** Custom cancel button. Pass a string for default styling, or a <Button> element for full control. @default "Annuler" */
+    cancelButton?: React.ReactNode;
+    /** Allow closing via overlay click, Escape, or X button. @default true */
+    closable?: boolean;
+    /** Async callback executed on confirm. Dialog stays open while pending. */
+    onSuccess?: () => Promise<void> | void;
+    /** Async callback executed on cancel. Dialog stays open while pending. */
+    onCancel?: () => Promise<void> | void;
+}
+/**
+ * Imperative confirmation dialog. Returns a Promise that resolves to `true`
+ * (confirmed) or `false` (cancelled).
+ *
+ * @example
+ * const ok = await confirmDialog({ title: "Delete?" });
+ * if (ok) deleteItem();
+ */
+declare function confirmDialog(options: ConfirmDialogOptions): Promise<boolean>;
+export interface PromptDialogOptions {
+    /** Dialog title. */
+    title: React.ReactNode;
+    /** Short description below the title. */
+    description?: React.ReactNode;
+    /** Body message displayed above the form fields. */
+    message?: React.ReactNode;
+    /** EasyForm field configurations. */
+    fields: import("./EasyForm").EasyFormField[];
+    /** Default values for the form fields. */
+    defaultValues?: import("./EasyForm").FormValues;
+    /** Custom confirm button. @default "Confirmer" */
+    confirmButton?: React.ReactNode;
+    /** Custom cancel button. @default "Annuler" */
+    cancelButton?: React.ReactNode;
+    /** Allow closing via overlay click, Escape, or X button. @default true */
+    closable?: boolean;
+    /** Async callback executed on confirm with the form values. Dialog stays open while pending. */
+    onSuccess?: (values: import("./EasyForm").FormValues) => Promise<void> | void;
+    /** Async callback executed on cancel. Dialog stays open while pending. */
+    onCancel?: () => Promise<void> | void;
+}
+/**
+ * Imperative prompt dialog with an EasyForm. Returns a Promise that resolves
+ * to the form values on confirm, or `null` on cancel.
+ *
+ * The confirm button triggers EasyForm validation. The dialog only closes
+ * when validation passes and the optional `onSuccess` promise resolves.
+ *
+ * @example
+ * const values = await promptDialog({
+ *   title: "Creer un serveur",
+ *   fields: [
+ *     { name: "name", type: "text", label: "Nom", validation: { required: true } },
+ *     { name: "slots", type: "number", label: "Slots", defaultValue: "20" },
+ *   ],
+ *   onSuccess: (v) => api.createServer(v),
+ * });
+ * if (values) console.log("Created:", values);
+ */
+declare function promptDialog(options: PromptDialogOptions): Promise<import("./EasyForm").FormValues | null>;
+export { Dialog, DialogTrigger, DialogClose, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogBody, alertDialog, confirmDialog, promptDialog, };

package/dist/Dialog.js

@@ -0,0 +1,337 @@
+"use client";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import * as d from "react";
+import { O as K, P as V, C as q, a as z, T as H, D as L, R as X, b as G } from "./_shared/index-DlSuDb9N.js";
+import { X as J } from "lucide-react";
+import { c as h } from "./_shared/utils-eGXXUFl7.js";
+import { Button as M } from "./Button.js";
+import { EasyForm as Q } from "./EasyForm.js";
+const P = X, re = G, ae = z, U = V, I = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+  K,
+  {
+    ref: o,
+    className: h(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
+      "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+      n
+    ),
+    ...e
+  }
+));
+I.displayName = "DialogOverlay";
+const N = d.forwardRef(({ className: n, children: e, hideClose: o, ...i }, a) => /* @__PURE__ */ f(U, { children: [
+  /* @__PURE__ */ t(I, {}),
+  /* @__PURE__ */ t("div", { className: "fixed inset-x-0 top-0 z-50 h-[100dvh] flex items-center justify-center overflow-y-auto p-4 pointer-events-none", children: /* @__PURE__ */ f(
+    q,
+    {
+      ref: a,
+      className: h(
+        "relative pointer-events-auto my-auto",
+        "w-[90%] max-w-[480px] max-h-[85dvh]",
+        "blurred-bg bg-card/90 backdrop-blur-lg border border-border rounded-xl shadow-lg",
+        "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",
+        "focus:outline-none",
+        "flex flex-col gap-5 py-5",
+        n
+      ),
+      ...i,
+      children: [
+        e,
+        !o && /* @__PURE__ */ t(z, { className: "absolute right-4 top-4 w-7 h-7 rounded-md flex items-center justify-center text-muted-foreground hover:text-foreground hover:bg-secondary transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring", children: /* @__PURE__ */ t(J, { size: 18 }) })
+      ]
+    }
+  ) })
+] }));
+N.displayName = "DialogContent";
+function E({ className: n, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("flex flex-col gap-0.5 px-5", n),
+      ...e
+    }
+  );
+}
+function S({ className: n, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h(
+        "flex items-center justify-end gap-2 py-4 px-5 -mb-5 border-t border-border",
+        n
+      ),
+      ...e
+    }
+  );
+}
+const O = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+  H,
+  {
+    ref: o,
+    className: h("text-base font-semibold text-foreground", n),
+    ...e
+  }
+));
+O.displayName = "DialogTitle";
+const R = d.forwardRef(({ className: n, ...e }, o) => /* @__PURE__ */ t(
+  L,
+  {
+    ref: o,
+    className: h("text-sm text-muted-foreground", n),
+    ...e
+  }
+));
+R.displayName = "DialogDescription";
+function j({ className: n, ...e }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h("px-5 text-sm text-foreground", n),
+      ...e
+    }
+  );
+}
+function v(n, e, o, i, a) {
+  return d.isValidElement(n) ? d.cloneElement(n, {
+    onClick: o,
+    loading: i,
+    disabled: a
+  }) : /* @__PURE__ */ t(M, { variant: e, onClick: o, loading: i, disabled: a, children: n });
+}
+function A(n) {
+  return new Promise((e) => {
+    const o = document.createElement("div");
+    document.body.appendChild(o), import("react-dom/client").then(({ createRoot: i }) => {
+      const a = i(o);
+      a.render(
+        n((c) => {
+          a.unmount(), o.remove(), e(c);
+        })
+      );
+    });
+  });
+}
+function W({
+  title: n,
+  description: e,
+  message: o,
+  button: i = "OK",
+  onDone: a
+}) {
+  const [c, g] = d.useState(!0), u = () => {
+    g(!1), setTimeout(() => a(), 200);
+  };
+  return /* @__PURE__ */ t(P, { open: c, onOpenChange: (D) => {
+    D || u();
+  }, children: /* @__PURE__ */ f(N, { children: [
+    /* @__PURE__ */ f(E, { children: [
+      /* @__PURE__ */ t(O, { children: n }),
+      e && /* @__PURE__ */ t(R, { children: e })
+    ] }),
+    o && /* @__PURE__ */ t(j, { children: o }),
+    /* @__PURE__ */ t(S, { children: v(i, "primary", u, !1, !1) })
+  ] }) });
+}
+function ie(n) {
+  return A((e) => /* @__PURE__ */ t(W, { ...n, onDone: e }));
+}
+function Y({
+  title: n,
+  description: e,
+  message: o,
+  confirmButton: i = "Confirmer",
+  cancelButton: a = "Annuler",
+  closable: c = !0,
+  onSuccess: g,
+  onCancel: u,
+  onDone: D
+}) {
+  const [b, T] = d.useState(!0), [p, y] = d.useState(null), s = p !== null, m = (r) => {
+    T(!1), setTimeout(() => D(r), 200);
+  }, x = async () => {
+    if (!s)
+      if (g) {
+        y("confirm");
+        try {
+          await g(), m(!0);
+        } catch {
+          y(null);
+        }
+      } else
+        m(!0);
+  }, C = async () => {
+    if (!s)
+      if (u) {
+        y("cancel");
+        try {
+          await u(), m(!1);
+        } catch {
+          y(null);
+        }
+      } else
+        m(!1);
+  };
+  return /* @__PURE__ */ t(
+    P,
+    {
+      open: b,
+      onOpenChange: (r) => {
+        !r && !s && c && C();
+      },
+      children: /* @__PURE__ */ f(
+        N,
+        {
+          hideClose: !c || s,
+          onEscapeKeyDown: (r) => {
+            (!c || s) && r.preventDefault();
+          },
+          onPointerDownOutside: (r) => {
+            (!c || s) && r.preventDefault();
+          },
+          onInteractOutside: (r) => {
+            (!c || s) && r.preventDefault();
+          },
+          children: [
+            /* @__PURE__ */ f(E, { children: [
+              /* @__PURE__ */ t(O, { children: n }),
+              e && /* @__PURE__ */ t(R, { children: e })
+            ] }),
+            o && /* @__PURE__ */ t(j, { children: o }),
+            /* @__PURE__ */ f(S, { children: [
+              v(a, "secondary", C, p === "cancel", p === "confirm"),
+              v(i, "primary", x, p === "confirm", p === "cancel")
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function le(n) {
+  return A((e) => /* @__PURE__ */ t(Y, { ...n, onDone: e }));
+}
+function Z({
+  title: n,
+  description: e,
+  message: o,
+  fields: i,
+  defaultValues: a,
+  confirmButton: c = "Confirmer",
+  cancelButton: g = "Annuler",
+  closable: u = !0,
+  onSuccess: D,
+  onCancel: b,
+  onDone: T
+}) {
+  const [p, y] = d.useState(!0), [s, m] = d.useState(null), x = d.useRef(null), C = d.useRef(null), r = s !== null, w = (l) => {
+    y(!1), setTimeout(() => T(l), 200);
+  }, B = async (l) => {
+    if (!r)
+      if (C.current = l, D) {
+        m("confirm");
+        try {
+          await D(l), w(l);
+        } catch {
+          m(null);
+        }
+      } else
+        w(l);
+  }, F = () => {
+    r || x.current && x.current.requestSubmit();
+  }, k = async () => {
+    if (!r)
+      if (b) {
+        m("cancel");
+        try {
+          await b(), w(null);
+        } catch {
+          m(null);
+        }
+      } else
+        w(null);
+  };
+  return /* @__PURE__ */ t(
+    P,
+    {
+      open: p,
+      onOpenChange: (l) => {
+        !l && !r && u && k();
+      },
+      children: /* @__PURE__ */ f(
+        N,
+        {
+          hideClose: !u || r,
+          onEscapeKeyDown: (l) => {
+            (!u || r) && l.preventDefault();
+          },
+          onPointerDownOutside: (l) => {
+            (!u || r) && l.preventDefault();
+          },
+          onInteractOutside: (l) => {
+            (!u || r) && l.preventDefault();
+          },
+          className: "max-h-[85dvh] flex flex-col",
+          children: [
+            /* @__PURE__ */ f(E, { children: [
+              /* @__PURE__ */ t(O, { children: n }),
+              e && /* @__PURE__ */ t(R, { children: e })
+            ] }),
+            /* @__PURE__ */ f(j, { className: "overflow-y-auto flex flex-col gap-4", children: [
+              o && /* @__PURE__ */ t("div", { children: o }),
+              /* @__PURE__ */ t(
+                Q,
+                {
+                  ref: x,
+                  fields: i,
+                  defaultValues: a,
+                  onSubmit: B
+                }
+              )
+            ] }),
+            /* @__PURE__ */ f(S, { children: [
+              v(g, "secondary", k, s === "cancel", s === "confirm"),
+              v(c, "primary", F, s === "confirm", s === "cancel")
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function ce(n) {
+  return new Promise((e) => {
+    const o = document.createElement("div");
+    document.body.appendChild(o), import("react-dom/client").then(({ createRoot: i }) => {
+      const a = i(o);
+      a.render(
+        /* @__PURE__ */ t(
+          Z,
+          {
+            ...n,
+            onDone: (c) => {
+              a.unmount(), o.remove(), e(c);
+            }
+          }
+        )
+      );
+    });
+  });
+}
+export {
+  P as Dialog,
+  j as DialogBody,
+  ae as DialogClose,
+  N as DialogContent,
+  R as DialogDescription,
+  S as DialogFooter,
+  E as DialogHeader,
+  I as DialogOverlay,
+  U as DialogPortal,
+  O as DialogTitle,
+  re as DialogTrigger,
+  ie as alertDialog,
+  le as confirmDialog,
+  ce as promptDialog
+};

package/dist/Drawer.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import("vaul").Portal;
+export interface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay> {
+}
+declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
+export interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> {
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
+export interface DrawerTitleProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title> {
+}
+declare const DrawerTitle: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description> {
+}
+declare const DrawerDescription: React.ForwardRefExoticComponent<DrawerDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerTrigger, DrawerClose, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };