@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

package/dist/components/overlays/dialog/dialog-root.js

@@ -0,0 +1,47 @@
+import { DialogContextProvider } from "./use-dialog-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Estado do dialog. Não renderiza elemento.
+*
+* Modal por padrão: o foco fica preso no popup, a rolagem da página trava, e o clique fora, no
+* backdrop ou no viewport, fecha o dialog.
+*
+* @example
+* ```tsx
+* <Dialog.Root>
+*   <Dialog.Trigger render={<Button />}>Editar cliente</Dialog.Trigger>
+*   <Dialog.Portal>
+*     <Dialog.Backdrop />
+*     <Dialog.Viewport>
+*       <Dialog.Popup>
+*         <Dialog.Header>
+*           <Dialog.Title>Editar cliente</Dialog.Title>
+*           <Dialog.Description>Os dados valem para os próximos pedidos.</Dialog.Description>
+*         </Dialog.Header>
+*         <Dialog.Body>…</Dialog.Body>
+*         <Dialog.Footer>
+*           <Dialog.Close render={<Button variant="outline" />}>Cancelar</Dialog.Close>
+*           <Button>Salvar</Button>
+*         </Dialog.Footer>
+*       </Dialog.Popup>
+*     </Dialog.Viewport>
+*   </Dialog.Portal>
+* </Dialog.Root>
+* ```
+*/
+const DialogRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["size"]);
+	return /* @__PURE__ */ jsx(DialogContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Dialog.Root, { ...elementProps })
+	});
+};
+DialogRoot.displayName = "Dialog.Root";
+//#endregion
+export { DialogRoot };
+
+//# sourceMappingURL=dialog-root.js.map

package/dist/components/overlays/dialog/dialog-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-root.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport {\n  type AnyType,\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/utils';\nimport {\n  DialogContextProvider,\n  type DialogVariants,\n} from './use-dialog-context';\n\nexport type DialogRootProps<Payload = unknown> = MergeOverride<\n  BaseDialog.Root.Props<Payload>,\n  DialogVariants\n>;\n\nexport type DialogRootState = BaseDialog.Root.State;\n\nexport type DialogRootActions = BaseDialog.Root.Actions;\n\nexport type DialogRootChangeEventDetails = BaseDialog.Root.ChangeEventDetails;\n\nexport type DialogRootChangeEventReason = BaseDialog.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<DialogVariants>();\n\n/**\n * Estado do dialog. Não renderiza elemento.\n *\n * Modal por padrão: o foco fica preso no popup, a rolagem da página trava, e o clique fora, no\n * backdrop ou no viewport, fecha o dialog.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger render={<Button />}>Editar cliente</Dialog.Trigger>\n *   <Dialog.Portal>\n *     <Dialog.Backdrop />\n *     <Dialog.Viewport>\n *       <Dialog.Popup>\n *         <Dialog.Header>\n *           <Dialog.Title>Editar cliente</Dialog.Title>\n *           <Dialog.Description>Os dados valem para os próximos pedidos.</Dialog.Description>\n *         </Dialog.Header>\n *         <Dialog.Body>…</Dialog.Body>\n *         <Dialog.Footer>\n *           <Dialog.Close render={<Button variant=\"outline\" />}>Cancelar</Dialog.Close>\n *           <Button>Salvar</Button>\n *         </Dialog.Footer>\n *       </Dialog.Popup>\n *     </Dialog.Viewport>\n *   </Dialog.Portal>\n * </Dialog.Root>\n * ```\n */\nexport const DialogRoot = <Payload extends AnyType = unknown>(\n  props: DialogRootProps<Payload>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['size']);\n\n  return (\n    <DialogContextProvider value={variantProps}>\n      <BaseDialog.Root {...elementProps} />\n    </DialogContextProvider>\n  );\n};\n\nDialogRoot.displayName = 'Dialog.Root';\n"],"mappings":";;;;;AAwBA,MAAM,oBAAoB,iBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B3D,MAAa,cACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,MAAM,CAAC;CAEtE,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAACA,OAAW,MAAZ,EAAiB,GAAI,aAAe,CAAA;CACf,CAAA;AAE3B;AAEA,WAAW,cAAc"}

package/dist/components/overlays/dialog/dialog-title.d.ts

@@ -0,0 +1,21 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-title.d.ts
+export type DialogTitleProps = Dialog.Title.Props;
+export type DialogTitleState = Dialog.Title.State;
+/**
+ * Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.
+ *
+ * Cópia de `CardTitle` (tabela no README de `display`). As diferenças: tamanho e entrelinha fixos
+ * no `sm` da escala (ver `dialogPopupVariants`), e a tag vem do Base UI (`h2`), sem a prop
+ * `level`; outra tag vai por `render`.
+ *
+ * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogTitle: {
+  (props: DialogTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-title.d.ts.map

package/dist/components/overlays/dialog/dialog-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-title.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;;;;;;qBAanC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/overlays/dialog/dialog-title.js

@@ -0,0 +1,34 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-title.tsx
+/**
+* Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.
+*
+* Cópia de `CardTitle` (tabela no README de `display`). As diferenças: tamanho e entrelinha fixos
+* no `sm` da escala (ver `dialogPopupVariants`), e a tag vem do Base UI (`h2`), sem a prop
+* `level`; outra tag vai por `render`.
+*
+* Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-component": "Dialog.Title",
+		className: mergeStateClassNames([
+			"text-lg",
+			"leading-6",
+			"font-semibold",
+			"text-gray-12",
+			"text-balance"
+		], className),
+		...rest
+	});
+};
+DialogTitle.displayName = "Dialog.Title";
+//#endregion
+export { DialogTitle };
+
+//# sourceMappingURL=dialog-title.js.map

package/dist/components/overlays/dialog/dialog-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-title.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogTitleProps = BaseDialog.Title.Props;\n\nexport type DialogTitleState = BaseDialog.Title.State;\n\n/**\n * Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.\n *\n * Cópia de `CardTitle` (tabela no README de `display`). As diferenças: tamanho e entrelinha fixos\n * no `sm` da escala (ver `dialogPopupVariants`), e a tag vem do Base UI (`h2`), sem a prop\n * `level`; outra tag vai por `render`.\n *\n * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Title\n      data-component=\"Dialog.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-lg',\n          'leading-6',\n          'font-semibold',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogTitle.displayName = 'Dialog.Title';\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

package/dist/components/overlays/dialog/dialog-trigger.d.ts

@@ -0,0 +1,13 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-trigger.d.ts
+export type DialogTriggerProps<Payload = unknown> = Dialog.Trigger.Props<Payload>;
+export type DialogTriggerState = Dialog.Trigger.State;
+/**
+ * Elemento que abre o dialog. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const DialogTrigger: {
+  <Payload extends unknown = unknown>(props: DialogTriggerProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-trigger.d.ts.map

package/dist/components/overlays/dialog/dialog-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-trigger.tsx"],"mappings":";;YAIY,mBAAmB,qBAC7BA,OAAW,QAAQ,MAAM;YAEf,qBAAqBA,OAAW,QAAQ;;;;qBAKvC;GAAiB,mCAAO,OAC5B,mBAAmB,2BAAQ,IAAA"}

package/dist/components/overlays/dialog/dialog-trigger.js

@@ -0,0 +1,20 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-trigger.tsx
+/**
+* Elemento que abre o dialog. Sem estilo próprio; passe um botão da lib em `render`.
+*/
+const DialogTrigger = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-component": "Dialog.Trigger",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+DialogTrigger.displayName = "Dialog.Trigger";
+//#endregion
+export { DialogTrigger };
+
+//# sourceMappingURL=dialog-trigger.js.map

package/dist/components/overlays/dialog/dialog-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-trigger.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport type { AnyType } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogTriggerProps<Payload = unknown> =\n  BaseDialog.Trigger.Props<Payload>;\n\nexport type DialogTriggerState = BaseDialog.Trigger.State;\n\n/**\n * Elemento que abre o dialog. Sem estilo próprio; passe um botão da lib em `render`.\n */\nexport const DialogTrigger = <Payload extends AnyType = unknown>(\n  props: DialogTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Trigger\n      data-component=\"Dialog.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nDialogTrigger.displayName = 'Dialog.Trigger';\n"],"mappings":";;;;;;;AAYA,MAAa,iBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,SAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/dist/components/overlays/dialog/dialog-viewport.d.ts

@@ -0,0 +1,18 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-viewport.d.ts
+export type DialogViewportProps = Dialog.Viewport.Props;
+export type DialogViewportState = Dialog.Viewport.State;
+/**
+ * Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela
+ * pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora
+ * do popup, fecha o dialog como um clique no backdrop.
+ *
+ * Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de
+ * `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.
+ */
+export declare const DialogViewport: {
+  (props: DialogViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-viewport.d.ts.map

package/dist/components/overlays/dialog/dialog-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-viewport.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-viewport.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;;;;;qBAUzC;GAAyB,OAAA,sCAAmB,IAAA"}

package/dist/components/overlays/dialog/dialog-viewport.js

@@ -0,0 +1,32 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-viewport.tsx
+/**
+* Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela
+* pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora
+* do popup, fecha o dialog como um clique no backdrop.
+*
+* Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de
+* `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.
+*/
+const DialogViewport = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Viewport, {
+		"data-component": "Dialog.Viewport",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"flex",
+			"items-center",
+			"justify-center",
+			"p-4"
+		], className),
+		...rest
+	});
+};
+DialogViewport.displayName = "Dialog.Viewport";
+//#endregion
+export { DialogViewport };
+
+//# sourceMappingURL=dialog-viewport.js.map

package/dist/components/overlays/dialog/dialog-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-viewport.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-viewport.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogViewportProps = BaseDialog.Viewport.Props;\n\nexport type DialogViewportState = BaseDialog.Viewport.State;\n\n/**\n * Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela\n * pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora\n * do popup, fecha o dialog como um clique no backdrop.\n *\n * Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de\n * `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.\n */\nexport const DialogViewport = (props: DialogViewportProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Viewport\n      data-component=\"Dialog.Viewport\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n\n          'flex',\n          'items-center',\n          'justify-center',\n\n          'p-4',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogViewport.displayName = 'Dialog.Viewport';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/overlays/dialog/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Dialog };

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

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Dialog };

package/dist/components/overlays/dialog/index.parts.d.ts

@@ -0,0 +1,20 @@
+import { DialogHandle, createDialogHandle } from "./create-handle.js";
+import { DialogBackdrop, DialogBackdropProps, DialogBackdropState } from "./dialog-backdrop.js";
+import { DialogBody, DialogBodyProps } from "./dialog-body.js";
+import { DialogClose, DialogCloseProps, DialogCloseState } from "./dialog-close.js";
+import { DialogDescription, DialogDescriptionProps, DialogDescriptionState } from "./dialog-description.js";
+import { DialogFooter, DialogFooterProps } from "./dialog-footer.js";
+import { DialogHeader, DialogHeaderProps } from "./dialog-header.js";
+import { DialogPopup, DialogPopupProps, DialogPopupState } from "./dialog-popup.js";
+import { DialogPortal, DialogPortalProps, DialogPortalState } from "./dialog-portal.js";
+import { DialogVariants } from "./use-dialog-context.js";
+import { DialogRoot, DialogRootActions, DialogRootChangeEventDetails, DialogRootChangeEventReason, DialogRootProps, DialogRootState } from "./dialog-root.js";
+import { DialogTitle, DialogTitleProps, DialogTitleState } from "./dialog-title.js";
+import { DialogTrigger, DialogTriggerProps, DialogTriggerState } from "./dialog-trigger.js";
+import { DialogViewport, DialogViewportProps, DialogViewportState } from "./dialog-viewport.js";
+declare namespace index_parts_d_exports {
+  export { DialogBackdrop as Backdrop, DialogBackdropProps as BackdropProps, DialogBackdropState as BackdropState, DialogBody as Body, DialogBodyProps as BodyProps, DialogClose as Close, DialogCloseProps as CloseProps, DialogCloseState as CloseState, DialogDescription as Description, DialogDescriptionProps as DescriptionProps, DialogDescriptionState as DescriptionState, DialogFooter as Footer, DialogFooterProps as FooterProps, DialogHandle as Handle, DialogHeader as Header, DialogHeaderProps as HeaderProps, DialogPopup as Popup, DialogPopupProps as PopupProps, DialogPopupState as PopupState, DialogPortal as Portal, DialogPortalProps as PortalProps, DialogPortalState as PortalState, DialogRoot as Root, DialogRootActions as RootActions, DialogRootChangeEventDetails as RootChangeEventDetails, DialogRootChangeEventReason as RootChangeEventReason, DialogRootProps as RootProps, DialogRootState as RootState, DialogTitle as Title, DialogTitleProps as TitleProps, DialogTitleState as TitleState, DialogTrigger as Trigger, DialogTriggerProps as TriggerProps, DialogTriggerState as TriggerState, DialogVariants as Variants, DialogViewport as Viewport, DialogViewportProps as ViewportProps, DialogViewportState as ViewportState, createDialogHandle as createHandle };
+}
+//#endregion
+export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, type DialogBackdropState as BackdropState, DialogBody as Body, type DialogBodyProps as BodyProps, DialogClose as Close, type DialogCloseProps as CloseProps, type DialogCloseState as CloseState, DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, type DialogDescriptionState as DescriptionState, DialogFooter as Footer, type DialogFooterProps as FooterProps, type DialogHandle as Handle, DialogHeader as Header, type DialogHeaderProps as HeaderProps, DialogPopup as Popup, type DialogPopupProps as PopupProps, type DialogPopupState as PopupState, DialogPortal as Portal, type DialogPortalProps as PortalProps, type DialogPortalState as PortalState, DialogRoot as Root, type DialogRootActions as RootActions, type DialogRootChangeEventDetails as RootChangeEventDetails, type DialogRootChangeEventReason as RootChangeEventReason, type DialogRootProps as RootProps, type DialogRootState as RootState, DialogTitle as Title, type DialogTitleProps as TitleProps, type DialogTitleState as TitleState, DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, type DialogTriggerState as TriggerState, type DialogVariants as Variants, DialogViewport as Viewport, type DialogViewportProps as ViewportProps, type DialogViewportState as ViewportState, createDialogHandle as createHandle, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/overlays/dialog/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/index.parts.ts"],"mappings":""}

package/dist/components/overlays/dialog/index.parts.js

@@ -0,0 +1,34 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createDialogHandle } from "./create-handle.js";
+import { DialogBackdrop } from "./dialog-backdrop.js";
+import { DialogBody } from "./dialog-body.js";
+import { DialogClose } from "./dialog-close.js";
+import { DialogDescription } from "./dialog-description.js";
+import { DialogFooter } from "./dialog-footer.js";
+import { DialogHeader } from "./dialog-header.js";
+import { DialogPopup } from "./dialog-popup.js";
+import { DialogPortal } from "./dialog-portal.js";
+import { DialogRoot } from "./dialog-root.js";
+import { DialogTitle } from "./dialog-title.js";
+import { DialogTrigger } from "./dialog-trigger.js";
+import { DialogViewport } from "./dialog-viewport.js";
+//#region src/components/overlays/dialog/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DialogBackdrop,
+	Body: () => DialogBody,
+	Close: () => DialogClose,
+	Description: () => DialogDescription,
+	Footer: () => DialogFooter,
+	Header: () => DialogHeader,
+	Popup: () => DialogPopup,
+	Portal: () => DialogPortal,
+	Root: () => DialogRoot,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger,
+	Viewport: () => DialogViewport,
+	createHandle: () => createDialogHandle
+});
+//#endregion
+export { DialogBackdrop as Backdrop, DialogBody as Body, DialogClose as Close, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPopup as Popup, DialogPortal as Portal, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogViewport as Viewport, createDialogHandle as createHandle, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/overlays/dialog/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/dialog/index.parts.ts"],"sourcesContent":["export { createDialogHandle as createHandle } from './create-handle';\nexport { DialogBackdrop as Backdrop } from './dialog-backdrop';\nexport { DialogBody as Body } from './dialog-body';\nexport { DialogClose as Close } from './dialog-close';\nexport { DialogDescription as Description } from './dialog-description';\nexport { DialogFooter as Footer } from './dialog-footer';\nexport { DialogHeader as Header } from './dialog-header';\nexport { DialogPopup as Popup } from './dialog-popup';\nexport { DialogPortal as Portal } from './dialog-portal';\nexport { DialogRoot as Root } from './dialog-root';\nexport { DialogTitle as Title } from './dialog-title';\nexport { DialogTrigger as Trigger } from './dialog-trigger';\nexport { DialogViewport as Viewport } from './dialog-viewport';\n\n/* types */\n\nexport type { DialogHandle as Handle } from './create-handle';\nexport type {\n  DialogBackdropProps as BackdropProps,\n  DialogBackdropState as BackdropState,\n} from './dialog-backdrop';\nexport type { DialogBodyProps as BodyProps } from './dialog-body';\nexport type {\n  DialogCloseProps as CloseProps,\n  DialogCloseState as CloseState,\n} from './dialog-close';\nexport type {\n  DialogDescriptionProps as DescriptionProps,\n  DialogDescriptionState as DescriptionState,\n} from './dialog-description';\nexport type { DialogFooterProps as FooterProps } from './dialog-footer';\nexport type { DialogHeaderProps as HeaderProps } from './dialog-header';\nexport type {\n  DialogPopupProps as PopupProps,\n  DialogPopupState as PopupState,\n} from './dialog-popup';\nexport type {\n  DialogPortalProps as PortalProps,\n  DialogPortalState as PortalState,\n} from './dialog-portal';\nexport type {\n  DialogRootActions as RootActions,\n  DialogRootChangeEventDetails as RootChangeEventDetails,\n  DialogRootChangeEventReason as RootChangeEventReason,\n  DialogRootProps as RootProps,\n  DialogRootState as RootState,\n} from './dialog-root';\nexport type {\n  DialogTitleProps as TitleProps,\n  DialogTitleState as TitleState,\n} from './dialog-title';\nexport type {\n  DialogTriggerProps as TriggerProps,\n  DialogTriggerState as TriggerState,\n} from './dialog-trigger';\nexport type {\n  DialogViewportProps as ViewportProps,\n  DialogViewportState as ViewportState,\n} from './dialog-viewport';\nexport type { DialogVariants as Variants } from './use-dialog-context';\n"],"mappings":""}

package/dist/components/overlays/dialog/use-dialog-context.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/overlays/dialog/use-dialog-context.d.ts
+/**
+ * Variantes do Dialog. Informadas no `Dialog.Root` e repassadas às partes por contexto.
+ */
+export type DialogVariants = {
+  /**
+   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).
+   * O `full` ocupa toda a área do `Dialog.Viewport`, na largura e na altura. Em tela menor que a
+   * largura, o popup ocupa a da tela menos a margem do viewport.
+   *
+   * @default 'lg'
+   */
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+};
+export declare const dialogDefaultVariants: Required<DialogVariants>;
+export declare const DialogContextProvider: import("react").Provider<DialogVariants>, useDialogContext: () => DialogVariants;
+//#endregion
+//# sourceMappingURL=use-dialog-context.d.ts.map

package/dist/components/overlays/dialog/use-dialog-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-context.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/use-dialog-context.ts"],"mappings":";;;;YAKY;;;;;;;;EAQV;;qBAeW,uBAAuB,SAAS;qBAI/B,uCAAqB,SAAA,iBAAE,wBAAgB"}

package/dist/components/overlays/dialog/use-dialog-context.js

@@ -0,0 +1,11 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/overlays/dialog/use-dialog-context.ts
+const dialogDefaultVariants = { size: "lg" };
+const [DialogContextProvider, useDialogContext] = createContext({
+	name: "DialogContext",
+	providers: ["Dialog.Root"]
+});
+//#endregion
+export { DialogContextProvider, dialogDefaultVariants, useDialogContext };
+
+//# sourceMappingURL=use-dialog-context.js.map

package/dist/components/overlays/dialog/use-dialog-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-context.js","names":[],"sources":["../../../../src/components/overlays/dialog/use-dialog-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Dialog. Informadas no `Dialog.Root` e repassadas às partes por contexto.\n */\nexport type DialogVariants = {\n  /**\n   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).\n   * O `full` ocupa toda a área do `Dialog.Viewport`, na largura e na altura. Em tela menor que a\n   * largura, o popup ocupa a da tela menos a margem do viewport.\n   *\n   * @default 'lg'\n   */\n  size?:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl'\n    | '7xl'\n    | 'full';\n};\n\nexport const dialogDefaultVariants: Required<DialogVariants> = {\n  size: 'lg',\n};\n\nexport const [DialogContextProvider, useDialogContext] =\n  createContext<DialogVariants>({\n    name: 'DialogContext',\n    providers: ['Dialog.Root'],\n  });\n"],"mappings":";;AA4BA,MAAa,wBAAkD,EAC7D,MAAM,KACR;AAEA,MAAa,CAAC,uBAAuB,oBACnC,cAA8B;CAC5B,MAAM;CACN,WAAW,CAAC,aAAa;AAC3B,CAAC"}

package/dist/components/overlays/drawer/create-handle.d.ts

@@ -0,0 +1,10 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/create-handle.d.ts
+export type DrawerHandle<Payload> = Drawer.Handle<Payload>;
+/**
+ * Cria um handle que liga triggers soltos pela página a um único `Drawer.Root`, passado em
+ * `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.
+ */
+export declare const createDrawerHandle: <Payload>() => Drawer.Handle<Payload>;
+//#endregion
+//# sourceMappingURL=create-handle.d.ts.map

package/dist/components/overlays/drawer/create-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/create-handle.ts"],"mappings":";;YAEY,aAAa,WAAWA,OAAW,OAAO;;;;;qBAMzC,qBAAsB,cAAOA,OAAA,OAAA"}

package/dist/components/overlays/drawer/create-handle.js

@@ -0,0 +1,11 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/create-handle.ts
+/**
+* Cria um handle que liga triggers soltos pela página a um único `Drawer.Root`, passado em
+* `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.
+*/
+const createDrawerHandle = () => Drawer.createHandle();
+//#endregion
+export { createDrawerHandle };
+
+//# sourceMappingURL=create-handle.js.map

package/dist/components/overlays/drawer/create-handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/create-handle.ts"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\n\nexport type DrawerHandle<Payload> = BaseDrawer.Handle<Payload>;\n\n/**\n * Cria um handle que liga triggers soltos pela página a um único `Drawer.Root`, passado em\n * `handle` nos dois lados. O `Payload` é o dado que cada trigger envia ao abrir.\n */\nexport const createDrawerHandle = <Payload>() =>\n  BaseDrawer.createHandle<Payload>();\n"],"mappings":";;;;;;AAQA,MAAa,2BACXA,OAAW,aAAsB"}

package/dist/components/overlays/drawer/drawer-backdrop.d.ts

@@ -0,0 +1,20 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-backdrop.d.ts
+export type DrawerBackdropProps = Drawer.Backdrop.Props;
+export type DrawerBackdropState = Drawer.Backdrop.State;
+/**
+ * Camada atrás do popup que cobre e escurece a página. Num drawer aninhado, o Base UI não a
+ * renderiza: quem escurece é o popup de trás.
+ *
+ * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups (tabela no README de `overlays`).
+ * As diferenças: clareia enquanto o drawer é arrastado para fechar (`--drawer-swipe-progress`,
+ * de 0 a 1), sem transição durante o arrasto, e usa as durações do `Drawer.Popup`. Com
+ * `snapPoints`, fica transparente no ponto mais baixo e escurece conforme o drawer sobe: parado
+ * embaixo, a página continua à vista.
+ */
+export declare const DrawerBackdrop: {
+  (props: DrawerBackdropProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-backdrop.d.ts.map

package/dist/components/overlays/drawer/drawer-backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-backdrop.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-backdrop.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;;;;;;;qBAYzC;GAAyB,OAAA,sCAAmB,IAAA"}

package/dist/components/overlays/drawer/drawer-backdrop.js

@@ -0,0 +1,42 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página. Num drawer aninhado, o Base UI não a
+* renderiza: quem escurece é o popup de trás.
+*
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups (tabela no README de `overlays`).
+* As diferenças: clareia enquanto o drawer é arrastado para fechar (`--drawer-swipe-progress`,
+* de 0 a 1), sem transição durante o arrasto, e usa as durações do `Drawer.Popup`. Com
+* `snapPoints`, fica transparente no ponto mais baixo e escurece conforme o drawer sobe: parado
+* embaixo, a página continua à vista.
+*/
+const DrawerBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
+		"data-component": "Drawer.Backdrop",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"min-h-dvh",
+			"supports-[-webkit-touch-callout:none]:absolute",
+			"bg-black/40",
+			"opacity-[calc(1-var(--drawer-swipe-progress,0))]",
+			"not-motion-reduced:transition-opacity",
+			"not-motion-reduced:ease-enter-emphasized",
+			"not-motion-reduced:duration-400",
+			"not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*300ms)]",
+			"not-motion-reduced:data-ending-style:ease-exit-emphasized",
+			"data-swiping:duration-0",
+			"data-ending-style:opacity-0",
+			"data-starting-style:opacity-0"
+		], className),
+		...rest
+	});
+};
+DrawerBackdrop.displayName = "Drawer.Backdrop";
+//#endregion
+export { DrawerBackdrop };
+
+//# sourceMappingURL=drawer-backdrop.js.map

package/dist/components/overlays/drawer/drawer-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-backdrop.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-backdrop.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerBackdropProps = BaseDrawer.Backdrop.Props;\n\nexport type DrawerBackdropState = BaseDrawer.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página. Num drawer aninhado, o Base UI não a\n * renderiza: quem escurece é o popup de trás.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups (tabela no README de `overlays`).\n * As diferenças: clareia enquanto o drawer é arrastado para fechar (`--drawer-swipe-progress`,\n * de 0 a 1), sem transição durante o arrasto, e usa as durações do `Drawer.Popup`. Com\n * `snapPoints`, fica transparente no ponto mais baixo e escurece conforme o drawer sobe: parado\n * embaixo, a página continua à vista.\n */\nexport const DrawerBackdrop = (props: DrawerBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Backdrop\n      data-component=\"Drawer.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n          'opacity-[calc(1-var(--drawer-swipe-progress,0))]',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter-emphasized',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-400',\n          'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*300ms)]',\n          'not-motion-reduced:data-ending-style:ease-exit-emphasized',\n          'data-swiping:duration-0',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerBackdrop.displayName = 'Drawer.Backdrop';\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/overlays/drawer/drawer-body.d.ts

@@ -0,0 +1,19 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-body.d.ts
+export type DrawerBodyProps = Drawer.Content.Props;
+export type DrawerBodyState = Drawer.Content.State;
+/**
+ * Conteúdo principal do drawer, sobre o `Drawer.Content` do Base UI: com o mouse, o texto dele se
+ * seleciona sem disparar o arrasto. Ocupa o espaço que sobra e rola por dentro; `Header` e `Footer`
+ * continuam visíveis.
+ *
+ * Cópia de `DialogBody` (tabela no README de `overlays`), onde a divisão do espaço vertical está
+ * explicada. As diferenças: é o `Drawer.Content`, o respiro vem de `--drawer-padding`, e a rolagem
+ * não passa para a página no fim da lista (`overscroll-contain`).
+ */
+export declare const DrawerBody: {
+  (props: DrawerBodyProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-body.d.ts.map

package/dist/components/overlays/drawer/drawer-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-body.tsx"],"mappings":";;YAGY,kBAAkBA,OAAW,QAAQ;YAErC,kBAAkBA,OAAW,QAAQ;;;;;;;;;;qBAWpC;GAAqB,OAAA,kCAAe,IAAA"}

package/dist/components/overlays/drawer/drawer-body.js

@@ -0,0 +1,37 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-body.tsx
+/**
+* Conteúdo principal do drawer, sobre o `Drawer.Content` do Base UI: com o mouse, o texto dele se
+* seleciona sem disparar o arrasto. Ocupa o espaço que sobra e rola por dentro; `Header` e `Footer`
+* continuam visíveis.
+*
+* Cópia de `DialogBody` (tabela no README de `overlays`), onde a divisão do espaço vertical está
+* explicada. As diferenças: é o `Drawer.Content`, o respiro vem de `--drawer-padding`, e a rolagem
+* não passa para a página no fim da lista (`overscroll-contain`).
+*/
+const DrawerBody = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Drawer.Content, {
+		"data-component": "Drawer.Body",
+		className: mergeStateClassNames([
+			"flex",
+			"flex-1",
+			"flex-col",
+			"min-h-0",
+			"overflow-y-auto",
+			"overscroll-contain",
+			"px-(--drawer-padding)",
+			"py-2",
+			"first:pt-(--drawer-padding)",
+			"[&:not(:has(~[data-component='Drawer.Footer']))]:pb-(--drawer-padding)"
+		], className),
+		...rest
+	});
+};
+DrawerBody.displayName = "Drawer.Body";
+//#endregion
+export { DrawerBody };
+
+//# sourceMappingURL=drawer-body.js.map

package/dist/components/overlays/drawer/drawer-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-body.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerBodyProps = BaseDrawer.Content.Props;\n\nexport type DrawerBodyState = BaseDrawer.Content.State;\n\n/**\n * Conteúdo principal do drawer, sobre o `Drawer.Content` do Base UI: com o mouse, o texto dele se\n * seleciona sem disparar o arrasto. Ocupa o espaço que sobra e rola por dentro; `Header` e `Footer`\n * continuam visíveis.\n *\n * Cópia de `DialogBody` (tabela no README de `overlays`), onde a divisão do espaço vertical está\n * explicada. As diferenças: é o `Drawer.Content`, o respiro vem de `--drawer-padding`, e a rolagem\n * não passa para a página no fim da lista (`overscroll-contain`).\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Content\n      data-component=\"Drawer.Body\"\n      className={mergeStateClassNames(\n        [\n          'flex',\n          'flex-1',\n          'flex-col',\n          // Sem o `min-h-0`, o item flex não encolhe abaixo do conteúdo, e o popup vaza da tela.\n          'min-h-0',\n          'overflow-y-auto',\n          'overscroll-contain',\n\n          'px-(--drawer-padding)',\n          'py-2',\n          'first:pt-(--drawer-padding)',\n          // Por irmão, e não por `last:`, porque um `Close` pode vir depois.\n          \"[&:not(:has(~[data-component='Drawer.Footer']))]:pb-(--drawer-padding)\",\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerBody.displayName = 'Drawer.Body';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,SAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

package/dist/components/overlays/drawer/drawer-close.d.ts

@@ -0,0 +1,14 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-close.d.ts
+export type DrawerCloseProps = Drawer.Close.Props;
+export type DrawerCloseState = Drawer.Close.State;
+/**
+ * Botão que fecha o drawer. Sem estilo próprio; passe um botão da lib em `render`, como um
+ * `CloseButton` no `Header` ou um `Button` no `Footer`.
+ */
+export declare const DrawerClose: {
+  (props: DrawerCloseProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-close.d.ts.map

package/dist/components/overlays/drawer/drawer-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-close.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;qBAMnC;GAAsB,OAAA,mCAAgB,IAAA"}

package/dist/components/overlays/drawer/drawer-close.js

@@ -0,0 +1,21 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-close.tsx
+/**
+* Botão que fecha o drawer. Sem estilo próprio; passe um botão da lib em `render`, como um
+* `CloseButton` no `Header` ou um `Button` no `Footer`.
+*/
+const DrawerClose = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-component": "Drawer.Close",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+DrawerClose.displayName = "Drawer.Close";
+//#endregion
+export { DrawerClose };
+
+//# sourceMappingURL=drawer-close.js.map

package/dist/components/overlays/drawer/drawer-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-close.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-close.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerCloseProps = BaseDrawer.Close.Props;\n\nexport type DrawerCloseState = BaseDrawer.Close.State;\n\n/**\n * Botão que fecha o drawer. Sem estilo próprio; passe um botão da lib em `render`, como um\n * `CloseButton` no `Header` ou um `Button` no `Footer`.\n */\nexport const DrawerClose = (props: DrawerCloseProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Close\n      data-component=\"Drawer.Close\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nDrawerClose.displayName = 'Drawer.Close';\n"],"mappings":";;;;;;;;AAWA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

package/dist/components/overlays/drawer/drawer-description.d.ts

@@ -0,0 +1,16 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-description.d.ts
+export type DrawerDescriptionProps = Drawer.Description.Props;
+export type DrawerDescriptionState = Drawer.Description.State;
+/**
+ * Texto de apoio do drawer, abaixo do título, ligado ao popup por `aria-describedby`.
+ *
+ * Cópia de `DialogDescription`, sem diferenças (tabela no README de `overlays`); o mecanismo
+ * está explicado lá.
+ */
+export declare const DrawerDescription: {
+  (props: DrawerDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-description.d.ts.map

package/dist/components/overlays/drawer/drawer-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-description.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-description.tsx"],"mappings":";;YAGY,yBAAyBA,OAAW,YAAY;YAEhD,yBAAyBA,OAAW,YAAY;;;;;;;qBAQ/C;GAA4B,OAAA,yCAAsB,IAAA"}