@lucasbernardosn/react-ui 0.3.0 → 0.5.0

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

@@ -11,12 +11,12 @@ import { mergeProps, useRender } from "@base-ui/react";
 * do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do
 * dialog daquele lado.
 *
-* Cópia de `CardBody` (tabela no README de `display`). As diferenças: lê `--dialog-padding`, rola
-* por dentro (`min-h-0`, `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.
+* Cópia de `CardBody`. As diferenças: lê `--dialog-padding`, rola por dentro (`min-h-0`,
+* `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.
 *
-* Origem do `AlertDialog.Body` e do `Drawer.Body`, 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.
+* Origem do `AlertDialog.Body` e do `Drawer.Body`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const DialogBody = (props) => {
 	const { render, className, ...rest } = props;
@@ -26,6 +26,7 @@ const DialogBody = (props) => {
 			"flex",
 			"flex-1",
 			"flex-col",
+			"gap-4",
 			"min-h-0",
 			"overflow-y-auto",
 			"px-(--dialog-padding)",

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-body.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-body.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogBodyProps = useRender.ComponentProps<'div'>;\n\n/**\n * Conteúdo principal do dialog. Quando o popup chega à altura do `Dialog.Viewport`, só o `Body`\n * rola, e `Header` e `Footer` continuam visíveis.\n *\n * O padding de uma área que rola rola junto com o conteúdo. Por isso o `Body` tem só 8px em cima\n * e embaixo, e o resto do espaço entre as partes fica no `Header` (8px embaixo) e no `Footer`\n * (8px em cima), que não rolam: parado, o espaço é de 16px; rolando, o conteúdo some 8px antes\n * do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do\n * dialog daquele lado.\n *\n * Cópia de `CardBody` (tabela no README de `display`). As diferenças: lê `--dialog-padding`, rola\n * por dentro (`min-h-0`, `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.\n *\n * Origem do `AlertDialog.Body` e do `Drawer.Body`, 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 DialogBody = (props: DialogBodyProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Body',\n    className: mergeTwClassNames(\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\n        'px-(--dialog-padding)',\n        'py-2',\n        'first:pt-(--dialog-padding)',\n        // Por irmão, e não por `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogBody.displayName = 'Dialog.Body';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}
+{"version":3,"file":"dialog-body.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-body.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogBodyProps = useRender.ComponentProps<'div'>;\n\n/**\n * Conteúdo principal do dialog. Quando o popup chega à altura do `Dialog.Viewport`, só o `Body`\n * rola, e `Header` e `Footer` continuam visíveis.\n *\n * O padding de uma área que rola rola junto com o conteúdo. Por isso o `Body` tem só 8px em cima\n * e embaixo, e o resto do espaço entre as partes fica no `Header` (8px embaixo) e no `Footer`\n * (8px em cima), que não rolam: parado, o espaço é de 16px; rolando, o conteúdo some 8px antes\n * do título e dos botões. Sem `Header` antes ou sem `Footer` depois, o `Body` fecha o respiro do\n * dialog daquele lado.\n *\n * Cópia de `CardBody`. As diferenças: lê `--dialog-padding`, rola por dentro (`min-h-0`,\n * `overflow-y-auto`) e divide o espaço vertical com `Header` e `Footer`.\n *\n * Origem do `AlertDialog.Body` e do `Drawer.Body`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Body',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-1',\n        'flex-col',\n        'gap-4',\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\n        'px-(--dialog-padding)',\n        'py-2',\n        'first:pt-(--dialog-padding)',\n        // Por irmão, e não por `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogBody.displayName = 'Dialog.Body';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}

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

@@ -5,11 +5,11 @@ export type DialogDescriptionState = Dialog.Description.State;
 /**
  * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.
  *
- * Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.
+ * Cópia de `CardDescription`, com as mesmas classes.
  *
- * Origem do `AlertDialog.Description` e do `Drawer.Description`, 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.
+ * Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes, cada um com as suas
+ * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  */
 export declare const DialogDescription: {
   (props: DialogDescriptionProps): import("react").JSX.Element;

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

@@ -5,11 +5,11 @@ import { Dialog } from "@base-ui/react/dialog";
 /**
 * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.
 *
-* Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.
+* Cópia de `CardDescription`, com as mesmas classes.
 *
-* Origem do `AlertDialog.Description` e do `Drawer.Description`, 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.
+* Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const DialogDescription = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-description.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-description.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogDescriptionProps = BaseDialog.Description.Props;\n\nexport type DialogDescriptionState = BaseDialog.Description.State;\n\n/**\n * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.\n *\n * Cópia de `CardDescription` (tabela no README de `display`), com as mesmas classes.\n *\n * Origem do `AlertDialog.Description` e do `Drawer.Description`, 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 DialogDescription = (props: DialogDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Description\n      data-component=\"Dialog.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,aAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"dialog-description.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-description.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogDescriptionProps = BaseDialog.Description.Props;\n\nexport type DialogDescriptionState = BaseDialog.Description.State;\n\n/**\n * Texto de apoio do dialog, abaixo do título, ligado ao popup por `aria-describedby`.\n *\n * Cópia de `CardDescription`, com as mesmas classes.\n *\n * Origem do `AlertDialog.Description` e do `Drawer.Description`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n */\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Description\n      data-component=\"Dialog.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogDescription.displayName = 'Dialog.Description';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,aAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -4,13 +4,12 @@ export type DialogFooterProps = useRender.ComponentProps<'div'>;
 /**
  * Linha de ações na base do dialog, alinhadas à direita.
  *
- * Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,
- * alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`
- * (ver `DialogBody`).
+ * Cópia de `CardFooter`. As diferenças: lê `--dialog-padding`, alinha as ações à direita
+ * (`justify-end`) e declara 8px em cima, que não rolam com o `Body` (ver `DialogBody`).
  *
- * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, 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.
+ * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes, cada um com as suas
+ * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  */
 export declare const DialogFooter: {
   (props: DialogFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -4,13 +4,12 @@ import { mergeProps, useRender } from "@base-ui/react";
 /**
 * Linha de ações na base do dialog, alinhadas à direita.
 *
-* Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,
-* alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`
-* (ver `DialogBody`).
+* Cópia de `CardFooter`. As diferenças: lê `--dialog-padding`, alinha as ações à direita
+* (`justify-end`) e declara 8px em cima, que não rolam com o `Body` (ver `DialogBody`).
 *
-* Origem do `AlertDialog.Footer` e do `Drawer.Footer`, 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.
+* Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const DialogFooter = (props) => {
 	const { render, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do dialog, alinhadas à direita.\n *\n * Cópia de `CardFooter` (tabela no README de `display`). As diferenças: lê `--dialog-padding`,\n * alinha as ações à direita (`justify-end`) e declara 8px em cima, que não rolam com o `Body`\n * (ver `DialogBody`).\n *\n * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, 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 DialogFooter = (props: DialogFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--dialog-padding)',\n        'pt-2',\n        'pb-(--dialog-padding)',\n        // Abrindo o dialog, fecha o respiro de cima.\n        'first:pt-(--dialog-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogFooter.displayName = 'Dialog.Footer';\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"dialog-footer.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do dialog, alinhadas à direita.\n *\n * Cópia de `CardFooter`. As diferenças: lê `--dialog-padding`, alinha as ações à direita\n * (`justify-end`) e declara 8px em cima, que não rolam com o `Body` (ver `DialogBody`).\n *\n * Origem do `AlertDialog.Footer` e do `Drawer.Footer`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--dialog-padding)',\n        'pt-2',\n        'pb-(--dialog-padding)',\n        // Abrindo o dialog, fecha o respiro de cima.\n        'first:pt-(--dialog-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogFooter.displayName = 'Dialog.Footer';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

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

@@ -4,13 +4,12 @@ export type DialogHeaderProps = useRender.ComponentProps<'div'>;
 /**
  * Topo do dialog, onde ficam título e descrição.
  *
- * Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de
- * `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver
- * `DialogBody`).
+ * Cópia de `CardHeader`. As diferenças: o respiro vem de `--dialog-padding`, e o `Header` declara
+ * 8px embaixo, que não rolam com o `Body` (ver `DialogBody`).
  *
- * Origem do `AlertDialog.Header` e do `Drawer.Header`, 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.
+ * Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes, cada um com as suas
+ * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  */
 export declare const DialogHeader: {
   (props: DialogHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -4,13 +4,12 @@ import { mergeProps, useRender } from "@base-ui/react";
 /**
 * Topo do dialog, onde ficam título e descrição.
 *
-* Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de
-* `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver
-* `DialogBody`).
+* Cópia de `CardHeader`. As diferenças: o respiro vem de `--dialog-padding`, e o `Header` declara
+* 8px embaixo, que não rolam com o `Body` (ver `DialogBody`).
 *
-* Origem do `AlertDialog.Header` e do `Drawer.Header`, 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.
+* Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const DialogHeader = (props) => {
 	const { render, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-header.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do dialog, onde ficam título e descrição.\n *\n * Cópia de `CardHeader` (tabela no README de `display`). As diferenças: o respiro vem de\n * `--dialog-padding`, e o `Header` declara 8px embaixo, que não rolam com o `Body` (ver\n * `DialogBody`).\n *\n * Origem do `AlertDialog.Header` e do `Drawer.Header`, 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 DialogHeader = (props: DialogHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--dialog-padding)',\n        'pt-(--dialog-padding)',\n        'pb-2',\n        // Sem `Body` nem `Footer` depois, fecha o respiro do dialog embaixo. Por irmão, e não por\n        // `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Body'],~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogHeader.displayName = 'Dialog.Header';\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAGA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"dialog-header.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DialogHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do dialog, onde ficam título e descrição.\n *\n * Cópia de `CardHeader`. As diferenças: o respiro vem de `--dialog-padding`, e o `Header` declara\n * 8px embaixo, que não rolam com o `Body` (ver `DialogBody`).\n *\n * Origem do `AlertDialog.Header` e do `Drawer.Header`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Dialog.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--dialog-padding)',\n        'pt-(--dialog-padding)',\n        'pb-2',\n        // Sem `Body` nem `Footer` depois, fecha o respiro do dialog embaixo. Por irmão, e não por\n        // `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Dialog.Body'],~[data-component='Dialog.Footer']))]:pb-(--dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDialogHeader.displayName = 'Dialog.Header';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAGA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/overlays/dialog/dialog-popup-variants.d.ts

@@ -1,10 +1,10 @@
 //#region src/components/overlays/dialog/dialog-popup-variants.d.ts
 /**
  * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
- * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+ * cor do texto e animação estão explicados. As diferenças:
  * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;
  * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;
- * - `rounded-md` e `shadow-lg`;
+ * - `rounded-lg`, sem `corner-squircle`, e `shadow-lg`;
  * - o aninhamento, abaixo.
  *
  * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o
@@ -16,9 +16,9 @@
  * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o
  * cobre por inteiro, porque os dois ficam centralizados.
  *
- * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, 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.
+ * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes, cada um com as suas
+ * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  */
 export declare const dialogPopupVariants: (props?: ({
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | null | undefined;

package/dist/components/overlays/dialog/dialog-popup-variants.js

@@ -3,10 +3,10 @@ import { cva } from "class-variance-authority";
 //#region src/components/overlays/dialog/dialog-popup-variants.ts
 /**
 * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
-* cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+* cor do texto e animação estão explicados. As diferenças:
 * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;
 * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;
-* - `rounded-md` e `shadow-lg`;
+* - `rounded-lg`, sem `corner-squircle`, e `shadow-lg`;
 * - o aninhamento, abaixo.
 *
 * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o
@@ -18,9 +18,9 @@ import { cva } from "class-variance-authority";
 * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o
 * cobre por inteiro, porque os dois ficam centralizados.
 *
-* Origem do `AlertDialog.Popup` e do `Drawer.Popup`, 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.
+* Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const dialogPopupVariants = cva([
 	"[--dialog-padding:--spacing(4)]",
@@ -29,8 +29,7 @@ const dialogPopupVariants = cva([
 	"flex-col",
 	"w-full",
 	"max-h-full",
-	"rounded-md",
-	"corner-squircle",
+	"rounded-lg",
 	"outline-1",
 	"outline-gray-6",
 	"bg-white",

package/dist/components/overlays/dialog/dialog-popup-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dialogDefaultVariants } from './use-dialog-context';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:\n * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;\n * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;\n * - `rounded-md` e `shadow-lg`;\n * - o aninhamento, abaixo.\n *\n * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o\n * título e a descrição: o `size` do Dialog é a largura, e um Dialog largo não ganha título maior.\n *\n * Com outro Dialog aberto sobre ele, o Base UI marca o popup com `data-nested-dialog-open` e\n * escreve em `--nested-dialogs` quantos estão abertos à frente. O popup de trás encolhe, sobe 24px\n * por nível e escurece (pelo `::after`), porque o Dialog aninhado não renderiza backdrop: cada\n * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o\n * cobre por inteiro, porque os dois ficam centralizados.\n *\n * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, 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 dialogPopupVariants = cva(\n  [\n    '[--dialog-padding:--spacing(4)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n    'max-h-full',\n\n    'rounded-md',\n    'corner-squircle',\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    'not-motion-reduced:transition-[translate,opacity,scale]',\n    'not-motion-reduced:ease-enter',\n    'not-motion-reduced:duration-150',\n\n    'not-motion-reduced:data-starting-style:scale-95',\n    'not-motion-reduced:data-ending-style:scale-95',\n    'not-motion-reduced:data-ending-style:ease-exit',\n    'not-motion-reduced:data-ending-style:duration-100',\n    'data-starting-style:opacity-0',\n    'data-ending-style:opacity-0',\n\n    'not-motion-reduced:data-nested-dialog-open:scale-[calc(1-0.05*var(--nested-dialogs))]',\n    'not-motion-reduced:data-nested-dialog-open:-translate-y-[calc(var(--nested-dialogs)*(--spacing(6)))]',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:inset-0',\n    'after:rounded-[inherit]',\n    'after:bg-black/20',\n    'after:opacity-0',\n    'after:pointer-events-none',\n    'not-motion-reduced:after:transition-opacity',\n    'not-motion-reduced:after:duration-150',\n    'data-nested-dialog-open:after:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        xs: ['max-w-xs'],\n        sm: ['max-w-sm'],\n        md: ['max-w-md'],\n        lg: ['max-w-lg'],\n        xl: ['max-w-xl'],\n        '2xl': ['max-w-2xl'],\n        '3xl': ['max-w-3xl'],\n        '4xl': ['max-w-4xl'],\n        '5xl': ['max-w-5xl'],\n        '6xl': ['max-w-6xl'],\n        '7xl': ['max-w-7xl'],\n        full: ['max-w-none', 'h-full'],\n      },\n    },\n    defaultVariants: {\n      size: dialogDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,sBAAsB,IACjC;CACE;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,MAAM,CAAC,cAAc,QAAQ;CAC/B,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}
+{"version":3,"file":"dialog-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dialogDefaultVariants } from './use-dialog-context';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados. As diferenças:\n * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;\n * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;\n * - `rounded-lg`, sem `corner-squircle`, e `shadow-lg`;\n * - o aninhamento, abaixo.\n *\n * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o\n * título e a descrição: o `size` do Dialog é a largura, e um Dialog largo não ganha título maior.\n *\n * Com outro Dialog aberto sobre ele, o Base UI marca o popup com `data-nested-dialog-open` e\n * escreve em `--nested-dialogs` quantos estão abertos à frente. O popup de trás encolhe, sobe 24px\n * por nível e escurece (pelo `::after`), porque o Dialog aninhado não renderiza backdrop: cada\n * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o\n * cobre por inteiro, porque os dois ficam centralizados.\n *\n * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * rodada.\n */\nexport const dialogPopupVariants = cva(\n  [\n    '[--dialog-padding:--spacing(4)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n    'max-h-full',\n\n    'rounded-lg',\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    'not-motion-reduced:transition-[translate,opacity,scale]',\n    'not-motion-reduced:ease-enter',\n    'not-motion-reduced:duration-150',\n\n    'not-motion-reduced:data-starting-style:scale-95',\n    'not-motion-reduced:data-ending-style:scale-95',\n    'not-motion-reduced:data-ending-style:ease-exit',\n    'not-motion-reduced:data-ending-style:duration-100',\n    'data-starting-style:opacity-0',\n    'data-ending-style:opacity-0',\n\n    'not-motion-reduced:data-nested-dialog-open:scale-[calc(1-0.05*var(--nested-dialogs))]',\n    'not-motion-reduced:data-nested-dialog-open:-translate-y-[calc(var(--nested-dialogs)*(--spacing(6)))]',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:inset-0',\n    'after:rounded-[inherit]',\n    'after:bg-black/20',\n    'after:opacity-0',\n    'after:pointer-events-none',\n    'not-motion-reduced:after:transition-opacity',\n    'not-motion-reduced:after:duration-150',\n    'data-nested-dialog-open:after:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        xs: ['max-w-xs'],\n        sm: ['max-w-sm'],\n        md: ['max-w-md'],\n        lg: ['max-w-lg'],\n        xl: ['max-w-xl'],\n        '2xl': ['max-w-2xl'],\n        '3xl': ['max-w-3xl'],\n        '4xl': ['max-w-4xl'],\n        '5xl': ['max-w-5xl'],\n        '6xl': ['max-w-6xl'],\n        '7xl': ['max-w-7xl'],\n        full: ['max-w-none', 'h-full'],\n      },\n    },\n    defaultVariants: {\n      size: dialogDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,sBAAsB,IACjC;CACE;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,MAAM,CAAC,cAAc,QAAQ;CAC/B,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

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

@@ -5,12 +5,12 @@ 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`). A diferença: a tag vem do Base UI (`h2`),
- * sem a prop `level`; outra tag vai por `render`.
+ * Cópia de `CardTitle`. A diferença: 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.
+ * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes, cada um com as suas
+ * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+ * rodada.
  */
 export declare const DialogTitle: {
   (props: DialogTitleProps): import("react").JSX.Element;

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

@@ -5,12 +5,12 @@ import { Dialog } from "@base-ui/react/dialog";
 /**
 * Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.
 *
-* Cópia de `CardTitle` (tabela no README de `display`). A diferença: a tag vem do Base UI (`h2`),
-* sem a prop `level`; outra tag vai por `render`.
+* Cópia de `CardTitle`. A diferença: 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.
+* Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes, cada um com as suas
+* diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma
+* rodada.
 */
 const DialogTitle = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +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`). A diferença: a tag vem do Base UI (`h2`),\n * sem a prop `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-base',\n          'leading-6',\n          'font-medium',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogTitle.displayName = 'Dialog.Title';\n"],"mappings":";;;;;;;;;;;;;;AAiBA,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"}
+{"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`. A diferença: a tag vem do Base UI (`h2`), sem a prop `level`; outra tag vai\n * por `render`.\n *\n * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes, cada um com as suas\n * diferenças, explicadas no JSDoc de cada cópia. Uma mudança aqui vale para as cópias na mesma\n * 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-base',\n          'leading-6',\n          'font-medium',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogTitle.displayName = 'Dialog.Title';\n"],"mappings":";;;;;;;;;;;;;;AAiBA,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-viewport.d.ts

@@ -7,8 +7,8 @@ export type DialogViewportState = Dialog.Viewport.State;
  * 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.
+ * Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças. Uma mudança aqui vale
+ * para a cópia na mesma rodada.
  */
 export declare const DialogViewport: {
   (props: DialogViewportProps): import("react").JSX.Element;

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

@@ -7,8 +7,8 @@ import { Dialog } from "@base-ui/react/dialog";
 * 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.
+* Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças. Uma mudança aqui vale
+* para a cópia na mesma rodada.
 */
 const DialogViewport = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +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"}
+{"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. Uma mudança aqui vale\n * 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/drawer/drawer-backdrop.d.ts

@@ -6,7 +6,7 @@ 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`).
+ * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups.
  * 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

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

@@ -6,7 +6,7 @@ import { Drawer } from "@base-ui/react/drawer";
 * 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`).
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups.
 * 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

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

@@ -1 +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          // Os tempos do `Popup` em cada sentido, para os dois sumirem juntos (ver\n          // `drawerPopupVariants`).\n          'not-motion-reduced:duration-450',\n          'not-motion-reduced:ease-enter-emphasized',\n          'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*400ms)]',\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;GAGA;GACA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"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.\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          // Os tempos do `Popup` em cada sentido, para os dois sumirem juntos (ver\n          // `drawerPopupVariants`).\n          'not-motion-reduced:duration-450',\n          'not-motion-reduced:ease-enter-emphasized',\n          'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*400ms)]',\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;GAGA;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

@@ -7,9 +7,9 @@ export type DrawerBodyState = Drawer.Content.State;
  * 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`).
+ * Cópia de `DialogBody`, 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;

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

@@ -7,9 +7,9 @@ import { Drawer } from "@base-ui/react/drawer";
 * 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`).
+* Cópia de `DialogBody`, 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;
@@ -19,6 +19,7 @@ const DrawerBody = (props) => {
 			"flex",
 			"flex-1",
 			"flex-col",
+			"gap-4",
 			"min-h-0",
 			"overflow-y-auto",
 			"overscroll-contain",

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

@@ -1 +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"}
+{"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`, onde a divisão do espaço vertical está explicada. As diferenças: é o\n * `Drawer.Content`, o respiro vem de `--drawer-padding`, e a rolagem não passa para a página no\n * 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          'gap-4',\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;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-description.d.ts

@@ -5,8 +5,7 @@ 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á.
+ * Cópia de `DialogDescription`, sem diferenças; o mecanismo está explicado lá.
  */
 export declare const DrawerDescription: {
   (props: DrawerDescriptionProps): import("react").JSX.Element;

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

@@ -5,8 +5,7 @@ import { Drawer } from "@base-ui/react/drawer";
 /**
 * 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á.
+* Cópia de `DialogDescription`, sem diferenças; o mecanismo está explicado lá.
 */
 const DrawerDescription = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-description.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-description.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerDescriptionProps = BaseDrawer.Description.Props;\n\nexport type DrawerDescriptionState = BaseDrawer.Description.State;\n\n/**\n * Texto de apoio do drawer, abaixo do título, ligado ao popup por `aria-describedby`.\n *\n * Cópia de `DialogDescription`, sem diferenças (tabela no README de `overlays`); o mecanismo\n * está explicado lá.\n */\nexport const DrawerDescription = (props: DrawerDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Description\n      data-component=\"Drawer.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerDescription.displayName = 'Drawer.Description';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,aAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"drawer-description.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-description.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerDescriptionProps = BaseDrawer.Description.Props;\n\nexport type DrawerDescriptionState = BaseDrawer.Description.State;\n\n/**\n * Texto de apoio do drawer, abaixo do título, ligado ao popup por `aria-describedby`.\n *\n * Cópia de `DialogDescription`, sem diferenças; o mecanismo está explicado lá.\n */\nexport const DrawerDescription = (props: DrawerDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Description\n      data-component=\"Drawer.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerDescription.displayName = 'Drawer.Description';\n"],"mappings":";;;;;;;;;AAYA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,aAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -5,8 +5,7 @@ export type DrawerFooterProps = useRender.ComponentProps<'div'>;
  * Linha de ações na base do drawer, alinhadas à direita. Num drawer lateral, fica no pé da tela,
  * porque o `Body` ocupa o espaço que sobra.
  *
- * Cópia de `DialogFooter`, com o respiro em `--drawer-padding` (tabela no README de
- * `overlays`); o mecanismo está explicado lá.
+ * Cópia de `DialogFooter`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.
  */
 export declare const DrawerFooter: {
   (props: DrawerFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -5,8 +5,7 @@ import { mergeProps, useRender } from "@base-ui/react";
 * Linha de ações na base do drawer, alinhadas à direita. Num drawer lateral, fica no pé da tela,
 * porque o `Body` ocupa o espaço que sobra.
 *
-* Cópia de `DialogFooter`, com o respiro em `--drawer-padding` (tabela no README de
-* `overlays`); o mecanismo está explicado lá.
+* Cópia de `DialogFooter`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.
 */
 const DrawerFooter = (props) => {
 	const { render, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-footer.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DrawerFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do drawer, alinhadas à direita. Num drawer lateral, fica no pé da tela,\n * porque o `Body` ocupa o espaço que sobra.\n *\n * Cópia de `DialogFooter`, com o respiro em `--drawer-padding` (tabela no README de\n * `overlays`); o mecanismo está explicado lá.\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Drawer.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--drawer-padding)',\n        'pt-2',\n        'pb-(--drawer-padding)',\n        // Abrindo o drawer, fecha o respiro de cima.\n        'first:pt-(--drawer-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"mappings":";;;;;;;;;;AAYA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"drawer-footer.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DrawerFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do drawer, alinhadas à direita. Num drawer lateral, fica no pé da tela,\n * porque o `Body` ocupa o espaço que sobra.\n *\n * Cópia de `DialogFooter`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Drawer.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--drawer-padding)',\n        'pt-2',\n        'pb-(--drawer-padding)',\n        // Abrindo o drawer, fecha o respiro de cima.\n        'first:pt-(--drawer-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDrawerFooter.displayName = 'Drawer.Footer';\n"],"mappings":";;;;;;;;;AAWA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

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

@@ -4,8 +4,7 @@ export type DrawerHeaderProps = useRender.ComponentProps<'div'>;
 /**
  * Topo do drawer, onde ficam título e descrição.
  *
- * Cópia de `DialogHeader`, com o respiro em `--drawer-padding` (tabela no README de
- * `overlays`); o mecanismo está explicado lá.
+ * Cópia de `DialogHeader`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.
  */
 export declare const DrawerHeader: {
   (props: DrawerHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

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

@@ -4,8 +4,7 @@ import { mergeProps, useRender } from "@base-ui/react";
 /**
 * Topo do drawer, onde ficam título e descrição.
 *
-* Cópia de `DialogHeader`, com o respiro em `--drawer-padding` (tabela no README de
-* `overlays`); o mecanismo está explicado lá.
+* Cópia de `DialogHeader`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.
 */
 const DrawerHeader = (props) => {
 	const { render, className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-header.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DrawerHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do drawer, onde ficam título e descrição.\n *\n * Cópia de `DialogHeader`, com o respiro em `--drawer-padding` (tabela no README de\n * `overlays`); o mecanismo está explicado lá.\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Drawer.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--drawer-padding)',\n        'pt-(--drawer-padding)',\n        'pb-2',\n        // Sem `Body` nem `Footer` depois, fecha o respiro do drawer embaixo. Por irmão, e não por\n        // `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Drawer.Body'],~[data-component='Drawer.Footer']))]:pb-(--drawer-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDrawerHeader.displayName = 'Drawer.Header';\n"],"mappings":";;;;;;;;;AAWA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAGA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"drawer-header.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DrawerHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do drawer, onde ficam título e descrição.\n *\n * Cópia de `DialogHeader`, com o respiro em `--drawer-padding`; o mecanismo está explicado lá.\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Drawer.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--drawer-padding)',\n        'pt-(--drawer-padding)',\n        'pb-2',\n        // Sem `Body` nem `Footer` depois, fecha o respiro do drawer embaixo. Por irmão, e não por\n        // `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='Drawer.Body'],~[data-component='Drawer.Footer']))]:pb-(--drawer-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDrawerHeader.displayName = 'Drawer.Header';\n"],"mappings":";;;;;;;;AAUA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAGA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/overlays/drawer/drawer-popup-variants.d.ts

@@ -1,6 +1,6 @@
 //#region src/components/overlays/drawer/drawer-popup-variants.d.ts
 export declare const drawerPopupVariants: (props?: ({
-  side?: "bottom" | "top" | "right" | "left" | null | undefined;
+  side?: "bottom" | "top" | "left" | "right" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | null | undefined;
   snapPoints?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/overlays/drawer/drawer-popup-variants.js

@@ -2,8 +2,7 @@ import { drawerDefaultVariants } from "./use-drawer-context.js";
 import { cva } from "class-variance-authority";
 //#region src/components/overlays/drawer/drawer-popup-variants.ts
 /**
-* Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal (tabela no README
-* de `overlays`). As diferenças:
+* Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal. As diferenças:
 * - preso à borda do `side`, sem arredondar o lado da borda; nos lados, ocupa a altura da tela e
 *   tem a largura do `size` (em `--drawer-size`); em cima e embaixo, a altura do conteúdo até 85%
 *   da tela;