@greatapps/greatauth-ui 0.3.6 → 0.3.8

package/dist/index.js

@@ -7,15 +7,15 @@ var { useSession, signIn, signUp, signOut } = authClient;
 import { NextResponse } from "next/server";
 function createAuthMiddleware(config) {
   const { publicPaths, preserveSearchParams = false } = config;
-  return function middleware(request) {
-    const { pathname, search } = request.nextUrl;
+  return function middleware(request2) {
+    const { pathname, search } = request2.nextUrl;
     if (publicPaths.some((path) => pathname.startsWith(path))) {
       return NextResponse.next();
     }
-    const sessionToken = request.cookies.get("better-auth.session_token")?.value || request.cookies.get("__Secure-better-auth.session_token")?.value;
+    const sessionToken = request2.cookies.get("better-auth.session_token")?.value || request2.cookies.get("__Secure-better-auth.session_token")?.value;
     if (!sessionToken) {
       const callbackUrl = preserveSearchParams ? pathname + search : pathname;
-      const loginUrl = new URL("/login", request.url);
+      const loginUrl = new URL("/login", request2.url);
       loginUrl.searchParams.set("callbackUrl", callbackUrl);
       return NextResponse.redirect(loginUrl);
     }
@@ -346,6 +346,16 @@ function SheetDescription({
 
 // src/components/ui/skeleton.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-muted rounded-md animate-pulse", className),
+      ...props
+    }
+  );
+}
 
 // src/components/ui/sidebar.tsx
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1312,16 +1322,1426 @@ function LoginForm({ config }) {
     /* @__PURE__ */ jsx18("p", { className: "mt-6 text-center text-xs text-muted-foreground", children: config.footerText || "Acesso restrito a utilizadores autorizados" })
   ] }) });
 }
+
+// src/components/entity-avatar.tsx
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var COLORS = [
+  "bg-red-100 text-red-700 dark:bg-red-900 dark:text-red-300",
+  "bg-orange-100 text-orange-700 dark:bg-orange-900 dark:text-orange-300",
+  "bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300",
+  "bg-emerald-100 text-emerald-700 dark:bg-emerald-900 dark:text-emerald-300",
+  "bg-cyan-100 text-cyan-700 dark:bg-cyan-900 dark:text-cyan-300",
+  "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
+  "bg-violet-100 text-violet-700 dark:bg-violet-900 dark:text-violet-300",
+  "bg-pink-100 text-pink-700 dark:bg-pink-900 dark:text-pink-300"
+];
+var SIZE_MAP = {
+  xs: "h-5 w-5 text-[9px]",
+  sm: "h-6 w-6 text-[10px]",
+  md: "h-8 w-8 text-xs",
+  lg: "h-10 w-10 text-sm",
+  xl: "h-16 w-16 text-lg"
+};
+function hashCode(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return Math.abs(hash);
+}
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+  }
+  return (name[0] || "?").toUpperCase();
+}
+function EntityAvatar({
+  photo,
+  name,
+  size = "md",
+  className
+}) {
+  const displayName = name || "?";
+  const color = COLORS[hashCode(displayName) % COLORS.length];
+  const initials = getInitials(displayName);
+  return /* @__PURE__ */ jsxs11(Avatar, { className: cn(SIZE_MAP[size], className), children: [
+    photo && /* @__PURE__ */ jsx19(
+      AvatarImage,
+      {
+        src: photo,
+        alt: displayName,
+        className: "object-cover"
+      }
+    ),
+    /* @__PURE__ */ jsx19(AvatarFallback, { className: cn("font-medium", color), children: initials })
+  ] });
+}
+
+// src/components/image-crop-upload.tsx
+import { useCallback as useCallback3, useRef, useState as useState4 } from "react";
+import Cropper from "react-easy-crop";
+
+// src/components/ui/dialog.tsx
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50", className),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs12(DialogPortal, { children: [
+    /* @__PURE__ */ jsx20(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs12(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-6 rounded-xl p-6 text-sm ring-1 duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx20(DialogPrimitive.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs12(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm", children: [
+            /* @__PURE__ */ jsx20(X2, {}),
+            /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Close" })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("gap-2 flex flex-col", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/slider.tsx
+import * as React2 from "react";
+import { Slider as SliderPrimitive } from "radix-ui";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = React2.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsxs13(
+    SliderPrimitive.Root,
+    {
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      className: cn(
+        "data-vertical:min-h-40 relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:w-auto data-vertical:flex-col",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx21(
+          SliderPrimitive.Track,
+          {
+            "data-slot": "slider-track",
+            className: "bg-muted rounded-full data-horizontal:h-1.5 data-vertical:w-1.5 relative grow overflow-hidden data-horizontal:w-full data-vertical:h-full",
+            children: /* @__PURE__ */ jsx21(
+              SliderPrimitive.Range,
+              {
+                "data-slot": "slider-range",
+                className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx21(
+          SliderPrimitive.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary ring-ring/50 size-4 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden block shrink-0 select-none disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+
+// src/components/image-crop-upload.tsx
+import { toast } from "sonner";
+import { Camera, Trash2 } from "lucide-react";
+
+// src/lib/image-utils.ts
+async function getCroppedImage(imageSrc, cropArea, outputSize = 400, quality = 0.85) {
+  const image = await loadImage(imageSrc);
+  const canvas = document.createElement("canvas");
+  canvas.width = outputSize;
+  canvas.height = outputSize;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("Canvas context not available");
+  ctx.drawImage(
+    image,
+    cropArea.x,
+    cropArea.y,
+    cropArea.width,
+    cropArea.height,
+    0,
+    0,
+    outputSize,
+    outputSize
+  );
+  const blob = await new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (b) => b ? resolve(b) : reject(new Error("Failed to create blob")),
+      "image/webp",
+      quality
+    );
+  });
+  return blobToBase64(blob);
+}
+function loadImage(src) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => resolve(img);
+    img.onerror = reject;
+    img.src = src;
+  });
+}
+function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      resolve(result.split(",")[1]);
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+var ACCEPTED_TYPES = ["image/png", "image/jpeg", "image/jpg", "image/webp"];
+var MAX_SIZE_BYTES = 5 * 1024 * 1024;
+function validateImageFile(file) {
+  if (!ACCEPTED_TYPES.includes(file.type)) {
+    return "Formato n\xE3o suportado. Use PNG, JPG ou WEBP";
+  }
+  if (file.size > MAX_SIZE_BYTES) {
+    return "Imagem muito grande. M\xE1ximo: 5MB";
+  }
+  return null;
+}
+function fileToDataUrl(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(file);
+  });
+}
+
+// src/components/image-crop-upload.tsx
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+var STORAGE_URL_MAP = {
+  users: "https://gauth-r2-storage.greatlabs.workers.dev",
+  agents: "https://gagents-r2-storage.greatlabs.workers.dev",
+  contacts: "https://gchat-r2-storage.greatlabs.workers.dev",
+  professionals: "https://gclinic-r2-storage.greatlabs.workers.dev",
+  patients: "https://gclinic-r2-storage.greatlabs.workers.dev",
+  clinics: "https://gclinic-r2-storage.greatlabs.workers.dev"
+};
+var BUCKET_MAP = {
+  users: "gauth-r1-storage",
+  agents: "gagents-r1-storage",
+  contacts: "gchat-r1-storage",
+  professionals: "gclinic-r1-storage",
+  patients: "gclinic-r1-storage",
+  clinics: "gclinic-r1-storage"
+};
+var DEFAULT_STORAGE_URL = "https://gauth-r2-storage.greatlabs.workers.dev";
+var DEFAULT_BUCKET = "gauth-r1-storage";
+function ImageCropUpload({
+  value,
+  onChange,
+  onRemove,
+  entityType,
+  entityId,
+  idAccount,
+  name,
+  disabled = false
+}) {
+  const [imageSrc, setImageSrc] = useState4(null);
+  const [crop, setCrop] = useState4({ x: 0, y: 0 });
+  const [zoom, setZoom] = useState4(1);
+  const [croppedArea, setCroppedArea] = useState4(null);
+  const [isOpen, setIsOpen] = useState4(false);
+  const [isUploading, setIsUploading] = useState4(false);
+  const inputRef = useRef(null);
+  const onCropComplete = useCallback3((_, croppedAreaPixels) => {
+    setCroppedArea(croppedAreaPixels);
+  }, []);
+  const handleFileSelect = useCallback3(
+    async (e) => {
+      const file = e.target.files?.[0];
+      if (!file) return;
+      const error = validateImageFile(file);
+      if (error) {
+        toast.error(error);
+        if (inputRef.current) inputRef.current.value = "";
+        return;
+      }
+      const dataUrl = await fileToDataUrl(file);
+      setImageSrc(dataUrl);
+      setCrop({ x: 0, y: 0 });
+      setZoom(1);
+      setIsOpen(true);
+      if (inputRef.current) inputRef.current.value = "";
+    },
+    []
+  );
+  const handleConfirmCrop = useCallback3(async () => {
+    if (!imageSrc || !croppedArea) return;
+    setIsUploading(true);
+    try {
+      const base64 = await getCroppedImage(imageSrc, croppedArea);
+      const path = `${entityType}/${idAccount}/${entityId || "temp"}.webp`;
+      const storageUrl = STORAGE_URL_MAP[entityType] || DEFAULT_STORAGE_URL;
+      const bucket = BUCKET_MAP[entityType] || DEFAULT_BUCKET;
+      const res = await fetch(storageUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ file: base64, bucket, path })
+      });
+      const data = await res.json();
+      if (data.status !== 1) {
+        throw new Error(data.message || "Erro ao enviar imagem");
+      }
+      const publicUrl = `${storageUrl}/${path}?t=${Date.now()}`;
+      onChange(publicUrl);
+      toast.success("Imagem atualizada");
+    } catch (err) {
+      toast.error(
+        err instanceof Error ? err.message : "Erro ao enviar imagem"
+      );
+    } finally {
+      setIsUploading(false);
+      setIsOpen(false);
+      setImageSrc(null);
+    }
+  }, [imageSrc, croppedArea, entityType, entityId, idAccount, onChange]);
+  const handleRemove = useCallback3(async () => {
+    if (!value) return;
+    try {
+      const path = `${entityType}/${idAccount}/${entityId || "temp"}.webp`;
+      const storageUrl = STORAGE_URL_MAP[entityType] || DEFAULT_STORAGE_URL;
+      const bucket = BUCKET_MAP[entityType] || DEFAULT_BUCKET;
+      await fetch(storageUrl, {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ bucket, path })
+      });
+      onRemove?.();
+      toast.success("Imagem removida");
+    } catch {
+      toast.error("Erro ao remover imagem");
+    }
+  }, [value, entityType, entityId, idAccount, onRemove]);
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "relative group", children: [
+      /* @__PURE__ */ jsx22(EntityAvatar, { photo: value, name: name ?? null, size: "xl" }),
+      !disabled && /* @__PURE__ */ jsx22(
+        "button",
+        {
+          type: "button",
+          onClick: () => inputRef.current?.click(),
+          className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer",
+          children: /* @__PURE__ */ jsx22(Camera, { className: "h-5 w-5 text-white" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx22(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        onChange: handleFileSelect,
+        className: "hidden",
+        disabled
+      }
+    ),
+    !disabled && value && /* @__PURE__ */ jsxs14(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: handleRemove,
+        className: "text-destructive hover:text-destructive",
+        children: [
+          /* @__PURE__ */ jsx22(Trash2, { className: "h-4 w-4 mr-1" }),
+          "Remover"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx22(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: /* @__PURE__ */ jsxs14(DialogContent, { className: "sm:max-w-md", children: [
+      /* @__PURE__ */ jsx22(DialogHeader, { children: /* @__PURE__ */ jsx22(DialogTitle, { children: "Recortar imagem" }) }),
+      /* @__PURE__ */ jsx22("div", { className: "relative w-full h-72 bg-muted rounded-md overflow-hidden", children: imageSrc && /* @__PURE__ */ jsx22(
+        Cropper,
+        {
+          image: imageSrc,
+          crop,
+          zoom,
+          aspect: 1,
+          onCropChange: setCrop,
+          onZoomChange: setZoom,
+          onCropComplete,
+          cropShape: "round",
+          showGrid: false
+        }
+      ) }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3 px-1", children: [
+        /* @__PURE__ */ jsx22("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Zoom" }),
+        /* @__PURE__ */ jsx22(
+          Slider,
+          {
+            value: [zoom],
+            onValueChange: (v) => setZoom(v[0]),
+            min: 1,
+            max: 3,
+            step: 0.1,
+            className: "flex-1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14(DialogFooter, { children: [
+        /* @__PURE__ */ jsx22(
+          Button,
+          {
+            variant: "outline",
+            onClick: () => {
+              setIsOpen(false);
+              setImageSrc(null);
+            },
+            disabled: isUploading,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx22(
+          Button,
+          {
+            onClick: handleConfirmCrop,
+            disabled: isUploading || !croppedArea,
+            children: isUploading ? "Enviando..." : "Confirmar"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/hooks/use-users.ts
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+function buildUrl(config, path) {
+  const lang = config.language || "pt-br";
+  const idWl = config.idWl || "1";
+  return `${config.gauthApiUrl}/v1/${lang}/${idWl}/accounts/${config.accountId}/${path}`;
+}
+async function request(url, token, options) {
+  const res = await fetch(url, {
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${token}`
+    },
+    ...options
+  });
+  if (!res.ok) {
+    let message = `HTTP ${res.status}`;
+    try {
+      const b = await res.json();
+      message = b.message || message;
+    } catch {
+    }
+    throw new Error(message);
+  }
+  const json = await res.json();
+  if (json.status === 0) throw new Error(json.message || "Opera\xE7\xE3o falhou");
+  return json;
+}
+function useUsers(config, params) {
+  return useQuery({
+    queryKey: ["greatauth", "users", config.accountId, params],
+    queryFn: () => {
+      const qs = params ? "?" + new URLSearchParams(params).toString() : "";
+      return request(buildUrl(config, `users${qs}`), config.token);
+    },
+    enabled: !!config.token && !!config.accountId,
+    select: (res) => ({ data: res.data || [], total: res.total || 0 })
+  });
+}
+function useCreateUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (data) => request(buildUrl(config, "users"), config.token, {
+      method: "POST",
+      body: JSON.stringify(data)
+    }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useUpdateUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, body }) => request(buildUrl(config, `users/${id}`), config.token, {
+      method: "PUT",
+      body: JSON.stringify(body)
+    }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useDeleteUser(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => request(buildUrl(config, `users/${id}`), config.token, { method: "DELETE" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+function useResetPassword(config) {
+  const qc = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => request(buildUrl(config, `users/${id}/reset-password`), config.token, { method: "POST" }),
+    onSuccess: () => qc.invalidateQueries({ queryKey: ["greatauth", "users"] })
+  });
+}
+
+// src/components/users/users-page.tsx
+import { useMemo as useMemo3, useState as useState7 } from "react";
+
+// src/components/users/user-form-dialog.tsx
+import { useEffect as useEffect3, useState as useState5 } from "react";
+
+// src/components/ui/select.tsx
+import { Select as SelectPrimitive } from "radix-ui";
+import { ChevronsUpDown, Check as Check2, ChevronUp as ChevronUp2, ChevronDown } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 gap-1.5 rounded-md border bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-3 aria-invalid:ring-3 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:gap-1.5 [&_svg:not([class*='size-'])]:size-4 flex w-fit items-center justify-between whitespace-nowrap outline-none disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx23(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx23(ChevronsUpDown, { className: "text-muted-foreground size-4 pointer-events-none" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative z-50 max-h-(--radix-select-content-available-height) origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto data-[align-trigger=true]:animate-none", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx23(
+          SelectPrimitive.Viewport,
+          {
+            "data-position": position,
+            className: cn(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
+              position === "popper" && ""
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx23(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx23(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(Check2, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx23(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+      ...props,
+      children: /* @__PURE__ */ jsx23(ChevronUp2, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4", className),
+      ...props,
+      children: /* @__PURE__ */ jsx23(ChevronDown, {})
+    }
+  );
+}
+
+// src/components/users/user-form-dialog.tsx
+import { Loader2 as Loader22 } from "lucide-react";
+import { toast as toast2 } from "sonner";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+var DEFAULT_PROFILES = [
+  { value: "owner", label: "Propriet\xE1rio" },
+  { value: "admin", label: "Administrador" },
+  { value: "collaborator", label: "Colaborador" },
+  { value: "attendant", label: "Atendente" },
+  { value: "viewer", label: "Visualizador" }
+];
+function UserFormDialog({
+  open,
+  onOpenChange,
+  user,
+  config,
+  profileOptions,
+  renderPhones
+}) {
+  const isEditing = !!user;
+  const createUser = useCreateUser(config);
+  const updateUser = useUpdateUser(config);
+  const profiles = profileOptions || DEFAULT_PROFILES;
+  const [name, setName] = useState5("");
+  const [lastName, setLastName] = useState5("");
+  const [email, setEmail] = useState5("");
+  const [profile, setProfile] = useState5("collaborator");
+  const [password, setPassword] = useState5("");
+  const [photo, setPhoto] = useState5("");
+  useEffect3(() => {
+    if (user) {
+      setName(user.name || "");
+      setLastName(user.last_name || "");
+      setEmail(user.email || "");
+      setProfile(user.profile || "collaborator");
+      setPhoto(user.photo || "");
+    } else {
+      setName("");
+      setLastName("");
+      setEmail("");
+      setProfile("collaborator");
+      setPhoto("");
+    }
+    setPassword("");
+  }, [user, open]);
+  const isPending = createUser.isPending || updateUser.isPending;
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!name.trim() || !email.trim()) return;
+    try {
+      if (isEditing) {
+        await updateUser.mutateAsync({
+          id: user.id,
+          body: {
+            name: name.trim(),
+            last_name: lastName.trim() || void 0,
+            email: email.trim(),
+            profile,
+            photo: photo || null
+          }
+        });
+        toast2.success("Usu\xE1rio atualizado");
+      } else {
+        await createUser.mutateAsync({
+          name: name.trim(),
+          last_name: lastName.trim() || void 0,
+          email: email.trim(),
+          profile,
+          password: password || void 0,
+          photo: photo || null
+        });
+        toast2.success("Usu\xE1rio criado");
+      }
+      onOpenChange(false);
+    } catch {
+      toast2.error(isEditing ? "Erro ao atualizar usu\xE1rio" : "Erro ao criar usu\xE1rio");
+    }
+  }
+  return /* @__PURE__ */ jsx24(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { children: [
+    /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: isEditing ? "Editar Usu\xE1rio" : "Novo Usu\xE1rio" }) }),
+    /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsx24("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx24(
+        ImageCropUpload,
+        {
+          value: photo || null,
+          onChange: setPhoto,
+          onRemove: () => setPhoto(""),
+          entityType: "users",
+          entityId: user?.id,
+          idAccount: Number(config.accountId) || 0,
+          name: `${name} ${lastName}`.trim() || null,
+          disabled: isPending
+        }
+      ) }),
+      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24(Label, { htmlFor: "user-name", children: "Nome *" }),
+          /* @__PURE__ */ jsx24(Input, { id: "user-name", value: name, onChange: (e) => setName(e.target.value), placeholder: "Nome", required: true, disabled: isPending })
+        ] }),
+        /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx24(Label, { htmlFor: "user-lastname", children: "Sobrenome" }),
+          /* @__PURE__ */ jsx24(Input, { id: "user-lastname", value: lastName, onChange: (e) => setLastName(e.target.value), placeholder: "Sobrenome", disabled: isPending })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "user-email", children: "E-mail *" }),
+        /* @__PURE__ */ jsx24(Input, { id: "user-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "email@exemplo.com", required: true, disabled: isPending })
+      ] }),
+      !isEditing && /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { htmlFor: "user-password", children: "Senha" }),
+        /* @__PURE__ */ jsx24(Input, { id: "user-password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Senha inicial (opcional)", disabled: isPending })
+      ] }),
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx24(Label, { children: "Perfil de acesso" }),
+        /* @__PURE__ */ jsxs16(Select, { value: profile, onValueChange: setProfile, disabled: isPending, children: [
+          /* @__PURE__ */ jsx24(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx24(SelectValue, {}) }),
+          /* @__PURE__ */ jsx24(SelectContent, { children: profiles.map((opt) => /* @__PURE__ */ jsx24(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+        ] })
+      ] }),
+      isEditing && renderPhones && /* @__PURE__ */ jsx24("div", { className: "border-t pt-4", children: renderPhones(user.id) }),
+      /* @__PURE__ */ jsxs16(DialogFooter, { children: [
+        /* @__PURE__ */ jsx24(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isPending, children: "Cancelar" }),
+        /* @__PURE__ */ jsxs16(Button, { type: "submit", disabled: isPending || !name.trim() || !email.trim(), children: [
+          isPending && /* @__PURE__ */ jsx24(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+          isEditing ? "Salvar" : "Criar"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/users/user-profile-badge.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var profileConfig = {
+  owner: { label: "Propriet\xE1rio", className: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200" },
+  proprietario: { label: "Propriet\xE1rio", className: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200" },
+  admin: { label: "Administrador", className: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" },
+  administrador: { label: "Administrador", className: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200" },
+  manager: { label: "Gerente", className: "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200" },
+  gerente: { label: "Gerente", className: "bg-teal-100 text-teal-800 dark:bg-teal-900 dark:text-teal-200" },
+  supervisor: { label: "Supervisor", className: "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200" },
+  collaborator: { label: "Colaborador", className: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" },
+  colaborador: { label: "Colaborador", className: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200" },
+  attendant: { label: "Atendente", className: "bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-200" },
+  viewer: { label: "Visualizador", className: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200" }
+};
+function UserProfileBadge({ profile }) {
+  const config = profileConfig[profile] || { label: profile, className: "" };
+  return /* @__PURE__ */ jsx25(Badge, { variant: "secondary", className: config.className, children: config.label });
+}
+
+// src/components/users/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useState as useState6 } from "react";
+
+// src/components/ui/table.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx26("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx26(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
+}
+
+// src/components/users/data-table.tsx
+import { ChevronLeft, ChevronRight as ChevronRight4, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+function DataTable({
+  columns,
+  data,
+  isLoading,
+  emptyMessage = "Nenhum registro encontrado",
+  total,
+  page = 1,
+  onPageChange,
+  pageSize = 15,
+  onRowClick,
+  selectedRowId,
+  getRowId,
+  compact
+}) {
+  const [sorting, setSorting] = useState6([]);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    onSortingChange: setSorting,
+    state: { sorting }
+  });
+  const totalPages = total ? Math.ceil(total / pageSize) : 1;
+  const showPagination = onPageChange && total && total > pageSize;
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx27("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs17(Table, { children: [
+      /* @__PURE__ */ jsx27(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx27(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx27(
+        TableHead,
+        {
+          className: cn(compact && "py-1.5 text-xs"),
+          style: { width: header.getSize() !== 150 ? header.getSize() : void 0 },
+          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ jsxs17(
+            "button",
+            {
+              type: "button",
+              className: "flex items-center gap-1 hover:text-foreground -ml-1 px-1 py-0.5 rounded cursor-pointer select-none",
+              onClick: header.column.getToggleSortingHandler(),
+              children: [
+                flexRender(header.column.columnDef.header, header.getContext()),
+                {
+                  asc: /* @__PURE__ */ jsx27(ArrowUp, { className: "h-3.5 w-3.5" }),
+                  desc: /* @__PURE__ */ jsx27(ArrowDown, { className: "h-3.5 w-3.5" })
+                }[header.column.getIsSorted()] ?? /* @__PURE__ */ jsx27(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground/50" })
+              ]
+            }
+          ) : flexRender(header.column.columnDef.header, header.getContext())
+        },
+        header.id
+      )) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx27(TableBody, { children: isLoading ? Array.from({ length: compact ? 3 : 5 }).map((_, i) => /* @__PURE__ */ jsx27(TableRow, { children: columns.map((_2, j) => /* @__PURE__ */ jsx27(TableCell, { className: cn(compact && "py-1.5"), children: /* @__PURE__ */ jsx27(Skeleton, { className: "h-4 w-full max-w-[120px]" }) }, j)) }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx27(TableRow, { children: /* @__PURE__ */ jsx27(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: cn(
+            "text-center text-muted-foreground",
+            compact ? "py-4" : "py-8"
+          ),
+          children: emptyMessage
+        }
+      ) }) : table.getRowModel().rows.map((row) => {
+        const rowId = getRowId ? getRowId(row.original) : void 0;
+        const isSelected = selectedRowId != null && rowId != null && rowId === selectedRowId;
+        return /* @__PURE__ */ jsx27(
+          TableRow,
+          {
+            className: cn(
+              onRowClick && "cursor-pointer",
+              isSelected && "bg-accent"
+            ),
+            onClick: () => onRowClick?.(row.original),
+            children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx27(TableCell, { className: cn(compact && "py-1.5"), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+          },
+          row.id
+        );
+      }) })
+    ] }) }),
+    showPagination && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "text-sm text-muted-foreground", children: [
+        total,
+        " registro",
+        total !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs17(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page - 1),
+            disabled: page <= 1,
+            children: [
+              /* @__PURE__ */ jsx27(ChevronLeft, { className: "h-4 w-4" }),
+              "Anterior"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground", children: [
+          page,
+          " de ",
+          totalPages
+        ] }),
+        /* @__PURE__ */ jsxs17(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => onPageChange(page + 1),
+            disabled: page >= totalPages,
+            children: [
+              "Pr\xF3ximo",
+              /* @__PURE__ */ jsx27(ChevronRight4, { className: "h-4 w-4" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs18(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx28(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx28(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 gap-6 rounded-xl p-6 ring-1 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Action,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx28(
+    AlertDialogPrimitive.Cancel,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      ...props
+    }
+  ) });
+}
+
+// src/components/users/users-page.tsx
+import { Pencil, Trash2 as Trash22, Search, Forward, Plus } from "lucide-react";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { toast as toast3 } from "sonner";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+var PAGE_SIZE = 15;
+var PROFILE_FILTER_OPTIONS = [
+  { value: "all", label: "Todos os perfis" },
+  { value: "owner", label: "Propriet\xE1rio" },
+  { value: "admin", label: "Administrador" },
+  { value: "collaborator", label: "Colaborador" },
+  { value: "attendant", label: "Atendente" },
+  { value: "viewer", label: "Visualizador" }
+];
+function useColumns(onEdit, onDelete, onResetPassword) {
+  return [
+    {
+      accessorKey: "name",
+      header: "Nome",
+      cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx29(
+          EntityAvatar,
+          {
+            photo: row.original.photo,
+            name: `${row.original.name} ${row.original.last_name}`.trim(),
+            size: "sm"
+          }
+        ),
+        /* @__PURE__ */ jsxs19("span", { className: "font-medium", children: [
+          row.original.name,
+          " ",
+          row.original.last_name
+        ] })
+      ] }),
+      sortingFn: (rowA, rowB) => {
+        const a = `${rowA.original.name} ${rowA.original.last_name}`.toLowerCase();
+        const b = `${rowB.original.name} ${rowB.original.last_name}`.toLowerCase();
+        return a.localeCompare(b);
+      }
+    },
+    {
+      accessorKey: "email",
+      header: "E-mail"
+    },
+    {
+      accessorKey: "profile",
+      header: "Perfil",
+      cell: ({ row }) => /* @__PURE__ */ jsx29(UserProfileBadge, { profile: row.original.profile }),
+      sortingFn: (rowA, rowB) => rowA.original.profile.localeCompare(rowB.original.profile)
+    },
+    {
+      accessorKey: "last_login",
+      header: "\xDAltimo acesso",
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: row.original.last_login ? format(new Date(row.original.last_login), "dd/MM/yyyy HH:mm", { locale: ptBR }) : "\u2014" })
+    },
+    {
+      accessorKey: "datetime_add",
+      header: "Criado em",
+      cell: ({ row }) => /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-sm", children: format(new Date(row.original.datetime_add), "dd/MM/yyyy", { locale: ptBR }) })
+    },
+    {
+      id: "actions",
+      size: 120,
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onResetPassword(row.original), children: /* @__PURE__ */ jsx29(Forward, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Resetar senha" })
+        ] }),
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: () => onEdit(row.original), children: /* @__PURE__ */ jsx29(Pencil, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Editar" })
+        ] }),
+        /* @__PURE__ */ jsxs19(Tooltip, { children: [
+          /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(Button, { variant: "ghost", size: "icon", className: "h-8 w-8 text-destructive hover:text-destructive", onClick: () => onDelete(row.original.id), children: /* @__PURE__ */ jsx29(Trash22, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx29(TooltipContent, { children: "Excluir" })
+        ] })
+      ] })
+    }
+  ];
+}
+function UsersPage({ config, profileOptions, renderPhones }) {
+  const [search, setSearch] = useState7("");
+  const [profileFilter, setProfileFilter] = useState7("all");
+  const [page, setPage] = useState7(1);
+  const queryParams = useMemo3(() => {
+    const params = {
+      limit: String(PAGE_SIZE),
+      page: String(page)
+    };
+    if (profileFilter !== "all") params.profile = profileFilter;
+    return params;
+  }, [profileFilter, page]);
+  const { data, isLoading } = useUsers(config, queryParams);
+  const deleteUser = useDeleteUser(config);
+  const resetPassword = useResetPassword(config);
+  const [editUser, setEditUser] = useState7(null);
+  const [formOpen, setFormOpen] = useState7(false);
+  const [deleteId, setDeleteId] = useState7(null);
+  const [resetUser, setResetUser] = useState7(null);
+  const users = data?.data || [];
+  const total = data?.total || 0;
+  const filtered = useMemo3(() => {
+    if (!search) return users;
+    const term = search.toLowerCase();
+    return users.filter(
+      (u) => `${u.name} ${u.last_name}`.toLowerCase().includes(term) || u.email.toLowerCase().includes(term)
+    );
+  }, [users, search]);
+  const columns = useColumns(
+    (u) => {
+      setEditUser(u);
+      setFormOpen(true);
+    },
+    (id) => setDeleteId(id),
+    (u) => setResetUser(u)
+  );
+  function handleDelete() {
+    if (!deleteId) return;
+    deleteUser.mutate(deleteId, {
+      onSuccess: () => {
+        toast3.success("Usu\xE1rio exclu\xEDdo");
+        setDeleteId(null);
+      },
+      onError: () => toast3.error("Erro ao excluir usu\xE1rio")
+    });
+  }
+  function handleResetPassword() {
+    if (!resetUser) return;
+    resetPassword.mutate(resetUser.id, {
+      onSuccess: () => {
+        toast3.success("Senha resetada e email enviado");
+        setResetUser(null);
+      },
+      onError: () => {
+        toast3.error("Erro ao resetar senha");
+        setResetUser(null);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs19("div", { children: [
+        /* @__PURE__ */ jsx29("h1", { className: "text-xl font-semibold", children: "Usu\xE1rios" }),
+        /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Gest\xE3o de usu\xE1rios da conta" })
+      ] }),
+      /* @__PURE__ */ jsxs19(Button, { onClick: () => {
+        setEditUser(null);
+        setFormOpen(true);
+      }, size: "sm", children: [
+        /* @__PURE__ */ jsx29(Plus, { className: "mr-2 h-4 w-4" }),
+        "Novo Usu\xE1rio"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "relative flex-1 max-w-md", children: [
+        /* @__PURE__ */ jsx29(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx29(
+          Input,
+          {
+            placeholder: "Buscar por nome ou e-mail...",
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+              setPage(1);
+            },
+            className: "pl-9"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs19(Select, { value: profileFilter, onValueChange: (v) => {
+        setProfileFilter(v);
+        setPage(1);
+      }, children: [
+        /* @__PURE__ */ jsx29(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx29(SelectValue, {}) }),
+        /* @__PURE__ */ jsx29(SelectContent, { children: PROFILE_FILTER_OPTIONS.map((opt) => /* @__PURE__ */ jsx29(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx29(
+      DataTable,
+      {
+        columns,
+        data: search ? filtered : users,
+        isLoading,
+        emptyMessage: "Nenhum usu\xE1rio encontrado",
+        total: search ? filtered.length : total,
+        page,
+        onPageChange: setPage,
+        pageSize: PAGE_SIZE
+      }
+    ),
+    /* @__PURE__ */ jsx29(
+      UserFormDialog,
+      {
+        open: formOpen,
+        onOpenChange: (open) => {
+          setFormOpen(open);
+          if (!open) setEditUser(null);
+        },
+        user: editUser ?? void 0,
+        config,
+        profileOptions,
+        renderPhones
+      }
+    ),
+    /* @__PURE__ */ jsx29(AlertDialog, { open: !!deleteId, onOpenChange: (open) => !open && setDeleteId(null), children: /* @__PURE__ */ jsxs19(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs19(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogTitle, { children: "Excluir usu\xE1rio?" }),
+        /* @__PURE__ */ jsx29(AlertDialogDescription, { children: "Esta a\xE7\xE3o n\xE3o pode ser desfeita. O usu\xE1rio ser\xE1 removido permanentemente." })
+      ] }),
+      /* @__PURE__ */ jsxs19(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx29(AlertDialogAction, { onClick: handleDelete, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Excluir" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx29(AlertDialog, { open: !!resetUser, onOpenChange: (open) => !open && setResetUser(null), children: /* @__PURE__ */ jsxs19(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs19(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogTitle, { children: "Resetar senha?" }),
+        /* @__PURE__ */ jsxs19(AlertDialogDescription, { children: [
+          "A senha de ",
+          /* @__PURE__ */ jsxs19("strong", { children: [
+            resetUser?.name,
+            " ",
+            resetUser?.last_name
+          ] }),
+          " (",
+          resetUser?.email,
+          ") ser\xE1 removida e um email com link para definir nova senha ser\xE1 enviado."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs19(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx29(AlertDialogCancel, { children: "Cancelar" }),
+        /* @__PURE__ */ jsx29(AlertDialogAction, { onClick: handleResetPassword, children: "Resetar e enviar" })
+      ] })
+    ] }) })
+  ] });
+}
 export {
   AppHeader,
   AppShell,
   AppSidebar,
+  DataTable,
+  EntityAvatar,
+  ImageCropUpload,
   LoginForm,
   SidebarInset,
   SidebarProvider,
   SidebarTrigger,
   ThemeToggle,
   TooltipProvider,
+  UserFormDialog,
+  UserProfileBadge,
+  UsersPage,
   authClient,
   authMiddlewareConfig,
   cn,
@@ -1330,7 +2750,12 @@ export {
   signIn,
   signOut,
   signUp,
+  useCreateUser,
+  useDeleteUser,
+  useResetPassword,
   useSession,
-  useSidebar
+  useSidebar,
+  useUpdateUser,
+  useUsers
 };
 //# sourceMappingURL=index.js.map