@motor-hero/ui-kit 0.5.1

package/dist/index.js

@@ -0,0 +1,561 @@
+// src/components/theme-provider.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "ui-theme",
+  ...props
+}) {
+  const [theme, setTheme] = useState(
+    () => localStorage.getItem(storageKey) || defaultTheme
+  );
+  useEffect(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+  }, [theme]);
+  const value = {
+    theme,
+    setTheme: (theme2) => {
+      localStorage.setItem(storageKey, theme2);
+      setTheme(theme2);
+    }
+  };
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children });
+}
+function useTheme() {
+  const context = useContext(ThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/mode-toggle.tsx
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { Moon, Sun, Monitor } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ModeToggle() {
+  const { setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+    /* @__PURE__ */ jsx2(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        "aria-label": "Alternar tema",
+        children: [
+          /* @__PURE__ */ jsx2(Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ jsx2(Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+      DropdownMenu.Content,
+      {
+        align: "end",
+        className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+        children: [
+          /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("light"),
+              children: [
+                /* @__PURE__ */ jsx2(Sun, { className: "h-4 w-4" }),
+                " Claro"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("dark"),
+              children: [
+                /* @__PURE__ */ jsx2(Moon, { className: "h-4 w-4" }),
+                " Escuro"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            DropdownMenu.Item,
+            {
+              className: "flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent",
+              onClick: () => setTheme("system"),
+              children: [
+                /* @__PURE__ */ jsx2(Monitor, { className: "h-4 w-4" }),
+                " Sistema"
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/components/empty-state.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function EmptyState({ icon, title, description, action, className }) {
+  return /* @__PURE__ */ jsxs2("div", { className: `flex flex-col items-center justify-center py-16 text-center ${className ?? ""}`, children: [
+    icon && /* @__PURE__ */ jsx3("div", { className: "mb-4 text-muted-foreground", children: icon }),
+    /* @__PURE__ */ jsx3("h3", { className: "text-lg font-semibold tracking-tight", children: title }),
+    description && /* @__PURE__ */ jsx3("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
+    action && /* @__PURE__ */ jsx3("div", { className: "mt-4", children: action })
+  ] });
+}
+
+// src/components/confirm-dialog.tsx
+import * as AlertDialog from "@radix-ui/react-alert-dialog";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  loading = false,
+  variant = "default"
+}) {
+  return /* @__PURE__ */ jsx4(AlertDialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(AlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsx4(AlertDialog.Overlay, { className: "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ jsxs3(AlertDialog.Content, { className: "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
+        /* @__PURE__ */ jsx4(AlertDialog.Title, { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ jsx4(AlertDialog.Description, { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+        /* @__PURE__ */ jsx4(AlertDialog.Cancel, { className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer", children: cancelLabel }),
+        /* @__PURE__ */ jsx4(
+          AlertDialog.Action,
+          {
+            onClick: onConfirm,
+            disabled: loading,
+            className: `inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${variant === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90"}`,
+            children: loading ? "Aguarde..." : confirmLabel
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/page-header.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function PageHeader({ title, description, action, className }) {
+  return /* @__PURE__ */ jsxs4("div", { className: `flex items-center justify-between ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx5("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+      description && /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: description })
+    ] }),
+    action && /* @__PURE__ */ jsx5("div", { children: action })
+  ] });
+}
+
+// src/components/status-dot.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function StatusDot({ active, label, className }) {
+  return /* @__PURE__ */ jsxs5("span", { className: `inline-flex items-center gap-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        className: `h-2 w-2 rounded-full ${active ? "bg-green-500" : "bg-red-500"}`
+      }
+    ),
+    label && /* @__PURE__ */ jsx6("span", { children: label })
+  ] });
+}
+
+// src/components/form-field.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function FormField({ label, htmlFor, error, required, children, className }) {
+  return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs6(
+      "label",
+      {
+        htmlFor,
+        className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx7("span", { className: "ml-1 text-destructive", children: "*" })
+        ]
+      }
+    ),
+    children,
+    error && /* @__PURE__ */ jsx7("p", { className: "text-sm text-destructive", children: error })
+  ] });
+}
+
+// src/components/form-dialog.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function FormDialogLayout({
+  title,
+  children,
+  onSubmit,
+  submitLabel = "Salvar",
+  cancelLabel = "Cancelar",
+  onCancel,
+  isSubmitting = false,
+  isDisabled = false
+}) {
+  return /* @__PURE__ */ jsxs7("form", { onSubmit, children: [
+    /* @__PURE__ */ jsx8("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: /* @__PURE__ */ jsx8("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: title }) }),
+    /* @__PURE__ */ jsx8("div", { className: "space-y-4 py-4", children }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          className: "inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: cancelLabel
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "submit",
+          disabled: isSubmitting || isDisabled,
+          className: "inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: isSubmitting ? "Salvando..." : submitLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/auth-card.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function AuthCard({ title, description, children, footer }) {
+  return /* @__PURE__ */ jsx9("div", { className: "flex min-h-screen items-center justify-center px-4", children: /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-sm rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "mb-6 text-center", children: [
+      /* @__PURE__ */ jsx9("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+      description && /* @__PURE__ */ jsx9("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx9("div", { className: "space-y-4", children }),
+    footer && /* @__PURE__ */ jsx9("div", { className: "mt-4", children: footer })
+  ] }) });
+}
+
+// src/components/pagination.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function Pagination({ page, onPageChange, hasNextPage, hasPreviousPage, className }) {
+  return /* @__PURE__ */ jsxs9("div", { className: `flex items-center justify-end gap-4 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx10(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPageChange(page - 1),
+        disabled: !hasPreviousPage,
+        className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+        children: "Anterior"
+      }
+    ),
+    /* @__PURE__ */ jsxs9("span", { className: "text-sm text-muted-foreground", children: [
+      "P\xE1gina ",
+      page
+    ] }),
+    /* @__PURE__ */ jsx10(
+      "button",
+      {
+        type: "button",
+        onClick: () => onPageChange(page + 1),
+        disabled: !hasNextPage,
+        className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+        children: "Pr\xF3ximo"
+      }
+    )
+  ] });
+}
+
+// src/components/table-skeleton.tsx
+import { Fragment, jsx as jsx11 } from "react/jsx-runtime";
+function TableSkeleton({ rows = 5, columns = 4 }) {
+  return /* @__PURE__ */ jsx11(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx11("tr", { className: "border-b transition-colors", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx11("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx11("div", { className: "h-5 w-full animate-pulse rounded bg-muted" }) }, j)) }, i)) });
+}
+
+// src/components/search-input.tsx
+import * as React from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var SearchInput = React.forwardRef(
+  ({ containerClassName, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs10("div", { className: `relative flex-1 ${containerClassName ?? ""}`, children: [
+      /* @__PURE__ */ jsxs10(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx12("circle", { cx: "11", cy: "11", r: "8" }),
+            /* @__PURE__ */ jsx12("path", { d: "m21 21-4.3-4.3" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          ref,
+          type: "text",
+          className: `flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? ""}`,
+          ...props
+        }
+      )
+    ] });
+  }
+);
+SearchInput.displayName = "SearchInput";
+
+// src/components/stat-card.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function StatCard({ label, value, detail, icon, isLoading }) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between pb-2", children: [
+        /* @__PURE__ */ jsx13("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx13("div", { className: "h-4 w-4 animate-pulse rounded bg-muted" })
+      ] }),
+      /* @__PURE__ */ jsx13("div", { className: "mt-2 h-7 w-16 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx13("div", { className: "mt-1 h-4 w-20 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: "rounded-lg border bg-card p-6 shadow-sm", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between pb-2", children: [
+      /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium text-muted-foreground", children: label }),
+      icon && /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: icon })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "text-2xl font-bold", children: value }),
+    detail && /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: detail })
+  ] });
+}
+
+// src/components/data-table-wrapper.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function DataTableWrapper({
+  children,
+  isEmpty,
+  isLoading,
+  emptyIcon,
+  emptyTitle = "Nenhum registro encontrado",
+  emptyDescription,
+  page,
+  onPageChange,
+  hasNextPage = false,
+  hasPreviousPage = false
+}) {
+  return /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto rounded-md border", children }),
+    !isLoading && isEmpty && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ jsx14("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx14("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+    ] }),
+    page !== void 0 && onPageChange && /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-end gap-4", children: [
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page - 1),
+          disabled: !hasPreviousPage,
+          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: "Anterior"
+        }
+      ),
+      /* @__PURE__ */ jsxs12("span", { className: "text-sm text-muted-foreground", children: [
+        "P\xE1gina ",
+        page
+      ] }),
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(page + 1),
+          disabled: !hasNextPage,
+          className: "inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50",
+          children: "Pr\xF3ximo"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/mobile-card-list.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function MobileCardList({
+  data,
+  renderCard,
+  keyExtractor,
+  isLoading = false,
+  loadingCount = 5,
+  className
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx15("div", { className: `space-y-3 ${className ?? ""}`, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx15("div", { className: "rounded-xl border p-4", children: /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsx15("div", { className: "h-5 w-32 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx15("div", { className: "h-5 w-16 animate-pulse rounded bg-muted" })
+      ] }),
+      /* @__PURE__ */ jsx15("div", { className: "h-4 w-48 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ jsx15("div", { className: "h-4 w-24 animate-pulse rounded bg-muted" }),
+        /* @__PURE__ */ jsx15("div", { className: "h-4 w-20 animate-pulse rounded bg-muted" })
+      ] })
+    ] }) }, i)) });
+  }
+  return /* @__PURE__ */ jsx15("div", { className: `space-y-3 ${className ?? ""}`, children: data.map((item, index) => /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: "rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]",
+      children: renderCard(item, index)
+    },
+    keyExtractor(item)
+  )) });
+}
+
+// src/components/responsive-data-view.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function ResponsiveDataView({
+  table,
+  cards,
+  isEmpty,
+  isLoading,
+  emptyIcon,
+  emptyTitle = "Nenhum registro encontrado",
+  emptyDescription,
+  pagination
+}) {
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx16("div", { className: "hidden overflow-x-auto rounded-md border md:block", children: table }),
+    /* @__PURE__ */ jsx16("div", { className: "md:hidden", children: cards }),
+    !isLoading && isEmpty && /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+      emptyIcon && /* @__PURE__ */ jsx16("div", { className: "mb-4 text-muted-foreground", children: emptyIcon }),
+      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold tracking-tight", children: emptyTitle }),
+      emptyDescription && /* @__PURE__ */ jsx16("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: emptyDescription })
+    ] }),
+    pagination
+  ] });
+}
+
+// src/components/toaster.tsx
+import { Toaster as Sonner } from "sonner";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Toaster(props) {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx17(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-md",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
+          success: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-success/40",
+          error: "group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-destructive/40"
+        }
+      },
+      ...props
+    }
+  );
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/api-error.ts
+function extractApiError(err, fallbackMessage = "Ocorreu um erro inesperado.") {
+  const detail = err?.body?.detail || err?.message;
+  if (Array.isArray(detail) && detail.length > 0) {
+    return detail[0].msg;
+  }
+  return detail || fallbackMessage;
+}
+
+// src/hooks/use-disclosure.ts
+import { useCallback, useState as useState2 } from "react";
+function useDisclosure(initial = false) {
+  const [open, setOpen] = useState2(initial);
+  const onOpen = useCallback(() => setOpen(true), []);
+  const onClose = useCallback(() => setOpen(false), []);
+  const onToggle = useCallback(() => setOpen((v) => !v), []);
+  return { open, onOpen, onClose, onToggle, setOpen };
+}
+
+// src/hooks/use-toast.ts
+import { toast } from "sonner";
+import { useCallback as useCallback2 } from "react";
+function useCustomToast() {
+  const showToast = useCallback2(
+    (title, description, status = "success") => {
+      switch (status) {
+        case "success":
+          toast.success(title, { description });
+          break;
+        case "error":
+          toast.error(title, { description });
+          break;
+        case "info":
+          toast.info(title, { description });
+          break;
+        case "warning":
+          toast.warning(title, { description });
+          break;
+      }
+    },
+    []
+  );
+  return showToast;
+}
+export {
+  AuthCard,
+  ConfirmDialog,
+  DataTableWrapper,
+  EmptyState,
+  FormDialogLayout,
+  FormField,
+  MobileCardList,
+  ModeToggle,
+  PageHeader,
+  Pagination,
+  ResponsiveDataView,
+  SearchInput,
+  StatCard,
+  StatusDot,
+  TableSkeleton,
+  ThemeProvider,
+  Toaster,
+  cn,
+  extractApiError,
+  toast,
+  useCustomToast,
+  useDisclosure,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-provider.tsx","../src/components/mode-toggle.tsx","../src/components/empty-state.tsx","../src/components/confirm-dialog.tsx","../src/components/page-header.tsx","../src/components/status-dot.tsx","../src/components/form-field.tsx","../src/components/form-dialog.tsx","../src/components/auth-card.tsx","../src/components/pagination.tsx","../src/components/table-skeleton.tsx","../src/components/search-input.tsx","../src/components/stat-card.tsx","../src/components/data-table-wrapper.tsx","../src/components/mobile-card-list.tsx","../src/components/responsive-data-view.tsx","../src/components/toaster.tsx","../src/lib/utils.ts","../src/lib/api-error.ts","../src/hooks/use-disclosure.ts","../src/hooks/use-toast.ts"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\"\n\ntype Theme = \"dark\" | \"light\" | \"system\"\n\ntype ThemeProviderProps = {\n  children: React.ReactNode\n  defaultTheme?: Theme\n  storageKey?: string\n}\n\ntype ThemeProviderState = {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n}\n\nconst initialState: ThemeProviderState = {\n  theme: \"system\",\n  setTheme: () => null,\n}\n\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState)\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = \"system\",\n  storageKey = \"ui-theme\",\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme\n  )\n\n  useEffect(() => {\n    const root = window.document.documentElement\n    root.classList.remove(\"light\", \"dark\")\n    if (theme === \"system\") {\n      const systemTheme = window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n        ? \"dark\"\n        : \"light\"\n      root.classList.add(systemTheme)\n      return\n    }\n    root.classList.add(theme)\n  }, [theme])\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme)\n      setTheme(theme)\n    },\n  }\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  )\n}\n\nexport function useTheme() {\n  const context = useContext(ThemeProviderContext)\n  if (context === undefined) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\")\n  }\n  return context\n}\n\nexport type { Theme, ThemeProviderProps, ThemeProviderState }\n","import * as DropdownMenu from \"@radix-ui/react-dropdown-menu\"\nimport { Moon, Sun, Monitor } from \"lucide-react\"\nimport { useTheme } from \"./theme-provider\"\n\nexport function ModeToggle() {\n  const { setTheme } = useTheme()\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          className=\"inline-flex h-9 w-9 items-center justify-center rounded-md border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          aria-label=\"Alternar tema\"\n        >\n          <Sun className=\"h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0\" />\n          <Moon className=\"absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100\" />\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Portal>\n        <DropdownMenu.Content\n          align=\"end\"\n          className=\"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95\"\n        >\n          <DropdownMenu.Item\n            className=\"flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent\"\n            onClick={() => setTheme(\"light\")}\n          >\n            <Sun className=\"h-4 w-4\" /> Claro\n          </DropdownMenu.Item>\n          <DropdownMenu.Item\n            className=\"flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent\"\n            onClick={() => setTheme(\"dark\")}\n          >\n            <Moon className=\"h-4 w-4\" /> Escuro\n          </DropdownMenu.Item>\n          <DropdownMenu.Item\n            className=\"flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent\"\n            onClick={() => setTheme(\"system\")}\n          >\n            <Monitor className=\"h-4 w-4\" /> Sistema\n          </DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu.Portal>\n    </DropdownMenu.Root>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface EmptyStateProps {\n  icon?: ReactNode\n  title: string\n  description?: string\n  action?: ReactNode\n  className?: string\n}\n\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n  return (\n    <div className={`flex flex-col items-center justify-center py-16 text-center ${className ?? \"\"}`}>\n      {icon && <div className=\"mb-4 text-muted-foreground\">{icon}</div>}\n      <h3 className=\"text-lg font-semibold tracking-tight\">{title}</h3>\n      {description && (\n        <p className=\"mt-1 max-w-sm text-sm text-muted-foreground\">{description}</p>\n      )}\n      {action && <div className=\"mt-4\">{action}</div>}\n    </div>\n  )\n}\n","import * as AlertDialog from \"@radix-ui/react-alert-dialog\"\nimport type { ReactNode } from \"react\"\n\ninterface ConfirmDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onConfirm: () => void\n  title: string\n  description: ReactNode\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport function ConfirmDialog({\n  open,\n  onOpenChange,\n  onConfirm,\n  title,\n  description,\n  confirmLabel = \"Confirmar\",\n  cancelLabel = \"Cancelar\",\n  loading = false,\n  variant = \"default\",\n}: ConfirmDialogProps) {\n  return (\n    <AlertDialog.Root open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Portal>\n        <AlertDialog.Overlay className=\"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\" />\n        <AlertDialog.Content className=\"fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\">\n          <div className=\"flex flex-col space-y-2 text-center sm:text-left\">\n            <AlertDialog.Title className=\"text-lg font-semibold\">{title}</AlertDialog.Title>\n            <AlertDialog.Description className=\"text-sm text-muted-foreground\">\n              {description}\n            </AlertDialog.Description>\n          </div>\n          <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\">\n            <AlertDialog.Cancel className=\"inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer\">\n              {cancelLabel}\n            </AlertDialog.Cancel>\n            <AlertDialog.Action\n              onClick={onConfirm}\n              disabled={loading}\n              className={`inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer ${\n                variant === \"destructive\"\n                  ? \"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n                  : \"bg-primary text-primary-foreground hover:bg-primary/90\"\n              }`}\n            >\n              {loading ? \"Aguarde...\" : confirmLabel}\n            </AlertDialog.Action>\n          </div>\n        </AlertDialog.Content>\n      </AlertDialog.Portal>\n    </AlertDialog.Root>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface PageHeaderProps {\n  title: string\n  description?: string\n  action?: ReactNode\n  className?: string\n}\n\nexport function PageHeader({ title, description, action, className }: PageHeaderProps) {\n  return (\n    <div className={`flex items-center justify-between ${className ?? \"\"}`}>\n      <div>\n        <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n        {description && (\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        )}\n      </div>\n      {action && <div>{action}</div>}\n    </div>\n  )\n}\n","interface StatusDotProps {\n  active: boolean\n  label?: string\n  className?: string\n}\n\nexport function StatusDot({ active, label, className }: StatusDotProps) {\n  return (\n    <span className={`inline-flex items-center gap-2 ${className ?? \"\"}`}>\n      <span\n        className={`h-2 w-2 rounded-full ${active ? \"bg-green-500\" : \"bg-red-500\"}`}\n      />\n      {label && <span>{label}</span>}\n    </span>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface FormFieldProps {\n  label: string\n  htmlFor?: string\n  error?: string\n  required?: boolean\n  children: ReactNode\n  className?: string\n}\n\nexport function FormField({ label, htmlFor, error, required, children, className }: FormFieldProps) {\n  return (\n    <div className={`space-y-2 ${className ?? \"\"}`}>\n      <label\n        htmlFor={htmlFor}\n        className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        {label}\n        {required && <span className=\"ml-1 text-destructive\">*</span>}\n      </label>\n      {children}\n      {error && <p className=\"text-sm text-destructive\">{error}</p>}\n    </div>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface FormDialogLayoutProps {\n  title: string\n  children: ReactNode\n  onSubmit: (e: React.FormEvent) => void\n  submitLabel?: string\n  cancelLabel?: string\n  onCancel: () => void\n  isSubmitting?: boolean\n  isDisabled?: boolean\n}\n\nexport function FormDialogLayout({\n  title,\n  children,\n  onSubmit,\n  submitLabel = \"Salvar\",\n  cancelLabel = \"Cancelar\",\n  onCancel,\n  isSubmitting = false,\n  isDisabled = false,\n}: FormDialogLayoutProps) {\n  return (\n    <form onSubmit={onSubmit}>\n      <div className=\"flex flex-col space-y-1.5 text-center sm:text-left\">\n        <h2 className=\"text-lg font-semibold leading-none tracking-tight\">{title}</h2>\n      </div>\n      <div className=\"space-y-4 py-4\">{children}</div>\n      <div className=\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\">\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          className=\"inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-4 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n        >\n          {cancelLabel}\n        </button>\n        <button\n          type=\"submit\"\n          disabled={isSubmitting || isDisabled}\n          className=\"inline-flex h-9 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n        >\n          {isSubmitting ? \"Salvando...\" : submitLabel}\n        </button>\n      </div>\n    </form>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface AuthCardProps {\n  title: string\n  description?: string\n  children: ReactNode\n  footer?: ReactNode\n}\n\nexport function AuthCard({ title, description, children, footer }: AuthCardProps) {\n  return (\n    <div className=\"flex min-h-screen items-center justify-center px-4\">\n      <div className=\"w-full max-w-sm rounded-lg border bg-card p-6 shadow-sm\">\n        <div className=\"mb-6 text-center\">\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n          {description && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p>\n          )}\n        </div>\n        <div className=\"space-y-4\">{children}</div>\n        {footer && <div className=\"mt-4\">{footer}</div>}\n      </div>\n    </div>\n  )\n}\n","interface PaginationProps {\n  page: number\n  onPageChange: (page: number) => void\n  hasNextPage: boolean\n  hasPreviousPage: boolean\n  className?: string\n}\n\nexport function Pagination({ page, onPageChange, hasNextPage, hasPreviousPage, className }: PaginationProps) {\n  return (\n    <div className={`flex items-center justify-end gap-4 ${className ?? \"\"}`}>\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page - 1)}\n        disabled={!hasPreviousPage}\n        className=\"inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n      >\n        Anterior\n      </button>\n      <span className=\"text-sm text-muted-foreground\">Página {page}</span>\n      <button\n        type=\"button\"\n        onClick={() => onPageChange(page + 1)}\n        disabled={!hasNextPage}\n        className=\"inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n      >\n        Próximo\n      </button>\n    </div>\n  )\n}\n","interface TableSkeletonProps {\n  rows?: number\n  columns?: number\n}\n\nexport function TableSkeleton({ rows = 5, columns = 4 }: TableSkeletonProps) {\n  return (\n    <>\n      {Array.from({ length: rows }).map((_, i) => (\n        <tr key={i} className=\"border-b transition-colors\">\n          {Array.from({ length: columns }).map((_, j) => (\n            <td key={j} className=\"p-4 align-middle\">\n              <div className=\"h-5 w-full animate-pulse rounded bg-muted\" />\n            </td>\n          ))}\n        </tr>\n      ))}\n    </>\n  )\n}\n","import * as React from \"react\"\n\ninterface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  containerClassName?: string\n}\n\nexport const SearchInput = React.forwardRef<HTMLInputElement, SearchInputProps>(\n  ({ containerClassName, className, ...props }, ref) => {\n    return (\n      <div className={`relative flex-1 ${containerClassName ?? \"\"}`}>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n        <input\n          ref={ref}\n          type=\"text\"\n          className={`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 pl-10 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${className ?? \"\"}`}\n          {...props}\n        />\n      </div>\n    )\n  }\n)\nSearchInput.displayName = \"SearchInput\"\n","import type { ReactNode } from \"react\"\n\ninterface StatCardProps {\n  label: string\n  value: ReactNode\n  detail?: string\n  icon?: ReactNode\n  isLoading?: boolean\n}\n\nexport function StatCard({ label, value, detail, icon, isLoading }: StatCardProps) {\n  if (isLoading) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 shadow-sm\">\n        <div className=\"flex items-center justify-between pb-2\">\n          <div className=\"h-4 w-24 animate-pulse rounded bg-muted\" />\n          <div className=\"h-4 w-4 animate-pulse rounded bg-muted\" />\n        </div>\n        <div className=\"mt-2 h-7 w-16 animate-pulse rounded bg-muted\" />\n        <div className=\"mt-1 h-4 w-20 animate-pulse rounded bg-muted\" />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"rounded-lg border bg-card p-6 shadow-sm\">\n      <div className=\"flex items-center justify-between pb-2\">\n        <span className=\"text-sm font-medium text-muted-foreground\">{label}</span>\n        {icon && <span className=\"text-muted-foreground\">{icon}</span>}\n      </div>\n      <div className=\"text-2xl font-bold\">{value}</div>\n      {detail && <p className=\"text-xs text-muted-foreground\">{detail}</p>}\n    </div>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface DataTableWrapperProps {\n  children: ReactNode\n  isEmpty: boolean\n  isLoading: boolean\n  emptyIcon?: ReactNode\n  emptyTitle?: string\n  emptyDescription?: string\n  page?: number\n  onPageChange?: (page: number) => void\n  hasNextPage?: boolean\n  hasPreviousPage?: boolean\n}\n\nexport function DataTableWrapper({\n  children,\n  isEmpty,\n  isLoading,\n  emptyIcon,\n  emptyTitle = \"Nenhum registro encontrado\",\n  emptyDescription,\n  page,\n  onPageChange,\n  hasNextPage = false,\n  hasPreviousPage = false,\n}: DataTableWrapperProps) {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"overflow-x-auto rounded-md border\">{children}</div>\n\n      {!isLoading && isEmpty && (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          {emptyIcon && <div className=\"mb-4 text-muted-foreground\">{emptyIcon}</div>}\n          <h3 className=\"text-lg font-semibold tracking-tight\">{emptyTitle}</h3>\n          {emptyDescription && (\n            <p className=\"mt-1 max-w-sm text-sm text-muted-foreground\">{emptyDescription}</p>\n          )}\n        </div>\n      )}\n\n      {page !== undefined && onPageChange && (\n        <div className=\"flex items-center justify-end gap-4\">\n          <button\n            type=\"button\"\n            onClick={() => onPageChange(page - 1)}\n            disabled={!hasPreviousPage}\n            className=\"inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n          >\n            Anterior\n          </button>\n          <span className=\"text-sm text-muted-foreground\">Página {page}</span>\n          <button\n            type=\"button\"\n            onClick={() => onPageChange(page + 1)}\n            disabled={!hasNextPage}\n            className=\"inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-xs font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer disabled:pointer-events-none disabled:opacity-50\"\n          >\n            Próximo\n          </button>\n        </div>\n      )}\n    </div>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface MobileCardListProps<T> {\n  data: T[]\n  renderCard: (item: T, index: number) => ReactNode\n  keyExtractor: (item: T) => string\n  isLoading?: boolean\n  loadingCount?: number\n  className?: string\n}\n\nexport function MobileCardList<T>({\n  data,\n  renderCard,\n  keyExtractor,\n  isLoading = false,\n  loadingCount = 5,\n  className,\n}: MobileCardListProps<T>) {\n  if (isLoading) {\n    return (\n      <div className={`space-y-3 ${className ?? \"\"}`}>\n        {Array.from({ length: loadingCount }).map((_, i) => (\n          <div key={i} className=\"rounded-xl border p-4\">\n            <div className=\"space-y-3\">\n              <div className=\"flex justify-between\">\n                <div className=\"h-5 w-32 animate-pulse rounded bg-muted\" />\n                <div className=\"h-5 w-16 animate-pulse rounded bg-muted\" />\n              </div>\n              <div className=\"h-4 w-48 animate-pulse rounded bg-muted\" />\n              <div className=\"flex justify-between\">\n                <div className=\"h-4 w-24 animate-pulse rounded bg-muted\" />\n                <div className=\"h-4 w-20 animate-pulse rounded bg-muted\" />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div className={`space-y-3 ${className ?? \"\"}`}>\n      {data.map((item, index) => (\n        <div\n          key={keyExtractor(item)}\n          className=\"rounded-xl border p-4 transition-all duration-150 hover:border-foreground/20 active:scale-[0.99]\"\n        >\n          {renderCard(item, index)}\n        </div>\n      ))}\n    </div>\n  )\n}\n","import type { ReactNode } from \"react\"\n\ninterface ResponsiveDataViewProps {\n  table: ReactNode\n  cards: ReactNode\n  isEmpty: boolean\n  isLoading: boolean\n  emptyIcon?: ReactNode\n  emptyTitle?: string\n  emptyDescription?: string\n  pagination?: ReactNode\n}\n\nexport function ResponsiveDataView({\n  table, cards, isEmpty, isLoading, emptyIcon, emptyTitle = \"Nenhum registro encontrado\", emptyDescription, pagination,\n}: ResponsiveDataViewProps) {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"hidden overflow-x-auto rounded-md border md:block\">{table}</div>\n      <div className=\"md:hidden\">{cards}</div>\n      {!isLoading && isEmpty && (\n        <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n          {emptyIcon && <div className=\"mb-4 text-muted-foreground\">{emptyIcon}</div>}\n          <h3 className=\"text-lg font-semibold tracking-tight\">{emptyTitle}</h3>\n          {emptyDescription && <p className=\"mt-1 max-w-sm text-sm text-muted-foreground\">{emptyDescription}</p>}\n        </div>\n      )}\n      {pagination}\n    </div>\n  )\n}\n","import { useTheme } from \"./theme-provider\"\nimport { Toaster as Sonner } from \"sonner\"\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nexport function Toaster(props: ToasterProps) {\n  const { theme = \"system\" } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-md\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n          success:\n            \"group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-success/40\",\n          error:\n            \"group-[.toaster]:!bg-background group-[.toaster]:!text-foreground group-[.toaster]:!border-destructive/40\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","export function extractApiError(err: any, fallbackMessage = \"Ocorreu um erro inesperado.\"): string {\n  const detail = err?.body?.detail || err?.message\n  if (Array.isArray(detail) && detail.length > 0) {\n    return detail[0].msg\n  }\n  return detail || fallbackMessage\n}\n","import { useCallback, useState } from \"react\"\n\nexport function useDisclosure(initial = false) {\n  const [open, setOpen] = useState(initial)\n  const onOpen = useCallback(() => setOpen(true), [])\n  const onClose = useCallback(() => setOpen(false), [])\n  const onToggle = useCallback(() => setOpen((v) => !v), [])\n  return { open, onOpen, onClose, onToggle, setOpen }\n}\n","import { toast } from \"sonner\"\nimport { useCallback } from \"react\"\n\ntype ToastStatus = \"success\" | \"error\" | \"info\" | \"warning\"\n\nexport function useCustomToast() {\n  const showToast = useCallback(\n    (title: string, description?: string, status: ToastStatus = \"success\") => {\n      switch (status) {\n        case \"success\":\n          toast.success(title, { description })\n          break\n        case \"error\":\n          toast.error(title, { description })\n          break\n        case \"info\":\n          toast.info(title, { description })\n          break\n        case \"warning\":\n          toast.warning(title, { description })\n          break\n      }\n    },\n    [],\n  )\n\n  return showToast\n}\n\nexport { toast }\n"],"mappings":"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","names":["theme","jsx","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","_","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","useState","useCallback"]}

package/dist/lib/api-error.d.ts

@@ -0,0 +1,2 @@
+export declare function extractApiError(err: any, fallbackMessage?: string): string;
+//# sourceMappingURL=api-error.d.ts.map

package/dist/lib/api-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-error.d.ts","sourceRoot":"","sources":["../../src/lib/api-error.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,eAAe,SAAgC,GAAG,MAAM,CAMjG"}