@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,28 @@
+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-description.tsx
+/**
+* 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á.
+*/
+const DrawerDescription = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-component": "Drawer.Description",
+		className: mergeStateClassNames([
+			"text-sm",
+			"leading-5",
+			"text-gray-11",
+			"text-pretty"
+		], className),
+		...rest
+	});
+};
+DrawerDescription.displayName = "Drawer.Description";
+//#endregion
+export { DrawerDescription };
+
+//# sourceMappingURL=drawer-description.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,16 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/drawer/drawer-footer.d.ts
+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á.
+ */
+export declare const DrawerFooter: {
+  (props: DrawerFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-footer.d.ts","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-footer.tsx"],"mappings":";;YAGY,oBAAoB,UAAU;;;;;;;;qBAS7B;GAAuB,OAAA,oCAAiB,+CAAA"}

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

@@ -0,0 +1,37 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/drawer/drawer-footer.tsx
+/**
+* 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á.
+*/
+const DrawerFooter = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Drawer.Footer",
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"justify-end",
+			"gap-2",
+			"px-(--drawer-padding)",
+			"pt-4",
+			"pb-(--drawer-padding)",
+			"first:pt-(--drawer-padding)",
+			"[[data-component='Drawer.Header']+&]:pt-2"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DrawerFooter.displayName = "Drawer.Footer";
+//#endregion
+export { DrawerFooter };
+
+//# sourceMappingURL=drawer-footer.js.map

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

@@ -0,0 +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-4',\n        'pb-(--drawer-padding)',\n        // Abrindo o drawer, fecha o respiro de cima; logo depois do `Header`, completa os 16px\n        // dele até os 24px, sem somar os dois.\n        'first:pt-(--drawer-padding)',\n        \"[[data-component='Drawer.Header']+&]:pt-2\",\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;GAGA;GACA;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

@@ -0,0 +1,15 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/drawer/drawer-header.d.ts
+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á.
+ */
+export declare const DrawerHeader: {
+  (props: DrawerHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header.d.ts","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-header.tsx"],"mappings":";;YAGY,oBAAoB,UAAU;;;;;;;qBAQ7B;GAAuB,OAAA,oCAAiB,+CAAA"}

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

@@ -0,0 +1,34 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/drawer/drawer-header.tsx
+/**
+* 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á.
+*/
+const DrawerHeader = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Drawer.Header",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-col",
+			"gap-0.5",
+			"px-(--drawer-padding)",
+			"pt-(--drawer-padding)",
+			"pb-4",
+			"[&:not(:has(~[data-component='Drawer.Body'],~[data-component='Drawer.Footer']))]:pb-(--drawer-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DrawerHeader.displayName = "Drawer.Header";
+//#endregion
+export { DrawerHeader };
+
+//# sourceMappingURL=drawer-header.js.map

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

@@ -0,0 +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-4',\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"}

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

@@ -0,0 +1,32 @@
+//#region src/components/overlays/drawer/drawer-popup-variants.d.ts
+/**
+ * Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal (tabela no README
+ * de `overlays`). 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;
+ * - entra e sai deslizando da borda, em 400ms; a saída dura menos quanto mais forte o gesto
+ *   (`--drawer-swipe-strength`), e durante o arrasto não há transição, para o popup seguir o dedo;
+ * - o aninhamento, a folga e a alça, abaixo.
+ *
+ * O deslocamento soma as variáveis que o Base UI escreve: o arrasto (`--drawer-swipe-movement-x`
+ * ou `-y`) e, embaixo, o snap point (`--drawer-snap-point-offset`). Embaixo, o `padding-bottom`
+ * cresce junto com o deslocamento, para o fim do conteúdo ficar na parte visível do popup.
+ *
+ * Folga: arrastando para dentro, o popup se afasta da borda. O `::after`, da cor do popup, se
+ * estende 3rem além da borda e cobre o vão.
+ *
+ * Aninhamento: com outro drawer aberto à frente, o de trás recua 24px por nível
+ * (`--nested-drawers`) para dentro da tela, encolhe 5% e escurece por `brightness`, já que o
+ * `::after` está ocupado pela folga. O encolhimento parte da borda de dentro, para os 24px
+ * aparecerem inteiros; o vão que abre na borda da tela fica coberto pela folga.
+ *
+ * Embaixo, um `::before` desenha a alça no topo, que só indica o gesto: o arrasto vale no popup
+ * inteiro.
+ */
+export declare const drawerPopupVariants: (props?: ({
+  side?: "bottom" | "right" | "left" | "top" | null | undefined;
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=drawer-popup-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-popup-variants.d.ts","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-popup-variants.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;qBA4Ba,sBAAmB;;;6CAuI/B"}

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

@@ -0,0 +1,145 @@
+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:
+* - 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;
+* - entra e sai deslizando da borda, em 400ms; a saída dura menos quanto mais forte o gesto
+*   (`--drawer-swipe-strength`), e durante o arrasto não há transição, para o popup seguir o dedo;
+* - o aninhamento, a folga e a alça, abaixo.
+*
+* O deslocamento soma as variáveis que o Base UI escreve: o arrasto (`--drawer-swipe-movement-x`
+* ou `-y`) e, embaixo, o snap point (`--drawer-snap-point-offset`). Embaixo, o `padding-bottom`
+* cresce junto com o deslocamento, para o fim do conteúdo ficar na parte visível do popup.
+*
+* Folga: arrastando para dentro, o popup se afasta da borda. O `::after`, da cor do popup, se
+* estende 3rem além da borda e cobre o vão.
+*
+* Aninhamento: com outro drawer aberto à frente, o de trás recua 24px por nível
+* (`--nested-drawers`) para dentro da tela, encolhe 5% e escurece por `brightness`, já que o
+* `::after` está ocupado pela folga. O encolhimento parte da borda de dentro, para os 24px
+* aparecerem inteiros; o vão que abre na borda da tela fica coberto pela folga.
+*
+* Embaixo, um `::before` desenha a alça no topo, que só indica o gesto: o arrasto vale no popup
+* inteiro.
+*/
+const drawerPopupVariants = cva([
+	"[--drawer-padding:--spacing(6)]",
+	"[--drawer-peek:--spacing(6)]",
+	"relative",
+	"flex",
+	"flex-col",
+	"w-full",
+	"outline-1",
+	"outline-gray-6",
+	"corner-squircle",
+	"bg-white",
+	"dark:bg-gray-2",
+	"shadow-lg",
+	"shadow-black/12",
+	"dark:shadow-none",
+	"text-sm",
+	"text-gray-12",
+	"after:content-['']",
+	"after:absolute",
+	"after:bg-inherit",
+	"after:pointer-events-none",
+	"not-motion-reduced:transition-[translate,scale,filter]",
+	"not-motion-reduced:ease-enter-emphasized",
+	"not-motion-reduced:duration-400",
+	"not-motion-reduced:data-ending-style:ease-exit-emphasized",
+	"not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*300ms)]",
+	"data-swiping:duration-0",
+	"data-nested-drawer-swiping:duration-0",
+	"data-swiping:select-none",
+	"data-nested-drawer-open:scale-[calc(1-0.05*var(--nested-drawers))]",
+	"data-nested-drawer-open:brightness-80"
+], {
+	variants: {
+		side: {
+			right: [
+				"h-full",
+				"max-w-(--drawer-size)",
+				"rounded-l-lg",
+				"origin-left",
+				"translate-x-[calc(var(--drawer-swipe-movement-x,0px)-var(--nested-drawers,0)*var(--drawer-peek))]",
+				"data-starting-style:translate-x-full",
+				"data-ending-style:translate-x-full",
+				"after:inset-y-0",
+				"after:left-full",
+				"after:w-12"
+			],
+			left: [
+				"h-full",
+				"max-w-(--drawer-size)",
+				"rounded-r-lg",
+				"origin-right",
+				"translate-x-[calc(var(--drawer-swipe-movement-x,0px)+var(--nested-drawers,0)*var(--drawer-peek))]",
+				"data-starting-style:-translate-x-full",
+				"data-ending-style:-translate-x-full",
+				"after:inset-y-0",
+				"after:right-full",
+				"after:w-12"
+			],
+			top: [
+				"max-h-[85dvh]",
+				"rounded-b-lg",
+				"origin-bottom",
+				"translate-y-[calc(var(--drawer-swipe-movement-y,0px)+var(--nested-drawers,0)*var(--drawer-peek))]",
+				"data-starting-style:-translate-y-full",
+				"data-ending-style:-translate-y-full",
+				"after:inset-x-0",
+				"after:bottom-full",
+				"after:h-12"
+			],
+			bottom: [
+				"max-h-[85dvh]",
+				"rounded-t-lg",
+				"origin-top",
+				"translate-y-[calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)-var(--nested-drawers,0)*var(--drawer-peek))]",
+				"pb-[max(0px,calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)))]",
+				"data-starting-style:translate-y-full",
+				"data-ending-style:translate-y-full",
+				"data-starting-style:pb-0",
+				"data-ending-style:pb-0",
+				"after:inset-x-0",
+				"after:top-full",
+				"after:h-12",
+				"before:content-['']",
+				"before:absolute",
+				"before:top-2",
+				"before:left-1/2",
+				"before:-translate-x-1/2",
+				"before:h-1",
+				"before:w-10",
+				"before:rounded-full",
+				"before:bg-gray-6"
+			]
+		},
+		size: {
+			xs: ["[--drawer-size:var(--container-xs)]"],
+			sm: ["[--drawer-size:var(--container-sm)]"],
+			md: ["[--drawer-size:var(--container-md)]"],
+			lg: ["[--drawer-size:var(--container-lg)]"],
+			xl: ["[--drawer-size:var(--container-xl)]"],
+			"2xl": ["[--drawer-size:var(--container-2xl)]"],
+			"3xl": ["[--drawer-size:var(--container-3xl)]"],
+			"4xl": ["[--drawer-size:var(--container-4xl)]"],
+			"5xl": ["[--drawer-size:var(--container-5xl)]"],
+			"6xl": ["[--drawer-size:var(--container-6xl)]"],
+			"7xl": ["[--drawer-size:var(--container-7xl)]"],
+			full: ["[--drawer-size:100%]"]
+		}
+	},
+	defaultVariants: {
+		side: drawerDefaultVariants.side,
+		size: drawerDefaultVariants.size
+	}
+});
+//#endregion
+export { drawerPopupVariants };
+
+//# sourceMappingURL=drawer-popup-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { drawerDefaultVariants } from './use-drawer-context';\n\n/**\n * Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal (tabela no README\n * de `overlays`). As diferenças:\n * - preso à borda do `side`, sem arredondar o lado da borda; nos lados, ocupa a altura da tela e\n *   tem a largura do `size` (em `--drawer-size`); em cima e embaixo, a altura do conteúdo até 85%\n *   da tela;\n * - entra e sai deslizando da borda, em 400ms; a saída dura menos quanto mais forte o gesto\n *   (`--drawer-swipe-strength`), e durante o arrasto não há transição, para o popup seguir o dedo;\n * - o aninhamento, a folga e a alça, abaixo.\n *\n * O deslocamento soma as variáveis que o Base UI escreve: o arrasto (`--drawer-swipe-movement-x`\n * ou `-y`) e, embaixo, o snap point (`--drawer-snap-point-offset`). Embaixo, o `padding-bottom`\n * cresce junto com o deslocamento, para o fim do conteúdo ficar na parte visível do popup.\n *\n * Folga: arrastando para dentro, o popup se afasta da borda. O `::after`, da cor do popup, se\n * estende 3rem além da borda e cobre o vão.\n *\n * Aninhamento: com outro drawer aberto à frente, o de trás recua 24px por nível\n * (`--nested-drawers`) para dentro da tela, encolhe 5% e escurece por `brightness`, já que o\n * `::after` está ocupado pela folga. O encolhimento parte da borda de dentro, para os 24px\n * aparecerem inteiros; o vão que abre na borda da tela fica coberto pela folga.\n *\n * Embaixo, um `::before` desenha a alça no topo, que só indica o gesto: o arrasto vale no popup\n * inteiro.\n */\nexport const drawerPopupVariants = cva(\n  [\n    '[--drawer-padding:--spacing(6)]',\n    '[--drawer-peek:--spacing(6)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n\n    'outline-1',\n    'outline-gray-6',\n    'corner-squircle',\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    \"after:content-['']\",\n    'after:absolute',\n    'after:bg-inherit',\n    'after:pointer-events-none',\n\n    'not-motion-reduced:transition-[translate,scale,filter]',\n    'not-motion-reduced:ease-enter-emphasized',\n    'not-motion-reduced:duration-400',\n    'not-motion-reduced:data-ending-style:ease-exit-emphasized',\n    'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*300ms)]',\n    'data-swiping:duration-0',\n    'data-nested-drawer-swiping:duration-0',\n    'data-swiping:select-none',\n\n    'data-nested-drawer-open:scale-[calc(1-0.05*var(--nested-drawers))]',\n    'data-nested-drawer-open:brightness-80',\n  ],\n  {\n    variants: {\n      side: {\n        right: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'rounded-l-lg',\n          'origin-left',\n\n          'translate-x-[calc(var(--drawer-swipe-movement-x,0px)-var(--nested-drawers,0)*var(--drawer-peek))]',\n          'data-starting-style:translate-x-full',\n          'data-ending-style:translate-x-full',\n\n          'after:inset-y-0',\n          'after:left-full',\n          'after:w-12',\n        ],\n        left: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'rounded-r-lg',\n          'origin-right',\n\n          'translate-x-[calc(var(--drawer-swipe-movement-x,0px)+var(--nested-drawers,0)*var(--drawer-peek))]',\n          'data-starting-style:-translate-x-full',\n          'data-ending-style:-translate-x-full',\n\n          'after:inset-y-0',\n          'after:right-full',\n          'after:w-12',\n        ],\n        top: [\n          'max-h-[85dvh]',\n          'rounded-b-lg',\n          'origin-bottom',\n\n          'translate-y-[calc(var(--drawer-swipe-movement-y,0px)+var(--nested-drawers,0)*var(--drawer-peek))]',\n          'data-starting-style:-translate-y-full',\n          'data-ending-style:-translate-y-full',\n\n          'after:inset-x-0',\n          'after:bottom-full',\n          'after:h-12',\n        ],\n        bottom: [\n          'max-h-[85dvh]',\n          'rounded-t-lg',\n          'origin-top',\n\n          'translate-y-[calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)-var(--nested-drawers,0)*var(--drawer-peek))]',\n          'pb-[max(0px,calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)))]',\n          'data-starting-style:translate-y-full',\n          'data-ending-style:translate-y-full',\n          'data-starting-style:pb-0',\n          'data-ending-style:pb-0',\n\n          'after:inset-x-0',\n          'after:top-full',\n          'after:h-12',\n\n          \"before:content-['']\",\n          'before:absolute',\n          'before:top-2',\n          'before:left-1/2',\n          'before:-translate-x-1/2',\n          'before:h-1',\n          'before:w-10',\n          'before:rounded-full',\n          'before:bg-gray-6',\n        ],\n      },\n      size: {\n        xs: ['[--drawer-size:var(--container-xs)]'],\n        sm: ['[--drawer-size:var(--container-sm)]'],\n        md: ['[--drawer-size:var(--container-md)]'],\n        lg: ['[--drawer-size:var(--container-lg)]'],\n        xl: ['[--drawer-size:var(--container-xl)]'],\n        '2xl': ['[--drawer-size:var(--container-2xl)]'],\n        '3xl': ['[--drawer-size:var(--container-3xl)]'],\n        '4xl': ['[--drawer-size:var(--container-4xl)]'],\n        '5xl': ['[--drawer-size:var(--container-5xl)]'],\n        '6xl': ['[--drawer-size:var(--container-6xl)]'],\n        '7xl': ['[--drawer-size:var(--container-7xl)]'],\n        full: ['[--drawer-size:100%]'],\n      },\n    },\n    defaultVariants: {\n      side: drawerDefaultVariants.side,\n      size: drawerDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,sBAAsB,IACjC;CACE;CACA;CAEA;CAEA;CACA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,MAAM;GACJ,OAAO;IACL;IACA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,MAAM,CAAC,sBAAsB;EAC/B;CACF;CACA,iBAAiB;EACf,MAAM,sBAAsB;EAC5B,MAAM,sBAAsB;CAC9B;AACF,CACF"}

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

@@ -0,0 +1,17 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-popup.d.ts
+export type DrawerPopupProps = Drawer.Popup.Props;
+export type DrawerPopupState = Drawer.Popup.State;
+/**
+ * Painel do drawer, preso à borda do `side` do `Drawer.Root`.
+ *
+ * Ao abrir, o foco vai para o próprio painel, e não para o primeiro campo como no `Dialog`: num
+ * bottom sheet no celular, focar um campo abriria o teclado sobre o drawer. Para focar um campo,
+ * passe o elemento em `initialFocus` (um ref).
+ */
+export declare const DrawerPopup: {
+  (props: DrawerPopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-popup.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useDrawerContext } from "./use-drawer-context.js";
+import { drawerPopupVariants } from "./drawer-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-popup.tsx
+/**
+* Painel do drawer, preso à borda do `side` do `Drawer.Root`.
+*
+* Ao abrir, o foco vai para o próprio painel, e não para o primeiro campo como no `Dialog`: num
+* bottom sheet no celular, focar um campo abriria o teclado sobre o drawer. Para focar um campo,
+* passe o elemento em `initialFocus` (um ref).
+*/
+const DrawerPopup = (props) => {
+	const { className, ...rest } = props;
+	const { side, size } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Popup, {
+		"data-component": "Drawer.Popup",
+		className: mergeStateClassNames(drawerPopupVariants({
+			side,
+			size
+		}), className),
+		...rest
+	});
+};
+DrawerPopup.displayName = "Drawer.Popup";
+//#endregion
+export { DrawerPopup };
+
+//# sourceMappingURL=drawer-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-popup.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-popup.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\nimport { drawerPopupVariants } from './drawer-popup-variants';\nimport { useDrawerContext } from './use-drawer-context';\n\nexport type DrawerPopupProps = BaseDrawer.Popup.Props;\n\nexport type DrawerPopupState = BaseDrawer.Popup.State;\n\n/**\n * Painel do drawer, preso à borda do `side` do `Drawer.Root`.\n *\n * Ao abrir, o foco vai para o próprio painel, e não para o primeiro campo como no `Dialog`: num\n * bottom sheet no celular, focar um campo abriria o teclado sobre o drawer. Para focar um campo,\n * passe o elemento em `initialFocus` (um ref).\n */\nexport const DrawerPopup = (props: DrawerPopupProps) => {\n  const { className, ...rest } = props;\n\n  const { side, size } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Popup\n      data-component=\"Drawer.Popup\"\n      className={mergeStateClassNames(\n        drawerPopupVariants({ side, size }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerPopup.displayName = 'Drawer.Popup';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,MAAM,SAAS,iBAAiB;CAExC,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT,oBAAoB;GAAE;GAAM;EAAK,CAAC,GAClC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-portal.d.ts
+export type DrawerPortalProps = Drawer.Portal.Props;
+export type DrawerPortalState = Drawer.Portal.State;
+/**
+ * Leva o drawer para o fim do `body`, fora do contexto de empilhamento da página.
+ */
+export declare const DrawerPortal: {
+  (props: DrawerPortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-portal.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-portal.tsx"],"mappings":";;YAEY,oBAAoBA,OAAW,OAAO;YAEtC,oBAAoBA,OAAW,OAAO;;;;qBAKrC;GAAuB,OAAA,oCAAiB,IAAA"}

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-portal.tsx
+/**
+* Leva o drawer para o fim do `body`, fora do contexto de empilhamento da página.
+*/
+const DrawerPortal = (props) => {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-component": "Drawer.Portal",
+		...props
+	});
+};
+DrawerPortal.displayName = "Drawer.Portal";
+//#endregion
+export { DrawerPortal };
+
+//# sourceMappingURL=drawer-portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-portal.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-portal.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\n\nexport type DrawerPortalProps = BaseDrawer.Portal.Props;\n\nexport type DrawerPortalState = BaseDrawer.Portal.State;\n\n/**\n * Leva o drawer para o fim do `body`, fora do contexto de empilhamento da página.\n */\nexport const DrawerPortal = (props: DrawerPortalProps) => {\n  return (\n    <BaseDrawer.Portal\n      data-component=\"Drawer.Portal\"\n      {...props}\n    />\n  );\n};\n\nDrawerPortal.displayName = 'Drawer.Portal';\n"],"mappings":";;;;;;AASA,MAAa,gBAAgB,UAA6B;CACxD,OACE,oBAACA,OAAW,QAAZ;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,46 @@
+import { DrawerVariants } from "./use-drawer-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-root.d.ts
+export type DrawerRootProps<Payload = unknown> = MergeOverride<Omit<Drawer.Root.Props<Payload>, 'swipeDirection'>, DrawerVariants>;
+export type DrawerRootState = Drawer.Root.State;
+export type DrawerRootActions = Drawer.Root.Actions;
+export type DrawerRootChangeEventDetails = Drawer.Root.ChangeEventDetails;
+export type DrawerRootChangeEventReason = Drawer.Root.ChangeEventReason;
+export type DrawerRootSnapPoint = Drawer.Root.SnapPoint;
+/**
+ * Estado do drawer. Não renderiza elemento.
+ *
+ * Um painel preso a uma borda da tela, que fecha também arrastando de volta para ela. O `side`
+ * escolhe a borda e o gesto juntos. Modal por padrão, como o `Dialog`: o clique fora e o `Esc`
+ * fecham.
+ *
+ * Os `snapPoints` (alturas onde o drawer para ao arrastar) servem ao `side="bottom"`.
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Root>
+ *   <Drawer.Trigger render={<Button />}>Filtros</Drawer.Trigger>
+ *   <Drawer.Portal>
+ *     <Drawer.Backdrop />
+ *     <Drawer.Viewport>
+ *       <Drawer.Popup>
+ *         <Drawer.Header>
+ *           <Drawer.Title>Filtros</Drawer.Title>
+ *         </Drawer.Header>
+ *         <Drawer.Body>…</Drawer.Body>
+ *         <Drawer.Footer>
+ *           <Drawer.Close render={<Button variant="outline" />}>Fechar</Drawer.Close>
+ *         </Drawer.Footer>
+ *       </Drawer.Popup>
+ *     </Drawer.Viewport>
+ *   </Drawer.Portal>
+ * </Drawer.Root>
+ * ```
+ */
+export declare const DrawerRoot: {
+  <Payload extends unknown = unknown>(props: DrawerRootProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-root.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-root.tsx"],"mappings":";;;;YAYY,gBAAgB,qBAAqB,cAC/C,KAAKA,OAAW,KAAK,MAAM,6BAC3B;YAGU,kBAAkBA,OAAW,KAAK;YAElC,oBAAoBA,OAAW,KAAK;YAEpC,+BAA+BA,OAAW,KAAK;YAE/C,8BAA8BA,OAAW,KAAK;YAE9C,sBAAsBA,OAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA+CrC;GAAc,mCAAO,OACzB,gBAAgB,2BAAQ,IAAA"}

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

@@ -0,0 +1,61 @@
+import { DrawerContextProvider, drawerDefaultVariants } from "./use-drawer-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Direção do gesto que fecha o drawer, a partir do lado de onde ele sai.
+*/
+const swipeDirectionBySide = {
+	right: "right",
+	left: "left",
+	top: "up",
+	bottom: "down"
+};
+/**
+* Estado do drawer. Não renderiza elemento.
+*
+* Um painel preso a uma borda da tela, que fecha também arrastando de volta para ela. O `side`
+* escolhe a borda e o gesto juntos. Modal por padrão, como o `Dialog`: o clique fora e o `Esc`
+* fecham.
+*
+* Os `snapPoints` (alturas onde o drawer para ao arrastar) servem ao `side="bottom"`.
+*
+* @example
+* ```tsx
+* <Drawer.Root>
+*   <Drawer.Trigger render={<Button />}>Filtros</Drawer.Trigger>
+*   <Drawer.Portal>
+*     <Drawer.Backdrop />
+*     <Drawer.Viewport>
+*       <Drawer.Popup>
+*         <Drawer.Header>
+*           <Drawer.Title>Filtros</Drawer.Title>
+*         </Drawer.Header>
+*         <Drawer.Body>…</Drawer.Body>
+*         <Drawer.Footer>
+*           <Drawer.Close render={<Button variant="outline" />}>Fechar</Drawer.Close>
+*         </Drawer.Footer>
+*       </Drawer.Popup>
+*     </Drawer.Viewport>
+*   </Drawer.Portal>
+* </Drawer.Root>
+* ```
+*/
+const DrawerRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["side", "size"]);
+	const side = variantProps.side ?? drawerDefaultVariants.side;
+	return /* @__PURE__ */ jsx(DrawerContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Drawer.Root, {
+			swipeDirection: swipeDirectionBySide[side],
+			...elementProps
+		})
+	});
+};
+DrawerRoot.displayName = "Drawer.Root";
+//#endregion
+export { DrawerRoot };
+
+//# sourceMappingURL=drawer-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-root.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-root.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport {\n  type AnyType,\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/utils';\nimport {\n  DrawerContextProvider,\n  type DrawerVariants,\n  drawerDefaultVariants,\n} from './use-drawer-context';\n\nexport type DrawerRootProps<Payload = unknown> = MergeOverride<\n  Omit<BaseDrawer.Root.Props<Payload>, 'swipeDirection'>,\n  DrawerVariants\n>;\n\nexport type DrawerRootState = BaseDrawer.Root.State;\n\nexport type DrawerRootActions = BaseDrawer.Root.Actions;\n\nexport type DrawerRootChangeEventDetails = BaseDrawer.Root.ChangeEventDetails;\n\nexport type DrawerRootChangeEventReason = BaseDrawer.Root.ChangeEventReason;\n\nexport type DrawerRootSnapPoint = BaseDrawer.Root.SnapPoint;\n\nconst splitVariantProps = createSplitProps<DrawerVariants>();\n\n/**\n * Direção do gesto que fecha o drawer, a partir do lado de onde ele sai.\n */\nconst swipeDirectionBySide = {\n  right: 'right',\n  left: 'left',\n  top: 'up',\n  bottom: 'down',\n} as const satisfies Record<\n  NonNullable<DrawerVariants['side']>,\n  BaseDrawer.Root.Props['swipeDirection']\n>;\n\n/**\n * Estado do drawer. Não renderiza elemento.\n *\n * Um painel preso a uma borda da tela, que fecha também arrastando de volta para ela. O `side`\n * escolhe a borda e o gesto juntos. Modal por padrão, como o `Dialog`: o clique fora e o `Esc`\n * fecham.\n *\n * Os `snapPoints` (alturas onde o drawer para ao arrastar) servem ao `side=\"bottom\"`.\n *\n * @example\n * ```tsx\n * <Drawer.Root>\n *   <Drawer.Trigger render={<Button />}>Filtros</Drawer.Trigger>\n *   <Drawer.Portal>\n *     <Drawer.Backdrop />\n *     <Drawer.Viewport>\n *       <Drawer.Popup>\n *         <Drawer.Header>\n *           <Drawer.Title>Filtros</Drawer.Title>\n *         </Drawer.Header>\n *         <Drawer.Body>…</Drawer.Body>\n *         <Drawer.Footer>\n *           <Drawer.Close render={<Button variant=\"outline\" />}>Fechar</Drawer.Close>\n *         </Drawer.Footer>\n *       </Drawer.Popup>\n *     </Drawer.Viewport>\n *   </Drawer.Portal>\n * </Drawer.Root>\n * ```\n */\nexport const DrawerRoot = <Payload extends AnyType = unknown>(\n  props: DrawerRootProps<Payload>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'side',\n    'size',\n  ]);\n\n  const side = variantProps.side ?? drawerDefaultVariants.side;\n\n  return (\n    <DrawerContextProvider value={variantProps}>\n      <BaseDrawer.Root\n        swipeDirection={swipeDirectionBySide[side]}\n        {...elementProps}\n      />\n    </DrawerContextProvider>\n  );\n};\n\nDrawerRoot.displayName = 'Drawer.Root';\n"],"mappings":";;;;;AA2BA,MAAM,oBAAoB,iBAAiC;;;;AAK3D,MAAM,uBAAuB;CAC3B,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAa,cACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,QACA,MACF,CAAC;CAED,MAAM,OAAO,aAAa,QAAQ,sBAAsB;CAExD,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAACA,OAAW,MAAZ;GACE,gBAAgB,qBAAqB;GACrC,GAAI;EACL,CAAA;CACoB,CAAA;AAE3B;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,16 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-title.d.ts
+export type DrawerTitleProps = Drawer.Title.Props;
+export type DrawerTitleState = Drawer.Title.State;
+/**
+ * Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.
+ *
+ * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const DrawerTitle: {
+  (props: DrawerTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-title.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+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-title.tsx
+/**
+* Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.
+*
+* Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+* explicado lá.
+*/
+const DrawerTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-component": "Drawer.Title",
+		className: mergeStateClassNames([
+			"text-lg",
+			"leading-6",
+			"font-semibold",
+			"text-gray-12",
+			"text-balance"
+		], className),
+		...rest
+	});
+};
+DrawerTitle.displayName = "Drawer.Title";
+//#endregion
+export { DrawerTitle };
+
+//# sourceMappingURL=drawer-title.js.map