@accreditation/ui 1.0.0

package/dist/components/molecules/dialog/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var dialog = require('./components/dialog');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(dialog).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return dialog[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/dialog/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/dialog';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/dialog/types.d.ts

@@ -0,0 +1,124 @@
+import type * as React from "react";
+import type * as DialogPrimitive from "@radix-ui/react-dialog";
+import type { Size } from "../../../lib/shared/types";
+/**
+ * DialogSize — subconjunto de Size (sem xs, que seria menor que sm).
+ * Afeta max-w do DialogContent.
+ *
+ * sm → max-w-sm   (~384px) — alerts, confirmações simples
+ * md → max-w-lg   (~512px) — formulários pequenos       (padrão)
+ * lg → max-w-2xl  (~672px) — formulários longos
+ * xl → max-w-4xl  (~896px) — painéis, wizards
+ */
+export type DialogSize = Extract<Size, "sm" | "md" | "lg" | "xl">;
+/**
+ * DialogVariant — intenção semântica do dialog.
+ * Afeta: faixa colorida no DialogHeader, ícone automático, cor do botão confirm.
+ *
+ * default     → sem faixa, botão primário
+ * destructive → faixa vermelha, botão destructive  (ex: excluir, revogar)
+ * warning     → faixa amarela, botão warning        (ex: desativar, arquivar)
+ * success     → faixa verde, botão success          (ex: publicar, aprovar)
+ */
+export type DialogVariant = "default" | "destructive" | "warning" | "success";
+export interface DialogContextValue {
+    variant: DialogVariant;
+    size: DialogSize;
+}
+export type DialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export type DialogTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+export type DialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /**
+     * Tamanho do dialog — afeta max-w do content.
+     * @default "md"
+     */
+    size?: DialogSize;
+    /**
+     * Variant semântico — faixa colorida no header + cor do confirm.
+     * Propagado via context para DialogHeader e Dialog.Confirm.
+     * @default "default"
+     */
+    variant?: DialogVariant;
+    /** Oculta o botão de fechar (X). Útil para command palettes. */
+    hideCloseButton?: boolean;
+}
+export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Override de variant — opcional, herda do DialogContent por padrão.
+     * Use para forçar um variant diferente sem mudar o content.
+     */
+    variant?: DialogVariant;
+    /**
+     * Ícone no canto esquerdo do header, ao lado do título.
+     * Se omitido e variant !== "default", um ícone semântico é exibido automaticamente.
+     * Passe `null` para suprimir o ícone automático.
+     */
+    icon?: React.ReactNode | null;
+};
+export type DialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
+export type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
+/**
+ * Dialog de confirmação genérico — substitui DeleteConfirmDialog.
+ *
+ * O variant controla a intenção semântica:
+ *   destructive → "Excluir curso", "Revogar acesso"
+ *   warning     → "Desativar avaliação", "Arquivar ciclo"
+ *   success     → "Publicar relatório", "Aprovar parecer"
+ *   default     → confirmações neutras
+ *
+ * @example Excluir:
+ * <Dialog.Confirm
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   variant="destructive"
+ *   title="Excluir curso"
+ *   description="Esta ação não pode ser desfeita."
+ *   onConfirm={handleDelete}
+ * />
+ *
+ * @example Publicar:
+ * <Dialog.Confirm
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   variant="success"
+ *   title="Publicar relatório"
+ *   description="O relatório ficará visível para todos os avaliadores."
+ *   confirmText="Publicar"
+ *   onConfirm={handlePublish}
+ * />
+ */
+export interface DialogConfirmProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Intenção semântica — afeta faixa do header e cor do botão confirm.
+     * @default "destructive"
+     */
+    variant?: DialogVariant;
+    /** Título do dialog. */
+    title?: string;
+    /**
+     * Descrição — aceita ReactNode para negritar partes (ex: nome do item).
+     * Se omitida, usa mensagem genérica baseada no variant.
+     */
+    description?: React.ReactNode;
+    /** Texto do botão de confirmação. @default varia por variant */
+    confirmText?: string;
+    /** Texto do botão de cancelar. @default "Cancelar" */
+    cancelText?: string;
+    /** Callback de confirmação — pode ser assíncrono. */
+    onConfirm: () => void | Promise<void>;
+    /** Callback de cancelamento — útil para limpar estado externo. */
+    onCancel?: () => void;
+    /** Exibe estado de loading no botão confirm enquanto true. */
+    isLoading?: boolean;
+    /**
+     * Ícone no header. `null` remove o ícone automático.
+     * Se omitido, usa ícone semântico do variant.
+     */
+    icon?: React.ReactNode | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/dialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAItD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;AAI9E,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,UAAU,CAAC;CAClB;AAID,MAAM,MAAM,eAAe,GACzB,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAC5B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAC5B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;IACtE;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,gEAAgE;IAChE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACnE,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,MAAM,MAAM,gBAAgB,GAC1B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAE/D,MAAM,MAAM,sBAAsB,GAChC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;AAIrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;CAC/B"}

package/dist/components/molecules/dialog/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/dialog/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/dialog/variants.d.ts

@@ -0,0 +1,44 @@
+import type { DialogSize, DialogVariant } from "./types";
+export declare const dialogOverlayClasses = "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";
+/**
+ * rounded-none — padrão flat do DS.
+ * max-w injetado via dialogSizeClasses[size].
+ */
+export declare const dialogContentBaseClasses = "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] bg-background shadow-lg rounded-none data-[state=open]:animate-fade-in-up data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95";
+export declare const dialogSizeClasses: Record<DialogSize, string>;
+/**
+ * Header base — flex-col, padding, border-b.
+ * Variant adiciona border-t-4 colorida + bg suave via color-mix().
+ *
+ * border-t-4 no topo do header (não do content) para que a faixa fique
+ * dentro do dialog, separada do overlay — visual mais contido.
+ *
+ * Tokens success/warning já estão em oklch no globals.css atualizado,
+ * portanto color-mix() funciona corretamente.
+ */
+export declare const dialogHeaderBaseClasses = "flex flex-col gap-1 px-5 py-5 border-b border-border";
+export declare const dialogHeaderVariantClasses: Record<DialogVariant, string>;
+export declare const dialogBodyClasses = "px-5 py-6";
+/**
+ * sm:flex-row — mobile empilha (col-reverse = confirm primeiro em cima),
+ * desktop lado a lado (justify-end, confirm à direita).
+ * gap-2 substitui sm:space-x-2 (mais consistente com o resto do DS).
+ */
+export declare const dialogFooterClasses = "flex flex-col-reverse gap-2 px-5 py-4 sm:flex-row sm:justify-end border-t border-border";
+export declare const dialogTitleClasses = "text-base font-semibold leading-none tracking-tight text-foreground";
+export declare const dialogDescriptionClasses = "text-sm text-muted-foreground mt-0.5";
+/**
+ * ring-[3px] ring-ring/50 — padrão DS (sem ring-offset).
+ * rounded-none — flat.
+ */
+export declare const dialogCloseButtonClasses = "absolute right-5 top-4 rounded-none opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground";
+/**
+ * Botão de confirmação — cor segue o variant do dialog.
+ * "destructive" → Button variant="destructive"
+ * "warning"     → Button com classes warning (sem variant nativo no DS)
+ * "default"     → Button variant="default"
+ * "success"     → Button com classes success
+ */
+export declare const confirmButtonVariantMap: Record<DialogVariant, "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link">;
+export declare const confirmButtonExtraClasses: Record<DialogVariant, string>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/dialog/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dialog/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIzD,eAAO,MAAM,oBAAoB,2JACyH,CAAC;AAI3J;;;GAGG;AACH,eAAO,MAAM,wBAAwB,+PACyN,CAAC;AAE/P,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKxD,CAAC;AAIF;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,yDACoB,CAAC;AAEzD,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpE,CAAC;AAIF,eAAO,MAAM,iBAAiB,cAAc,CAAC;AAI7C;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,4FAC2D,CAAC;AAI5F,eAAO,MAAM,kBAAkB,wEACwC,CAAC;AAExE,eAAO,MAAM,wBAAwB,yCACG,CAAC;AAIzC;;;GAGG;AACH,eAAO,MAAM,wBAAwB,gQAC0N,CAAC;AAIhQ;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAC1C,aAAa,EACb,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAMvE,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKnE,CAAC"}

package/dist/components/molecules/dialog/variants.js

@@ -0,0 +1,49 @@
+'use strict';
+
+const dialogOverlayClasses = "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";
+const dialogContentBaseClasses = "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] bg-background shadow-lg rounded-none data-[state=open]:animate-fade-in-up data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95";
+const dialogSizeClasses = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl"
+};
+const dialogHeaderBaseClasses = "flex flex-col gap-1 px-5 py-5 border-b border-border";
+const dialogHeaderVariantClasses = {
+  default: "",
+  destructive: "border-t-4 border-t-destructive bg-destructive/5",
+  warning: "border-t-4 border-t-warning bg-warning/5",
+  success: "border-t-4 border-t-success bg-success/5"
+};
+const dialogBodyClasses = "px-5 py-6";
+const dialogFooterClasses = "flex flex-col-reverse gap-2 px-5 py-4 sm:flex-row sm:justify-end border-t border-border";
+const dialogTitleClasses = "text-base font-semibold leading-none tracking-tight text-foreground";
+const dialogDescriptionClasses = "text-sm text-muted-foreground mt-0.5";
+const dialogCloseButtonClasses = "absolute right-5 top-4 rounded-none opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground";
+const confirmButtonVariantMap = {
+  default: "primary",
+  destructive: "destructive",
+  warning: "primary",
+  // estilizado via className abaixo
+  success: "primary"
+  // estilizado via className abaixo
+};
+const confirmButtonExtraClasses = {
+  default: "",
+  destructive: "",
+  warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+  success: "bg-success text-success-foreground hover:bg-success/90"
+};
+
+exports.confirmButtonExtraClasses = confirmButtonExtraClasses;
+exports.confirmButtonVariantMap = confirmButtonVariantMap;
+exports.dialogBodyClasses = dialogBodyClasses;
+exports.dialogCloseButtonClasses = dialogCloseButtonClasses;
+exports.dialogContentBaseClasses = dialogContentBaseClasses;
+exports.dialogDescriptionClasses = dialogDescriptionClasses;
+exports.dialogFooterClasses = dialogFooterClasses;
+exports.dialogHeaderBaseClasses = dialogHeaderBaseClasses;
+exports.dialogHeaderVariantClasses = dialogHeaderVariantClasses;
+exports.dialogOverlayClasses = dialogOverlayClasses;
+exports.dialogSizeClasses = dialogSizeClasses;
+exports.dialogTitleClasses = dialogTitleClasses;

package/dist/components/molecules/dialog/variants.mjs

@@ -0,0 +1,36 @@
+const dialogOverlayClasses = "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";
+const dialogContentBaseClasses = "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] bg-background shadow-lg rounded-none data-[state=open]:animate-fade-in-up data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95";
+const dialogSizeClasses = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl"
+};
+const dialogHeaderBaseClasses = "flex flex-col gap-1 px-5 py-5 border-b border-border";
+const dialogHeaderVariantClasses = {
+  default: "",
+  destructive: "border-t-4 border-t-destructive bg-destructive/5",
+  warning: "border-t-4 border-t-warning bg-warning/5",
+  success: "border-t-4 border-t-success bg-success/5"
+};
+const dialogBodyClasses = "px-5 py-6";
+const dialogFooterClasses = "flex flex-col-reverse gap-2 px-5 py-4 sm:flex-row sm:justify-end border-t border-border";
+const dialogTitleClasses = "text-base font-semibold leading-none tracking-tight text-foreground";
+const dialogDescriptionClasses = "text-sm text-muted-foreground mt-0.5";
+const dialogCloseButtonClasses = "absolute right-5 top-4 rounded-none opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground";
+const confirmButtonVariantMap = {
+  default: "primary",
+  destructive: "destructive",
+  warning: "primary",
+  // estilizado via className abaixo
+  success: "primary"
+  // estilizado via className abaixo
+};
+const confirmButtonExtraClasses = {
+  default: "",
+  destructive: "",
+  warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+  success: "bg-success text-success-foreground hover:bg-success/90"
+};
+
+export { confirmButtonExtraClasses, confirmButtonVariantMap, dialogBodyClasses, dialogCloseButtonClasses, dialogContentBaseClasses, dialogDescriptionClasses, dialogFooterClasses, dialogHeaderBaseClasses, dialogHeaderVariantClasses, dialogOverlayClasses, dialogSizeClasses, dialogTitleClasses };

package/dist/components/molecules/drawer/components/drawer.d.ts

@@ -0,0 +1,82 @@
+import type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerCloseProps, DrawerOverlayProps, DrawerContentProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerTitleProps, DrawerDescriptionProps } from "../types";
+declare function DrawerRoot({ direction, size, variant, children, ...props }: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerRoot {
+    var displayName: string;
+}
+declare function DrawerTrigger(props: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerTrigger {
+    var displayName: string;
+}
+declare function DrawerPortal(props: DrawerPortalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerPortal {
+    var displayName: string;
+}
+declare function DrawerClose(props: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerClose {
+    var displayName: string;
+}
+declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerOverlay {
+    var displayName: string;
+}
+/**
+ * Content do Drawer. Lê resolvedDirection e size do context para aplicar
+ * as classes corretas de posição e dimensão.
+ *
+ * Handle renderizado condicionalmente — apenas em bottom e top.
+ * Rounded mínimo (4px) nos cantos opostos à borda de origem.
+ */
+declare function DrawerContent({ className, children, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerContent {
+    var displayName: string;
+}
+/**
+ * Header do Drawer com suporte a variant.
+ * Herda variant do context (DrawerRoot). Override via prop.
+ *
+ * Ícone automático por variant — mesmo sistema do Dialog.
+ * `icon={null}` suprime. `icon={<El />}` substitui.
+ */
+declare function DrawerHeader({ className, children, variant: variantProp, icon, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerHeader {
+    var displayName: string;
+}
+/**
+ * Área de conteúdo scrollável entre header e footer.
+ * flex-1 + overflow-y-auto — funciona porque DrawerContent é flex-col
+ * com overflow-hidden e altura definida (size prop).
+ */
+declare function DrawerBody({ className, ...props }: DrawerBodyProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerBody {
+    var displayName: string;
+}
+/**
+ * Footer fixo na base do drawer.
+ * sm:flex-row — mobile empilha, desktop lado a lado (justify-end).
+ */
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerFooter {
+    var displayName: string;
+}
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerTitle {
+    var displayName: string;
+}
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DrawerDescription {
+    var displayName: string;
+}
+declare const Drawer: typeof DrawerRoot & {
+    Trigger: typeof DrawerTrigger;
+    Portal: typeof DrawerPortal;
+    Close: typeof DrawerClose;
+    Overlay: typeof DrawerOverlay;
+    Content: typeof DrawerContent;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+};
+export { Drawer, DrawerRoot, DrawerTrigger, DrawerPortal, DrawerClose, DrawerOverlay, DrawerContent, DrawerHeader, DrawerBody, DrawerFooter, DrawerTitle, DrawerDescription, };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/molecules/drawer/components/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/drawer/components/drawer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAKV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,UAAU,CAAC;AA6DlB,iBAAS,UAAU,CAAC,EAClB,SAAmB,EACnB,IAAW,EACX,OAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CA2BjB;kBAjCQ,UAAU;;;AAuCnB,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAE/C;kBAFQ,aAAa;;;AAKtB,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAE7C;kBAFQ,YAAY;;;AAKrB,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;kBAFQ,WAAW;;;AAOpB,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAQjE;kBARQ,aAAa;;;AAatB;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAkC3E;kBAlCQ,aAAa;;;AAuCtB;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA6BnB;kBAnCQ,YAAY;;;AAwCrB;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ3D;kBARQ,UAAU;;;AAanB;;;GAGG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAQ/D;kBARQ,YAAY;;;AAarB,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ7D;kBARQ,WAAW;;;AAWpB,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAQzE;kBARQ,iBAAiB;;;AAa1B,QAAA,MAAM,MAAM;;;;;;;;;;;CAWV,CAAC;AAEH,OAAO,EACL,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/dist/components/molecules/drawer/components/drawer.js

@@ -0,0 +1,232 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var vaul = require('vaul');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var useMobile = require('../../../../hooks/use-mobile');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const DrawerContext = React__namespace.createContext({
+  resolvedDirection: "right",
+  size: "md",
+  variant: "default"
+});
+function useDrawerContext() {
+  return React__namespace.useContext(DrawerContext);
+}
+const VARIANT_ICONS = {
+  default: null,
+  destructive: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-5 text-destructive" }),
+  warning: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-5 text-warning" }),
+  success: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "size-5 text-success" })
+};
+const VERTICAL_SNAP_POINTS = {
+  sm: [0.4],
+  md: [0.6],
+  lg: [0.8],
+  full: [1]
+};
+function DrawerRoot({
+  direction = "right",
+  size = "md",
+  variant = "default",
+  children,
+  ...props
+}) {
+  const isMobile = useMobile.useIsMobile();
+  const resolvedDirection = direction === "responsive" ? isMobile ? "bottom" : "right" : direction;
+  const isVertical = resolvedDirection === "bottom" || resolvedDirection === "top";
+  const ctx = React__namespace.useMemo(
+    () => ({ resolvedDirection, size, variant }),
+    [resolvedDirection, size, variant]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Root,
+    {
+      "data-slot": "drawer",
+      direction: resolvedDirection,
+      snapPoints: isVertical ? VERTICAL_SNAP_POINTS[size] : void 0,
+      ...props,
+      children
+    }
+  ) });
+}
+DrawerRoot.displayName = "Drawer";
+function DrawerTrigger(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+DrawerTrigger.displayName = "Drawer.Trigger";
+function DrawerPortal(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+}
+DrawerPortal.displayName = "Drawer.Portal";
+function DrawerClose(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+}
+DrawerClose.displayName = "Drawer.Close";
+function DrawerOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: utils.cn(variants.drawerOverlayClasses, className),
+      ...props
+    }
+  );
+}
+DrawerOverlay.displayName = "Drawer.Overlay";
+function DrawerContent({ className, children, ...props }) {
+  const { resolvedDirection, size } = useDrawerContext();
+  const isHorizontal = resolvedDirection === "left" || resolvedDirection === "right";
+  const sizeClass = isHorizontal ? variants.drawerSizeClasses.horizontal[size] : void 0;
+  const showHandle = resolvedDirection === "bottom" || resolvedDirection === "top";
+  return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      vaul.Drawer.Content,
+      {
+        "data-slot": "drawer-content",
+        className: utils.cn(
+          variants.drawerContentBaseClasses,
+          variants.drawerDirectionClasses[resolvedDirection],
+          sizeClass,
+          className
+        ),
+        ...props,
+        children: [
+          showHandle && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: utils.cn(
+                variants.drawerHandleBaseClasses,
+                variants.drawerHandlePositionClasses[resolvedDirection]
+              )
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+}
+DrawerContent.displayName = "Drawer.Content";
+function DrawerHeader({
+  className,
+  children,
+  variant: variantProp,
+  icon,
+  ...props
+}) {
+  const ctx = useDrawerContext();
+  const variant = variantProp ?? ctx.variant;
+  const resolvedIcon = icon === void 0 ? VARIANT_ICONS[variant] : icon;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: utils.cn(
+        variants.drawerHeaderBaseClasses,
+        variants.drawerHeaderVariantClasses[variant],
+        className
+      ),
+      ...props,
+      children: resolvedIcon ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0", children: resolvedIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1 min-w-0", children })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children })
+    }
+  );
+}
+DrawerHeader.displayName = "Drawer.Header";
+function DrawerBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-body",
+      className: utils.cn(variants.drawerBodyClasses, className),
+      ...props
+    }
+  );
+}
+DrawerBody.displayName = "Drawer.Body";
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: utils.cn(variants.drawerFooterClasses, className),
+      ...props
+    }
+  );
+}
+DrawerFooter.displayName = "Drawer.Footer";
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Title,
+    {
+      "data-slot": "drawer-title",
+      className: utils.cn(variants.drawerTitleClasses, className),
+      ...props
+    }
+  );
+}
+DrawerTitle.displayName = "Drawer.Title";
+function DrawerDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    vaul.Drawer.Description,
+    {
+      "data-slot": "drawer-description",
+      className: utils.cn(variants.drawerDescriptionClasses, className),
+      ...props
+    }
+  );
+}
+DrawerDescription.displayName = "Drawer.Description";
+const Drawer = Object.assign(DrawerRoot, {
+  Trigger: DrawerTrigger,
+  Portal: DrawerPortal,
+  Close: DrawerClose,
+  Overlay: DrawerOverlay,
+  Content: DrawerContent,
+  Header: DrawerHeader,
+  Body: DrawerBody,
+  Footer: DrawerFooter,
+  Title: DrawerTitle,
+  Description: DrawerDescription
+});
+
+exports.Drawer = Drawer;
+exports.DrawerBody = DrawerBody;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerOverlay = DrawerOverlay;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerRoot = DrawerRoot;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;