@lucasbernardosn/react-ui 0.1.0 → 0.3.0

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

@@ -1 +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"}
+{"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, hasSnapPoints } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Popup\n      data-component=\"Drawer.Popup\"\n      className={mergeStateClassNames(\n        drawerPopupVariants({ side, size, snapPoints: hasSnapPoints }),\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,MAAM,kBAAkB,iBAAiB;CAEvD,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT,oBAAoB;GAAE;GAAM;GAAM,YAAY;EAAc,CAAC,GAC7D,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,17 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-provider.d.ts
+export type DrawerProviderProps = Drawer.Provider.Props;
+export type DrawerProviderState = Drawer.Provider.State;
+/**
+ * Avisa o `Drawer.Indent` e o `Drawer.IndentBackground` de que algum drawer abriu. Não renderiza
+ * elemento.
+ *
+ * Só é preciso para o efeito de a página recuar enquanto um drawer está aberto: envolve a raiz
+ * do app, com o `Indent` ao redor do conteúdo (exemplo no `Drawer.Indent`).
+ */
+export declare const DrawerProvider: {
+  (props: DrawerProviderProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-provider.d.ts.map

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

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-provider.tsx
+/**
+* Avisa o `Drawer.Indent` e o `Drawer.IndentBackground` de que algum drawer abriu. Não renderiza
+* elemento.
+*
+* Só é preciso para o efeito de a página recuar enquanto um drawer está aberto: envolve a raiz
+* do app, com o `Indent` ao redor do conteúdo (exemplo no `Drawer.Indent`).
+*/
+const DrawerProvider = (props) => {
+	return /* @__PURE__ */ jsx(Drawer.Provider, { ...props });
+};
+DrawerProvider.displayName = "Drawer.Provider";
+//#endregion
+export { DrawerProvider };
+
+//# sourceMappingURL=drawer-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-provider.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-provider.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\n\nexport type DrawerProviderProps = BaseDrawer.Provider.Props;\n\nexport type DrawerProviderState = BaseDrawer.Provider.State;\n\n/**\n * Avisa o `Drawer.Indent` e o `Drawer.IndentBackground` de que algum drawer abriu. Não renderiza\n * elemento.\n *\n * Só é preciso para o efeito de a página recuar enquanto um drawer está aberto: envolve a raiz\n * do app, com o `Indent` ao redor do conteúdo (exemplo no `Drawer.Indent`).\n */\nexport const DrawerProvider = (props: DrawerProviderProps) => {\n  return <BaseDrawer.Provider {...props} />;\n};\n\nDrawerProvider.displayName = 'Drawer.Provider';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,kBAAkB,UAA+B;CAC5D,OAAO,oBAACA,OAAW,UAAZ,EAAqB,GAAI,MAAQ,CAAA;AAC1C;AAEA,eAAe,cAAc"}

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

@@ -1,5 +1,5 @@
 import { DrawerVariants } from "./use-drawer-context.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-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>;

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

@@ -1,5 +1,5 @@
 import { DrawerContextProvider, drawerDefaultVariants } from "./use-drawer-context.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 import { Drawer } from "@base-ui/react/drawer";
 //#region src/components/overlays/drawer/drawer-root.tsx
@@ -47,7 +47,10 @@ const DrawerRoot = (props) => {
 	const [variantProps, elementProps] = splitVariantProps(props, ["side", "size"]);
 	const side = variantProps.side ?? drawerDefaultVariants.side;
 	return /* @__PURE__ */ jsx(DrawerContextProvider, {
-		value: variantProps,
+		value: {
+			...variantProps,
+			hasSnapPoints: Boolean(elementProps.snapPoints?.length)
+		},
 		children: /* @__PURE__ */ jsx(Drawer.Root, {
 			swipeDirection: swipeDirectionBySide[side],
 			...elementProps

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

@@ -1 +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"}
+{"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/ts-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\n      value={{\n        ...variantProps,\n        hasSnapPoints: Boolean(elementProps.snapPoints?.length),\n      }}\n    >\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;EACE,OAAO;GACL,GAAG;GACH,eAAe,QAAQ,aAAa,YAAY,MAAM;EACxD;EAEA,UAAA,oBAACA,OAAW,MAAZ;GACE,gBAAgB,qBAAqB;GACrC,GAAI;EACL,CAAA;CACoB,CAAA;AAE3B;AAEA,WAAW,cAAc"}

package/dist/components/overlays/drawer/drawer-swipe-area.d.ts

@@ -0,0 +1,27 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-swipe-area.d.ts
+export type DrawerSwipeAreaProps = Drawer.SwipeArea.Props;
+export type DrawerSwipeAreaState = Drawer.SwipeArea.State;
+/**
+ * Faixa invisível na borda do `side` do `Drawer.Root`: arrastar a partir dela para dentro abre o
+ * drawer, que acompanha o dedo. Vai dentro do `Root`, fora do `Portal`, e pede `modal={false}`
+ * para a página continuar usável com o drawer fechado.
+ *
+ * A faixa tem 20px e fica sobre a página: nesses 20px, o clique não chega ao que está embaixo.
+ * Em celular, o gesto de voltar do sistema também parte da borda esquerda (e da direita, em
+ * alguns aparelhos): um `SwipeArea` ali disputa o gesto com ele.
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Root modal={false}>
+ *   <Drawer.SwipeArea />
+ *   <Drawer.Portal>…</Drawer.Portal>
+ * </Drawer.Root>
+ * ```
+ */
+export declare const DrawerSwipeArea: {
+  (props: DrawerSwipeAreaProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-swipe-area.d.ts.map

package/dist/components/overlays/drawer/drawer-swipe-area.js

@@ -0,0 +1,46 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useDrawerContext } from "./use-drawer-context.js";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-swipe-area.tsx
+/**
+* Faixa invisível na borda do `side` do `Drawer.Root`: arrastar a partir dela para dentro abre o
+* drawer, que acompanha o dedo. Vai dentro do `Root`, fora do `Portal`, e pede `modal={false}`
+* para a página continuar usável com o drawer fechado.
+*
+* A faixa tem 20px e fica sobre a página: nesses 20px, o clique não chega ao que está embaixo.
+* Em celular, o gesto de voltar do sistema também parte da borda esquerda (e da direita, em
+* alguns aparelhos): um `SwipeArea` ali disputa o gesto com ele.
+*
+* @example
+* ```tsx
+* <Drawer.Root modal={false}>
+*   <Drawer.SwipeArea />
+*   <Drawer.Portal>…</Drawer.Portal>
+* </Drawer.Root>
+* ```
+*/
+const DrawerSwipeArea = (props) => {
+	const { className, ...rest } = props;
+	const { side } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.SwipeArea, {
+		"data-component": "Drawer.SwipeArea",
+		className: mergeStateClassNames([
+			"fixed",
+			"data-open:pointer-events-none",
+			swipeAreaPlacements[side ?? "right"]
+		], className),
+		...rest
+	});
+};
+DrawerSwipeArea.displayName = "Drawer.SwipeArea";
+const swipeAreaPlacements = {
+	right: "inset-y-0 right-0 w-5",
+	left: "inset-y-0 left-0 w-5",
+	top: "inset-x-0 top-0 h-5",
+	bottom: "inset-x-0 bottom-0 h-5"
+};
+//#endregion
+export { DrawerSwipeArea };
+
+//# sourceMappingURL=drawer-swipe-area.js.map

package/dist/components/overlays/drawer/drawer-swipe-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-swipe-area.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-swipe-area.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\nimport { useDrawerContext } from './use-drawer-context';\n\nexport type DrawerSwipeAreaProps = BaseDrawer.SwipeArea.Props;\n\nexport type DrawerSwipeAreaState = BaseDrawer.SwipeArea.State;\n\n/**\n * Faixa invisível na borda do `side` do `Drawer.Root`: arrastar a partir dela para dentro abre o\n * drawer, que acompanha o dedo. Vai dentro do `Root`, fora do `Portal`, e pede `modal={false}`\n * para a página continuar usável com o drawer fechado.\n *\n * A faixa tem 20px e fica sobre a página: nesses 20px, o clique não chega ao que está embaixo.\n * Em celular, o gesto de voltar do sistema também parte da borda esquerda (e da direita, em\n * alguns aparelhos): um `SwipeArea` ali disputa o gesto com ele.\n *\n * @example\n * ```tsx\n * <Drawer.Root modal={false}>\n *   <Drawer.SwipeArea />\n *   <Drawer.Portal>…</Drawer.Portal>\n * </Drawer.Root>\n * ```\n */\nexport const DrawerSwipeArea = (props: DrawerSwipeAreaProps) => {\n  const { className, ...rest } = props;\n\n  const { side } = useDrawerContext();\n\n  return (\n    <BaseDrawer.SwipeArea\n      data-component=\"Drawer.SwipeArea\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'data-open:pointer-events-none',\n          swipeAreaPlacements[side ?? 'right'],\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerSwipeArea.displayName = 'Drawer.SwipeArea';\n\nconst swipeAreaPlacements = {\n  right: 'inset-y-0 right-0 w-5',\n  left: 'inset-y-0 left-0 w-5',\n  top: 'inset-x-0 top-0 h-5',\n  bottom: 'inset-x-0 bottom-0 h-5',\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,WAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA,oBAAoB,QAAQ;EAC9B,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc;AAE9B,MAAM,sBAAsB;CAC1B,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;AACV"}

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

@@ -13,9 +13,9 @@ const DrawerTitle = (props) => {
 	return /* @__PURE__ */ jsx(Drawer.Title, {
 		"data-component": "Drawer.Title",
 		className: mergeStateClassNames([
-			"text-lg",
+			"text-base",
 			"leading-6",
-			"font-semibold",
+			"font-medium",
 			"text-gray-12",
 			"text-balance"
 		], className),

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-title.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-title.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerTitleProps = BaseDrawer.Title.Props;\n\nexport type DrawerTitleState = BaseDrawer.Title.State;\n\n/**\n * Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.\n *\n * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Title\n      data-component=\"Drawer.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-lg',\n          'leading-6',\n          'font-semibold',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerTitle.displayName = 'Drawer.Title';\n"],"mappings":";;;;;;;;;;AAaA,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":"drawer-title.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-title.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DrawerTitleProps = BaseDrawer.Title.Props;\n\nexport type DrawerTitleState = BaseDrawer.Title.State;\n\n/**\n * Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.\n *\n * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDrawer.Title\n      data-component=\"Drawer.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\nDrawerTitle.displayName = 'Drawer.Title';\n"],"mappings":";;;;;;;;;;AAaA,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/drawer/drawer-trigger.js.map

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

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

@@ -5,6 +5,11 @@ export type DrawerViewportState = Drawer.Viewport.State;
 /**
  * Camada fixa sobre a tela que prende o popup à borda do `side`. Um clique nela, fora do popup,
  * fecha o drawer como um clique no backdrop.
+ *
+ * Embaixo, o `padding-bottom` acompanha `--drawer-keyboard-inset` (o `VirtualKeyboardProvider`
+ * escreve a altura do teclado): o sheet inteiro sobe acima dele, e o `Popup` encolhe o teto de
+ * altura na mesma medida. Sem isso, o rodapé e o fim do corpo ficariam atrás do teclado, fora do
+ * alcance do toque.
  */
 export declare const DrawerViewport: {
   (props: DrawerViewportProps): import("react").JSX.Element;

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

@@ -14,13 +14,25 @@ const drawerViewportVariants = cva([
 		right: ["justify-end", "items-stretch"],
 		left: ["justify-start", "items-stretch"],
 		top: ["flex-col", "justify-start"],
-		bottom: ["flex-col", "justify-end"]
+		bottom: [
+			"flex-col",
+			"justify-end",
+			"pb-[var(--drawer-keyboard-inset,0px)]",
+			"not-motion-reduced:transition-[padding]",
+			"not-motion-reduced:duration-250",
+			"not-motion-reduced:ease-enter"
+		]
 	} },
 	defaultVariants: { side: drawerDefaultVariants.side }
 });
 /**
 * Camada fixa sobre a tela que prende o popup à borda do `side`. Um clique nela, fora do popup,
 * fecha o drawer como um clique no backdrop.
+*
+* Embaixo, o `padding-bottom` acompanha `--drawer-keyboard-inset` (o `VirtualKeyboardProvider`
+* escreve a altura do teclado): o sheet inteiro sobe acima dele, e o `Popup` encolhe o teto de
+* altura na mesma medida. Sem isso, o rodapé e o fim do corpo ficariam atrás do teclado, fora do
+* alcance do toque.
 */
 const DrawerViewport = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-viewport.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-viewport.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport { mergeStateClassNames } from '#utils';\nimport { drawerDefaultVariants, useDrawerContext } from './use-drawer-context';\n\nexport type DrawerViewportProps = BaseDrawer.Viewport.Props;\n\nexport type DrawerViewportState = BaseDrawer.Viewport.State;\n\nconst drawerViewportVariants = cva(\n  [\n    'fixed',\n    'inset-0',\n\n    'flex',\n    // A folga do popup (ver `drawerPopupVariants`) passa da borda da tela; sem o corte, ela\n    // apareceria rolando a página.\n    'overflow-hidden',\n  ],\n  {\n    variants: {\n      side: {\n        right: ['justify-end', 'items-stretch'],\n        left: ['justify-start', 'items-stretch'],\n        top: ['flex-col', 'justify-start'],\n        bottom: ['flex-col', 'justify-end'],\n      },\n    },\n    defaultVariants: {\n      side: drawerDefaultVariants.side,\n    },\n  },\n);\n\n/**\n * Camada fixa sobre a tela que prende o popup à borda do `side`. Um clique nela, fora do popup,\n * fecha o drawer como um clique no backdrop.\n */\nexport const DrawerViewport = (props: DrawerViewportProps) => {\n  const { className, ...rest } = props;\n\n  const { side } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Viewport\n      data-component=\"Drawer.Viewport\"\n      className={mergeStateClassNames(\n        drawerViewportVariants({ side }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerViewport.displayName = 'Drawer.Viewport';\n"],"mappings":";;;;;;AASA,MAAM,yBAAyB,IAC7B;CACE;CACA;CAEA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,eAAe,eAAe;EACtC,MAAM,CAAC,iBAAiB,eAAe;EACvC,KAAK,CAAC,YAAY,eAAe;EACjC,QAAQ,CAAC,YAAY,aAAa;CACpC,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF;;;;;AAMA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT,uBAAuB,EAAE,KAAK,CAAC,GAC/B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"drawer-viewport.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-viewport.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport { mergeStateClassNames } from '#utils';\nimport { drawerDefaultVariants, useDrawerContext } from './use-drawer-context';\n\nexport type DrawerViewportProps = BaseDrawer.Viewport.Props;\n\nexport type DrawerViewportState = BaseDrawer.Viewport.State;\n\nconst drawerViewportVariants = cva(\n  [\n    'fixed',\n    'inset-0',\n\n    'flex',\n    // A folga do popup (ver `drawerPopupVariants`) passa da borda da tela; sem o corte, ela\n    // apareceria rolando a página.\n    'overflow-hidden',\n  ],\n  {\n    variants: {\n      side: {\n        right: ['justify-end', 'items-stretch'],\n        left: ['justify-start', 'items-stretch'],\n        top: ['flex-col', 'justify-start'],\n        bottom: [\n          'flex-col',\n          'justify-end',\n          // Com o `VirtualKeyboardProvider`, o teclado aberto empurra o sheet inteiro para cima\n          // dele; sem o provider, a variável não existe e o respiro é 0.\n          'pb-[var(--drawer-keyboard-inset,0px)]',\n          'not-motion-reduced:transition-[padding]',\n          'not-motion-reduced:duration-250',\n          'not-motion-reduced:ease-enter',\n        ],\n      },\n    },\n    defaultVariants: {\n      side: drawerDefaultVariants.side,\n    },\n  },\n);\n\n/**\n * Camada fixa sobre a tela que prende o popup à borda do `side`. Um clique nela, fora do popup,\n * fecha o drawer como um clique no backdrop.\n *\n * Embaixo, o `padding-bottom` acompanha `--drawer-keyboard-inset` (o `VirtualKeyboardProvider`\n * escreve a altura do teclado): o sheet inteiro sobe acima dele, e o `Popup` encolhe o teto de\n * altura na mesma medida. Sem isso, o rodapé e o fim do corpo ficariam atrás do teclado, fora do\n * alcance do toque.\n */\nexport const DrawerViewport = (props: DrawerViewportProps) => {\n  const { className, ...rest } = props;\n\n  const { side } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Viewport\n      data-component=\"Drawer.Viewport\"\n      className={mergeStateClassNames(\n        drawerViewportVariants({ side }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDrawerViewport.displayName = 'Drawer.Viewport';\n"],"mappings":";;;;;;AASA,MAAM,yBAAyB,IAC7B;CACE;CACA;CAEA;CAGA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO,CAAC,eAAe,eAAe;EACtC,MAAM,CAAC,iBAAiB,eAAe;EACvC,KAAK,CAAC,YAAY,eAAe;EACjC,QAAQ;GACN;GACA;GAGA;GACA;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF;;;;;;;;;;AAWA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT,uBAAuB,EAAE,KAAK,CAAC,GAC/B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/overlays/drawer/drawer-virtual-keyboard-provider.d.ts

@@ -0,0 +1,34 @@
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-virtual-keyboard-provider.d.ts
+export type DrawerVirtualKeyboardProviderProps = Drawer.VirtualKeyboardProvider.Props;
+export type DrawerVirtualKeyboardProviderState = Drawer.VirtualKeyboardProvider.State;
+/**
+ * Faz o bottom sheet com campos reagir ao teclado virtual do celular: ao abrir o teclado, rola o
+ * conteúdo para o campo focado ficar à vista. Não renderiza elemento. Vai dentro do `Root`,
+ * envolvendo o `Portal`.
+ *
+ * Enquanto o teclado está alinhado, o `Drawer.Viewport` recebe `--drawer-keyboard-inset`, a altura
+ * do teclado a partir da borda de baixo, e o `side="bottom"` já a usa: o sheet inteiro sobe acima
+ * do teclado e o `Popup` encolhe o teto de altura na mesma medida, então o corpo rola e o rodapé
+ * continua ao alcance do toque. Sem o teclado alinhado, a variável não existe, e quem a usa
+ * por conta própria precisa da reserva (`var(--drawer-keyboard-inset,0px)`): uma `var()` sem
+ * reserva invalida a regra inteira.
+ *
+ * O provider mede o teclado pela janela visual do navegador: dentro de um iframe, como o do
+ * Storybook, ele não vê o teclado. Teste a página aberta sozinha.
+ *
+ * @example
+ * ```tsx
+ * <Drawer.Root side="bottom">
+ *   <Drawer.VirtualKeyboardProvider>
+ *     <Drawer.Portal>…</Drawer.Portal>
+ *   </Drawer.VirtualKeyboardProvider>
+ * </Drawer.Root>
+ * ```
+ */
+export declare const DrawerVirtualKeyboardProvider: {
+  (props: DrawerVirtualKeyboardProviderProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=drawer-virtual-keyboard-provider.d.ts.map

package/dist/components/overlays/drawer/drawer-virtual-keyboard-provider.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/overlays/drawer/drawer-virtual-keyboard-provider.tsx
+/**
+* Faz o bottom sheet com campos reagir ao teclado virtual do celular: ao abrir o teclado, rola o
+* conteúdo para o campo focado ficar à vista. Não renderiza elemento. Vai dentro do `Root`,
+* envolvendo o `Portal`.
+*
+* Enquanto o teclado está alinhado, o `Drawer.Viewport` recebe `--drawer-keyboard-inset`, a altura
+* do teclado a partir da borda de baixo, e o `side="bottom"` já a usa: o sheet inteiro sobe acima
+* do teclado e o `Popup` encolhe o teto de altura na mesma medida, então o corpo rola e o rodapé
+* continua ao alcance do toque. Sem o teclado alinhado, a variável não existe, e quem a usa
+* por conta própria precisa da reserva (`var(--drawer-keyboard-inset,0px)`): uma `var()` sem
+* reserva invalida a regra inteira.
+*
+* O provider mede o teclado pela janela visual do navegador: dentro de um iframe, como o do
+* Storybook, ele não vê o teclado. Teste a página aberta sozinha.
+*
+* @example
+* ```tsx
+* <Drawer.Root side="bottom">
+*   <Drawer.VirtualKeyboardProvider>
+*     <Drawer.Portal>…</Drawer.Portal>
+*   </Drawer.VirtualKeyboardProvider>
+* </Drawer.Root>
+* ```
+*/
+const DrawerVirtualKeyboardProvider = (props) => {
+	return /* @__PURE__ */ jsx(Drawer.VirtualKeyboardProvider, { ...props });
+};
+DrawerVirtualKeyboardProvider.displayName = "Drawer.VirtualKeyboardProvider";
+//#endregion
+export { DrawerVirtualKeyboardProvider };
+
+//# sourceMappingURL=drawer-virtual-keyboard-provider.js.map

package/dist/components/overlays/drawer/drawer-virtual-keyboard-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-virtual-keyboard-provider.js","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/drawer-virtual-keyboard-provider.tsx"],"sourcesContent":["import { Drawer as BaseDrawer } from '@base-ui/react/drawer';\n\nexport type DrawerVirtualKeyboardProviderProps =\n  BaseDrawer.VirtualKeyboardProvider.Props;\n\nexport type DrawerVirtualKeyboardProviderState =\n  BaseDrawer.VirtualKeyboardProvider.State;\n\n/**\n * Faz o bottom sheet com campos reagir ao teclado virtual do celular: ao abrir o teclado, rola o\n * conteúdo para o campo focado ficar à vista. Não renderiza elemento. Vai dentro do `Root`,\n * envolvendo o `Portal`.\n *\n * Enquanto o teclado está alinhado, o `Drawer.Viewport` recebe `--drawer-keyboard-inset`, a altura\n * do teclado a partir da borda de baixo, e o `side=\"bottom\"` já a usa: o sheet inteiro sobe acima\n * do teclado e o `Popup` encolhe o teto de altura na mesma medida, então o corpo rola e o rodapé\n * continua ao alcance do toque. Sem o teclado alinhado, a variável não existe, e quem a usa\n * por conta própria precisa da reserva (`var(--drawer-keyboard-inset,0px)`): uma `var()` sem\n * reserva invalida a regra inteira.\n *\n * O provider mede o teclado pela janela visual do navegador: dentro de um iframe, como o do\n * Storybook, ele não vê o teclado. Teste a página aberta sozinha.\n *\n * @example\n * ```tsx\n * <Drawer.Root side=\"bottom\">\n *   <Drawer.VirtualKeyboardProvider>\n *     <Drawer.Portal>…</Drawer.Portal>\n *   </Drawer.VirtualKeyboardProvider>\n * </Drawer.Root>\n * ```\n */\nexport const DrawerVirtualKeyboardProvider = (\n  props: DrawerVirtualKeyboardProviderProps,\n) => {\n  return <BaseDrawer.VirtualKeyboardProvider {...props} />;\n};\n\nDrawerVirtualKeyboardProvider.displayName = 'Drawer.VirtualKeyboardProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,iCACX,UACG;CACH,OAAO,oBAACA,OAAW,yBAAZ,EAAoC,GAAI,MAAQ,CAAA;AACzD;AAEA,8BAA8B,cAAc"}

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

@@ -5,16 +5,21 @@ import { DrawerClose, DrawerCloseProps, DrawerCloseState } from "./drawer-close.
 import { DrawerDescription, DrawerDescriptionProps, DrawerDescriptionState } from "./drawer-description.js";
 import { DrawerFooter, DrawerFooterProps } from "./drawer-footer.js";
 import { DrawerHeader, DrawerHeaderProps } from "./drawer-header.js";
+import { DrawerIndentBackground, DrawerIndentBackgroundProps, DrawerIndentBackgroundState } from "./drawer-indent-background.js";
+import { DrawerIndent, DrawerIndentProps, DrawerIndentState } from "./drawer-indent.js";
 import { DrawerPopup, DrawerPopupProps, DrawerPopupState } from "./drawer-popup.js";
 import { DrawerPortal, DrawerPortalProps, DrawerPortalState } from "./drawer-portal.js";
+import { DrawerProvider, DrawerProviderProps, DrawerProviderState } from "./drawer-provider.js";
 import { DrawerVariants } from "./use-drawer-context.js";
 import { DrawerRoot, DrawerRootActions, DrawerRootChangeEventDetails, DrawerRootChangeEventReason, DrawerRootProps, DrawerRootSnapPoint, DrawerRootState } from "./drawer-root.js";
+import { DrawerSwipeArea, DrawerSwipeAreaProps, DrawerSwipeAreaState } from "./drawer-swipe-area.js";
 import { DrawerTitle, DrawerTitleProps, DrawerTitleState } from "./drawer-title.js";
 import { DrawerTrigger, DrawerTriggerProps, DrawerTriggerState } from "./drawer-trigger.js";
 import { DrawerViewport, DrawerViewportProps, DrawerViewportState } from "./drawer-viewport.js";
+import { DrawerVirtualKeyboardProvider, DrawerVirtualKeyboardProviderProps, DrawerVirtualKeyboardProviderState } from "./drawer-virtual-keyboard-provider.js";
 declare namespace index_parts_d_exports {
-  export { DrawerBackdrop as Backdrop, DrawerBackdropProps as BackdropProps, DrawerBackdropState as BackdropState, DrawerBody as Body, DrawerBodyProps as BodyProps, DrawerBodyState as BodyState, DrawerClose as Close, DrawerCloseProps as CloseProps, DrawerCloseState as CloseState, DrawerDescription as Description, DrawerDescriptionProps as DescriptionProps, DrawerDescriptionState as DescriptionState, DrawerFooter as Footer, DrawerFooterProps as FooterProps, DrawerHandle as Handle, DrawerHeader as Header, DrawerHeaderProps as HeaderProps, DrawerPopup as Popup, DrawerPopupProps as PopupProps, DrawerPopupState as PopupState, DrawerPortal as Portal, DrawerPortalProps as PortalProps, DrawerPortalState as PortalState, DrawerRoot as Root, DrawerRootActions as RootActions, DrawerRootChangeEventDetails as RootChangeEventDetails, DrawerRootChangeEventReason as RootChangeEventReason, DrawerRootProps as RootProps, DrawerRootSnapPoint as RootSnapPoint, DrawerRootState as RootState, DrawerTitle as Title, DrawerTitleProps as TitleProps, DrawerTitleState as TitleState, DrawerTrigger as Trigger, DrawerTriggerProps as TriggerProps, DrawerTriggerState as TriggerState, DrawerVariants as Variants, DrawerViewport as Viewport, DrawerViewportProps as ViewportProps, DrawerViewportState as ViewportState, createDrawerHandle as createHandle };
+  export { DrawerBackdrop as Backdrop, DrawerBackdropProps as BackdropProps, DrawerBackdropState as BackdropState, DrawerBody as Body, DrawerBodyProps as BodyProps, DrawerBodyState as BodyState, DrawerClose as Close, DrawerCloseProps as CloseProps, DrawerCloseState as CloseState, DrawerDescription as Description, DrawerDescriptionProps as DescriptionProps, DrawerDescriptionState as DescriptionState, DrawerFooter as Footer, DrawerFooterProps as FooterProps, DrawerHandle as Handle, DrawerHeader as Header, DrawerHeaderProps as HeaderProps, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, DrawerIndentBackgroundProps as IndentBackgroundProps, DrawerIndentBackgroundState as IndentBackgroundState, DrawerIndentProps as IndentProps, DrawerIndentState as IndentState, DrawerPopup as Popup, DrawerPopupProps as PopupProps, DrawerPopupState as PopupState, DrawerPortal as Portal, DrawerPortalProps as PortalProps, DrawerPortalState as PortalState, DrawerProvider as Provider, DrawerProviderProps as ProviderProps, DrawerProviderState as ProviderState, DrawerRoot as Root, DrawerRootActions as RootActions, DrawerRootChangeEventDetails as RootChangeEventDetails, DrawerRootChangeEventReason as RootChangeEventReason, DrawerRootProps as RootProps, DrawerRootSnapPoint as RootSnapPoint, DrawerRootState as RootState, DrawerSwipeArea as SwipeArea, DrawerSwipeAreaProps as SwipeAreaProps, DrawerSwipeAreaState as SwipeAreaState, DrawerTitle as Title, DrawerTitleProps as TitleProps, DrawerTitleState as TitleState, DrawerTrigger as Trigger, DrawerTriggerProps as TriggerProps, DrawerTriggerState as TriggerState, DrawerVariants as Variants, DrawerViewport as Viewport, DrawerViewportProps as ViewportProps, DrawerViewportState as ViewportState, DrawerVirtualKeyboardProvider as VirtualKeyboardProvider, DrawerVirtualKeyboardProviderProps as VirtualKeyboardProviderProps, DrawerVirtualKeyboardProviderState as VirtualKeyboardProviderState, createDrawerHandle as createHandle };
 }
 //#endregion
-export { DrawerBackdrop as Backdrop, type DrawerBackdropProps as BackdropProps, type DrawerBackdropState as BackdropState, DrawerBody as Body, type DrawerBodyProps as BodyProps, type DrawerBodyState as BodyState, DrawerClose as Close, type DrawerCloseProps as CloseProps, type DrawerCloseState as CloseState, DrawerDescription as Description, type DrawerDescriptionProps as DescriptionProps, type DrawerDescriptionState as DescriptionState, DrawerFooter as Footer, type DrawerFooterProps as FooterProps, type DrawerHandle as Handle, DrawerHeader as Header, type DrawerHeaderProps as HeaderProps, DrawerPopup as Popup, type DrawerPopupProps as PopupProps, type DrawerPopupState as PopupState, DrawerPortal as Portal, type DrawerPortalProps as PortalProps, type DrawerPortalState as PortalState, DrawerRoot as Root, type DrawerRootActions as RootActions, type DrawerRootChangeEventDetails as RootChangeEventDetails, type DrawerRootChangeEventReason as RootChangeEventReason, type DrawerRootProps as RootProps, type DrawerRootSnapPoint as RootSnapPoint, type DrawerRootState as RootState, DrawerTitle as Title, type DrawerTitleProps as TitleProps, type DrawerTitleState as TitleState, DrawerTrigger as Trigger, type DrawerTriggerProps as TriggerProps, type DrawerTriggerState as TriggerState, type DrawerVariants as Variants, DrawerViewport as Viewport, type DrawerViewportProps as ViewportProps, type DrawerViewportState as ViewportState, createDrawerHandle as createHandle, index_parts_d_exports };
+export { DrawerBackdrop as Backdrop, type DrawerBackdropProps as BackdropProps, type DrawerBackdropState as BackdropState, DrawerBody as Body, type DrawerBodyProps as BodyProps, type DrawerBodyState as BodyState, DrawerClose as Close, type DrawerCloseProps as CloseProps, type DrawerCloseState as CloseState, DrawerDescription as Description, type DrawerDescriptionProps as DescriptionProps, type DrawerDescriptionState as DescriptionState, DrawerFooter as Footer, type DrawerFooterProps as FooterProps, type DrawerHandle as Handle, DrawerHeader as Header, type DrawerHeaderProps as HeaderProps, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, type DrawerIndentBackgroundProps as IndentBackgroundProps, type DrawerIndentBackgroundState as IndentBackgroundState, type DrawerIndentProps as IndentProps, type DrawerIndentState as IndentState, DrawerPopup as Popup, type DrawerPopupProps as PopupProps, type DrawerPopupState as PopupState, DrawerPortal as Portal, type DrawerPortalProps as PortalProps, type DrawerPortalState as PortalState, DrawerProvider as Provider, type DrawerProviderProps as ProviderProps, type DrawerProviderState as ProviderState, DrawerRoot as Root, type DrawerRootActions as RootActions, type DrawerRootChangeEventDetails as RootChangeEventDetails, type DrawerRootChangeEventReason as RootChangeEventReason, type DrawerRootProps as RootProps, type DrawerRootSnapPoint as RootSnapPoint, type DrawerRootState as RootState, DrawerSwipeArea as SwipeArea, type DrawerSwipeAreaProps as SwipeAreaProps, type DrawerSwipeAreaState as SwipeAreaState, DrawerTitle as Title, type DrawerTitleProps as TitleProps, type DrawerTitleState as TitleState, DrawerTrigger as Trigger, type DrawerTriggerProps as TriggerProps, type DrawerTriggerState as TriggerState, type DrawerVariants as Variants, DrawerViewport as Viewport, type DrawerViewportProps as ViewportProps, type DrawerViewportState as ViewportState, DrawerVirtualKeyboardProvider as VirtualKeyboardProvider, type DrawerVirtualKeyboardProviderProps as VirtualKeyboardProviderProps, type DrawerVirtualKeyboardProviderState as VirtualKeyboardProviderState, createDrawerHandle as createHandle, index_parts_d_exports };
 //# sourceMappingURL=index.parts.d.ts.map

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

@@ -6,12 +6,17 @@ import { DrawerClose } from "./drawer-close.js";
 import { DrawerDescription } from "./drawer-description.js";
 import { DrawerFooter } from "./drawer-footer.js";
 import { DrawerHeader } from "./drawer-header.js";
+import { DrawerIndentBackground } from "./drawer-indent-background.js";
+import { DrawerIndent } from "./drawer-indent.js";
 import { DrawerPopup } from "./drawer-popup.js";
 import { DrawerPortal } from "./drawer-portal.js";
+import { DrawerProvider } from "./drawer-provider.js";
 import { DrawerRoot } from "./drawer-root.js";
+import { DrawerSwipeArea } from "./drawer-swipe-area.js";
 import { DrawerTitle } from "./drawer-title.js";
 import { DrawerTrigger } from "./drawer-trigger.js";
 import { DrawerViewport } from "./drawer-viewport.js";
+import { DrawerVirtualKeyboardProvider } from "./drawer-virtual-keyboard-provider.js";
 //#region src/components/overlays/drawer/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Backdrop: () => DrawerBackdrop,
@@ -20,15 +25,20 @@ var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Description: () => DrawerDescription,
 	Footer: () => DrawerFooter,
 	Header: () => DrawerHeader,
+	Indent: () => DrawerIndent,
+	IndentBackground: () => DrawerIndentBackground,
 	Popup: () => DrawerPopup,
 	Portal: () => DrawerPortal,
+	Provider: () => DrawerProvider,
 	Root: () => DrawerRoot,
+	SwipeArea: () => DrawerSwipeArea,
 	Title: () => DrawerTitle,
 	Trigger: () => DrawerTrigger,
 	Viewport: () => DrawerViewport,
+	VirtualKeyboardProvider: () => DrawerVirtualKeyboardProvider,
 	createHandle: () => createDrawerHandle
 });
 //#endregion
-export { DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerClose as Close, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerPopup as Popup, DrawerPortal as Portal, DrawerRoot as Root, DrawerTitle as Title, DrawerTrigger as Trigger, DrawerViewport as Viewport, createDrawerHandle as createHandle, index_parts_exports };
+export { DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerClose as Close, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerIndent as Indent, DrawerIndentBackground as IndentBackground, DrawerPopup as Popup, DrawerPortal as Portal, DrawerProvider as Provider, DrawerRoot as Root, DrawerSwipeArea as SwipeArea, DrawerTitle as Title, DrawerTrigger as Trigger, DrawerViewport as Viewport, DrawerVirtualKeyboardProvider as VirtualKeyboardProvider, createDrawerHandle as createHandle, index_parts_exports };
 
 //# sourceMappingURL=index.parts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/drawer/index.parts.ts"],"sourcesContent":["export { createDrawerHandle as createHandle } from './create-handle';\nexport { DrawerBackdrop as Backdrop } from './drawer-backdrop';\nexport { DrawerBody as Body } from './drawer-body';\nexport { DrawerClose as Close } from './drawer-close';\nexport { DrawerDescription as Description } from './drawer-description';\nexport { DrawerFooter as Footer } from './drawer-footer';\nexport { DrawerHeader as Header } from './drawer-header';\nexport { DrawerPopup as Popup } from './drawer-popup';\nexport { DrawerPortal as Portal } from './drawer-portal';\nexport { DrawerRoot as Root } from './drawer-root';\nexport { DrawerTitle as Title } from './drawer-title';\nexport { DrawerTrigger as Trigger } from './drawer-trigger';\nexport { DrawerViewport as Viewport } from './drawer-viewport';\n\n/* types */\n\nexport type { DrawerHandle as Handle } from './create-handle';\nexport type {\n  DrawerBackdropProps as BackdropProps,\n  DrawerBackdropState as BackdropState,\n} from './drawer-backdrop';\nexport type {\n  DrawerBodyProps as BodyProps,\n  DrawerBodyState as BodyState,\n} from './drawer-body';\nexport type {\n  DrawerCloseProps as CloseProps,\n  DrawerCloseState as CloseState,\n} from './drawer-close';\nexport type {\n  DrawerDescriptionProps as DescriptionProps,\n  DrawerDescriptionState as DescriptionState,\n} from './drawer-description';\nexport type { DrawerFooterProps as FooterProps } from './drawer-footer';\nexport type { DrawerHeaderProps as HeaderProps } from './drawer-header';\nexport type {\n  DrawerPopupProps as PopupProps,\n  DrawerPopupState as PopupState,\n} from './drawer-popup';\nexport type {\n  DrawerPortalProps as PortalProps,\n  DrawerPortalState as PortalState,\n} from './drawer-portal';\nexport type {\n  DrawerRootActions as RootActions,\n  DrawerRootChangeEventDetails as RootChangeEventDetails,\n  DrawerRootChangeEventReason as RootChangeEventReason,\n  DrawerRootProps as RootProps,\n  DrawerRootSnapPoint as RootSnapPoint,\n  DrawerRootState as RootState,\n} from './drawer-root';\nexport type {\n  DrawerTitleProps as TitleProps,\n  DrawerTitleState as TitleState,\n} from './drawer-title';\nexport type {\n  DrawerTriggerProps as TriggerProps,\n  DrawerTriggerState as TriggerState,\n} from './drawer-trigger';\nexport type {\n  DrawerViewportProps as ViewportProps,\n  DrawerViewportState as ViewportState,\n} from './drawer-viewport';\nexport type { DrawerVariants as Variants } from './use-drawer-context';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/drawer/index.parts.ts"],"sourcesContent":["export { createDrawerHandle as createHandle } from './create-handle';\nexport { DrawerBackdrop as Backdrop } from './drawer-backdrop';\nexport { DrawerBody as Body } from './drawer-body';\nexport { DrawerClose as Close } from './drawer-close';\nexport { DrawerDescription as Description } from './drawer-description';\nexport { DrawerFooter as Footer } from './drawer-footer';\nexport { DrawerHeader as Header } from './drawer-header';\nexport { DrawerIndent as Indent } from './drawer-indent';\nexport { DrawerIndentBackground as IndentBackground } from './drawer-indent-background';\nexport { DrawerPopup as Popup } from './drawer-popup';\nexport { DrawerPortal as Portal } from './drawer-portal';\nexport { DrawerProvider as Provider } from './drawer-provider';\nexport { DrawerRoot as Root } from './drawer-root';\nexport { DrawerSwipeArea as SwipeArea } from './drawer-swipe-area';\nexport { DrawerTitle as Title } from './drawer-title';\nexport { DrawerTrigger as Trigger } from './drawer-trigger';\nexport { DrawerViewport as Viewport } from './drawer-viewport';\nexport { DrawerVirtualKeyboardProvider as VirtualKeyboardProvider } from './drawer-virtual-keyboard-provider';\n\n/* types */\n\nexport type { DrawerHandle as Handle } from './create-handle';\nexport type {\n  DrawerBackdropProps as BackdropProps,\n  DrawerBackdropState as BackdropState,\n} from './drawer-backdrop';\nexport type {\n  DrawerBodyProps as BodyProps,\n  DrawerBodyState as BodyState,\n} from './drawer-body';\nexport type {\n  DrawerCloseProps as CloseProps,\n  DrawerCloseState as CloseState,\n} from './drawer-close';\nexport type {\n  DrawerDescriptionProps as DescriptionProps,\n  DrawerDescriptionState as DescriptionState,\n} from './drawer-description';\nexport type { DrawerFooterProps as FooterProps } from './drawer-footer';\nexport type { DrawerHeaderProps as HeaderProps } from './drawer-header';\nexport type {\n  DrawerIndentProps as IndentProps,\n  DrawerIndentState as IndentState,\n} from './drawer-indent';\nexport type {\n  DrawerIndentBackgroundProps as IndentBackgroundProps,\n  DrawerIndentBackgroundState as IndentBackgroundState,\n} from './drawer-indent-background';\nexport type {\n  DrawerPopupProps as PopupProps,\n  DrawerPopupState as PopupState,\n} from './drawer-popup';\nexport type {\n  DrawerPortalProps as PortalProps,\n  DrawerPortalState as PortalState,\n} from './drawer-portal';\nexport type {\n  DrawerProviderProps as ProviderProps,\n  DrawerProviderState as ProviderState,\n} from './drawer-provider';\nexport type {\n  DrawerRootActions as RootActions,\n  DrawerRootChangeEventDetails as RootChangeEventDetails,\n  DrawerRootChangeEventReason as RootChangeEventReason,\n  DrawerRootProps as RootProps,\n  DrawerRootSnapPoint as RootSnapPoint,\n  DrawerRootState as RootState,\n} from './drawer-root';\nexport type {\n  DrawerSwipeAreaProps as SwipeAreaProps,\n  DrawerSwipeAreaState as SwipeAreaState,\n} from './drawer-swipe-area';\nexport type {\n  DrawerTitleProps as TitleProps,\n  DrawerTitleState as TitleState,\n} from './drawer-title';\nexport type {\n  DrawerTriggerProps as TriggerProps,\n  DrawerTriggerState as TriggerState,\n} from './drawer-trigger';\nexport type {\n  DrawerViewportProps as ViewportProps,\n  DrawerViewportState as ViewportState,\n} from './drawer-viewport';\nexport type {\n  DrawerVirtualKeyboardProviderProps as VirtualKeyboardProviderProps,\n  DrawerVirtualKeyboardProviderState as VirtualKeyboardProviderState,\n} from './drawer-virtual-keyboard-provider';\nexport type { DrawerVariants as Variants } from './use-drawer-context';\n"],"mappings":""}

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

@@ -20,6 +20,13 @@ export type DrawerVariants = {
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
 };
 export declare const drawerDefaultVariants: Required<DrawerVariants>;
-export declare const DrawerContextProvider: import("react").Provider<DrawerVariants>, useDrawerContext: () => DrawerVariants;
+/**
+ * O que o `Drawer.Root` repassa às partes: as variantes e se há `snapPoints`, que o
+ * `Drawer.Popup` precisa para reservar o fim do conteúdo (ver `drawerPopupVariants`).
+ */
+export type DrawerContextValue = DrawerVariants & {
+  hasSnapPoints: boolean;
+};
+export declare const DrawerContextProvider: import("react").Provider<DrawerContextValue>, useDrawerContext: () => DrawerContextValue;
 //#endregion
 //# sourceMappingURL=use-drawer-context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-drawer-context.js","names":[],"sources":["../../../../src/components/overlays/drawer/use-drawer-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Drawer. Informadas no `Drawer.Root` e repassadas às partes por contexto.\n */\nexport type DrawerVariants = {\n  /**\n   * Borda da tela de onde o drawer sai. Também define o gesto de fechar: arrastar de volta para\n   * essa borda.\n   *\n   * @default 'right'\n   */\n  side?: 'right' | 'left' | 'top' | 'bottom';\n  /**\n   * Largura máxima de um drawer lateral (`right` e `left`), nos valores de `max-w-*` do tema: de\n   * `xs` (20rem) a `7xl` (80rem), e `full`, a largura da tela. Em `top` e `bottom` não se aplica: a\n   * altura segue o conteúdo até 85% da tela.\n   *\n   * @default 'sm'\n   */\n  size?:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl'\n    | '7xl'\n    | 'full';\n};\n\nexport const drawerDefaultVariants: Required<DrawerVariants> = {\n  side: 'right',\n  size: 'sm',\n};\n\nexport const [DrawerContextProvider, useDrawerContext] =\n  createContext<DrawerVariants>({\n    name: 'DrawerContext',\n    providers: ['Drawer.Root'],\n  });\n"],"mappings":";;AAmCA,MAAa,wBAAkD;CAC7D,MAAM;CACN,MAAM;AACR;AAEA,MAAa,CAAC,uBAAuB,oBACnC,cAA8B;CAC5B,MAAM;CACN,WAAW,CAAC,aAAa;AAC3B,CAAC"}
+{"version":3,"file":"use-drawer-context.js","names":[],"sources":["../../../../src/components/overlays/drawer/use-drawer-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Drawer. Informadas no `Drawer.Root` e repassadas às partes por contexto.\n */\nexport type DrawerVariants = {\n  /**\n   * Borda da tela de onde o drawer sai. Também define o gesto de fechar: arrastar de volta para\n   * essa borda.\n   *\n   * @default 'right'\n   */\n  side?: 'right' | 'left' | 'top' | 'bottom';\n  /**\n   * Largura máxima de um drawer lateral (`right` e `left`), nos valores de `max-w-*` do tema: de\n   * `xs` (20rem) a `7xl` (80rem), e `full`, a largura da tela. Em `top` e `bottom` não se aplica: a\n   * altura segue o conteúdo até 85% da tela.\n   *\n   * @default 'sm'\n   */\n  size?:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | '2xl'\n    | '3xl'\n    | '4xl'\n    | '5xl'\n    | '6xl'\n    | '7xl'\n    | 'full';\n};\n\nexport const drawerDefaultVariants: Required<DrawerVariants> = {\n  side: 'right',\n  size: 'sm',\n};\n\n/**\n * O que o `Drawer.Root` repassa às partes: as variantes e se há `snapPoints`, que o\n * `Drawer.Popup` precisa para reservar o fim do conteúdo (ver `drawerPopupVariants`).\n */\nexport type DrawerContextValue = DrawerVariants & {\n  hasSnapPoints: boolean;\n};\n\nexport const [DrawerContextProvider, useDrawerContext] =\n  createContext<DrawerContextValue>({\n    name: 'DrawerContext',\n    providers: ['Drawer.Root'],\n  });\n"],"mappings":";;AAmCA,MAAa,wBAAkD;CAC7D,MAAM;CACN,MAAM;AACR;AAUA,MAAa,CAAC,uBAAuB,oBACnC,cAAkC;CAChC,MAAM;CACN,WAAW,CAAC,aAAa;AAC3B,CAAC"}

package/dist/components/overlays/menu/menu-group-label.js

@@ -23,7 +23,7 @@ const MenuGroupLabel = (props) => {
 			"pt-2",
 			"pb-1",
 			"text-gray-11",
-			"font-semibold",
+			"font-medium",
 			"uppercase",
 			"tracking-wider",
 			"ps-2.5",

package/dist/components/overlays/menu/menu-group-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group-label.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-group-label.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuGroupLabelProps = BaseMenu.GroupLabel.Props;\n\nexport type MenuGroupLabelState = BaseMenu.GroupLabel.State;\n\n/**\n * Rótulo do grupo, ligado a ele pelo Base UI (`aria-labelledby`) e grudado no topo do menu\n * enquanto o grupo rola.\n *\n * Cópia de `selectGroupLabelVariants` (tabela no README de `collections`). A diferença é o recuo:\n * sem a coluna do check, ele é o `px-2.5` do `Menu.Item`, e o texto do rótulo alinha com o dos\n * itens. Mudar o espaçamento do item pede mudar este valor.\n */\nexport const MenuGroupLabel = (props: MenuGroupLabelProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.GroupLabel\n      data-component=\"Menu.GroupLabel\"\n      className={mergeStateClassNames(\n        [\n          'sticky',\n          'top-0',\n          'z-1',\n\n          // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n          'bg-white',\n          'dark:bg-gray-2',\n\n          'pt-2',\n          'pb-1',\n\n          'text-gray-11',\n          'font-semibold',\n          'uppercase',\n          'tracking-wider',\n\n          'ps-2.5',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuGroupLabel.displayName = 'Menu.GroupLabel';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,YAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAGA;GACA;GAEA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"menu-group-label.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-group-label.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuGroupLabelProps = BaseMenu.GroupLabel.Props;\n\nexport type MenuGroupLabelState = BaseMenu.GroupLabel.State;\n\n/**\n * Rótulo do grupo, ligado a ele pelo Base UI (`aria-labelledby`) e grudado no topo do menu\n * enquanto o grupo rola.\n *\n * Cópia de `selectGroupLabelVariants` (tabela no README de `collections`). A diferença é o recuo:\n * sem a coluna do check, ele é o `px-2.5` do `Menu.Item`, e o texto do rótulo alinha com o dos\n * itens. Mudar o espaçamento do item pede mudar este valor.\n */\nexport const MenuGroupLabel = (props: MenuGroupLabelProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.GroupLabel\n      data-component=\"Menu.GroupLabel\"\n      className={mergeStateClassNames(\n        [\n          'sticky',\n          'top-0',\n          'z-1',\n\n          // Mesmo fundo do popup: fixo no topo, o rótulo cobre os itens que rolam por baixo.\n          'bg-white',\n          'dark:bg-gray-2',\n\n          'pt-2',\n          'pb-1',\n\n          'text-gray-11',\n          'font-medium',\n          'uppercase',\n          'tracking-wider',\n\n          'ps-2.5',\n          'pe-2.5',\n\n          'text-[0.6875rem]', // 11px\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuGroupLabel.displayName = 'Menu.GroupLabel';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,YAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAGA;GACA;GAEA;GACA;GAEA;GACA;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/overlays/menu/menu-item.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemVariants } from "./menu-item-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { Menu } from "@base-ui/react/menu";
 //#region src/components/overlays/menu/menu-item.d.ts
 export type MenuItemProps = MergeOverride<Menu.Item.Props, MenuItemVariants>;
@@ -9,7 +9,7 @@ export type MenuItemState = Menu.Item.State;
  * (`closeOnClick={false}` o mantém aberto). O realce do item sob o ponteiro ou o teclado vem do
  * `data-highlighted`.
  *
- * Ícone e atalho entram como filhos, em linha: um `Kbd` com `ms-auto` empurra o atalho para a
+ * Ícone e atalho entram como filhos, em linha: um `Kbd` `sm` com `ms-auto` empurra o atalho para a
  * direita. Para abrir um dialog, controle o `open` dele pelo `onClick` do item.
  */
 export declare const MenuItem: {

package/dist/components/overlays/menu/menu-item.js

@@ -1,6 +1,6 @@
 import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
 import { menuItemVariants } from "./menu-item-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 //#region src/components/overlays/menu/menu-item.tsx
@@ -10,7 +10,7 @@ const splitVariantProps = createSplitProps();
 * (`closeOnClick={false}` o mantém aberto). O realce do item sob o ponteiro ou o teclado vem do
 * `data-highlighted`.
 *
-* Ícone e atalho entram como filhos, em linha: um `Kbd` com `ms-auto` empurra o atalho para a
+* Ícone e atalho entram como filhos, em linha: um `Kbd` `sm` com `ms-auto` empurra o atalho para a
 * direita. Para abrir um dialog, controle o `open` dele pelo `onClick` do item.
 */
 const MenuItem = (props) => {

package/dist/components/overlays/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-item.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\nimport { type MenuItemVariants, menuItemVariants } from './menu-item-variants';\n\nexport type MenuItemProps = MergeOverride<\n  BaseMenu.Item.Props,\n  MenuItemVariants\n>;\n\nexport type MenuItemState = BaseMenu.Item.State;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Ação do menu, com `role=\"menuitem\"`. A ação vai no `onClick`, e o menu fecha em seguida\n * (`closeOnClick={false}` o mantém aberto). O realce do item sob o ponteiro ou o teclado vem do\n * `data-highlighted`.\n *\n * Ícone e atalho entram como filhos, em linha: um `Kbd` com `ms-auto` empurra o atalho para a\n * direita. Para abrir um dialog, controle o `open` dele pelo `onClick` do item.\n */\nexport const MenuItem = (props: MenuItemProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseMenu.Item\n      data-component=\"Menu.Item\"\n      className={mergeStateClassNames(\n        menuItemVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuItem.displayName = 'Menu.Item';\n"],"mappings":";;;;;;AAYA,MAAM,oBAAoB,iBAAmC;;;;;;;;;AAU7D,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,MAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}
+{"version":3,"file":"menu-item.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-item.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { type MenuItemVariants, menuItemVariants } from './menu-item-variants';\n\nexport type MenuItemProps = MergeOverride<\n  BaseMenu.Item.Props,\n  MenuItemVariants\n>;\n\nexport type MenuItemState = BaseMenu.Item.State;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Ação do menu, com `role=\"menuitem\"`. A ação vai no `onClick`, e o menu fecha em seguida\n * (`closeOnClick={false}` o mantém aberto). O realce do item sob o ponteiro ou o teclado vem do\n * `data-highlighted`.\n *\n * Ícone e atalho entram como filhos, em linha: um `Kbd` `sm` com `ms-auto` empurra o atalho para a\n * direita. Para abrir um dialog, controle o `open` dele pelo `onClick` do item.\n */\nexport const MenuItem = (props: MenuItemProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseMenu.Item\n      data-component=\"Menu.Item\"\n      className={mergeStateClassNames(\n        menuItemVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuItem.displayName = 'Menu.Item';\n"],"mappings":";;;;;;AAeA,MAAM,oBAAoB,iBAAmC;;;;;;;;;AAU7D,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,MAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu-root.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-root.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport type { AnyType } from '@lucasbernardosn/utils';\n\nexport type MenuRootProps<Payload = unknown> = BaseMenu.Root.Props<Payload>;\n\nexport type MenuRootState = BaseMenu.Root.State;\n\nexport type MenuRootActions = BaseMenu.Root.Actions;\n\nexport type MenuRootChangeEventDetails = BaseMenu.Root.ChangeEventDetails;\n\nexport type MenuRootChangeEventReason = BaseMenu.Root.ChangeEventReason;\n\n/**\n * Estado do menu. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Menu.Root>\n *   <Menu.Trigger render={<Button />}>Ações</Menu.Trigger>\n *   <Menu.Portal>\n *     <Menu.Positioner>\n *       <Menu.Popup>\n *         <Menu.Item onClick={edit}>Editar</Menu.Item>\n *         <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>\n *         <Menu.Separator />\n *         <Menu.Item colorScheme=\"red\" onClick={remove}>\n *           Excluir\n *         </Menu.Item>\n *       </Menu.Popup>\n *     </Menu.Positioner>\n *   </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nexport const MenuRoot = <Payload extends AnyType = unknown>(\n  props: MenuRootProps<Payload>,\n) => {\n  return <BaseMenu.Root {...props} />;\n};\n\nMenuRoot.displayName = 'Menu.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAa,YACX,UACG;CACH,OAAO,oBAACA,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAEA,SAAS,cAAc"}
+{"version":3,"file":"menu-root.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-root.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport type { AnyType } from '@lucasbernardosn/ts-utils';\n\nexport type MenuRootProps<Payload = unknown> = BaseMenu.Root.Props<Payload>;\n\nexport type MenuRootState = BaseMenu.Root.State;\n\nexport type MenuRootActions = BaseMenu.Root.Actions;\n\nexport type MenuRootChangeEventDetails = BaseMenu.Root.ChangeEventDetails;\n\nexport type MenuRootChangeEventReason = BaseMenu.Root.ChangeEventReason;\n\n/**\n * Estado do menu. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Menu.Root>\n *   <Menu.Trigger render={<Button />}>Ações</Menu.Trigger>\n *   <Menu.Portal>\n *     <Menu.Positioner>\n *       <Menu.Popup>\n *         <Menu.Item onClick={edit}>Editar</Menu.Item>\n *         <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>\n *         <Menu.Separator />\n *         <Menu.Item colorScheme=\"red\" onClick={remove}>\n *           Excluir\n *         </Menu.Item>\n *       </Menu.Popup>\n *     </Menu.Positioner>\n *   </Menu.Portal>\n * </Menu.Root>\n * ```\n */\nexport const MenuRoot = <Payload extends AnyType = unknown>(\n  props: MenuRootProps<Payload>,\n) => {\n  return <BaseMenu.Root {...props} />;\n};\n\nMenuRoot.displayName = 'Menu.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAa,YACX,UACG;CACH,OAAO,oBAACA,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAEA,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu-trigger.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-trigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport type { AnyType } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuTriggerProps<Payload = unknown> =\n  BaseMenu.Trigger.Props<Payload>;\n\nexport type MenuTriggerState = BaseMenu.Trigger.State;\n\n/**\n * Botão que abre o menu. Sem estilo próprio; passe um botão da lib em `render`. Enquanto o menu\n * está aberto, o Base UI marca o trigger com `data-popup-open`.\n */\nexport const MenuTrigger = <Payload extends AnyType = unknown>(\n  props: MenuTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Trigger\n      data-component=\"Menu.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nMenuTrigger.displayName = 'Menu.Trigger';\n"],"mappings":";;;;;;;;AAaA,MAAa,eACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,SAAV;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}
+{"version":3,"file":"menu-trigger.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-trigger.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport type { AnyType } from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuTriggerProps<Payload = unknown> =\n  BaseMenu.Trigger.Props<Payload>;\n\nexport type MenuTriggerState = BaseMenu.Trigger.State;\n\n/**\n * Botão que abre o menu. Sem estilo próprio; passe um botão da lib em `render`. Enquanto o menu\n * está aberto, o Base UI marca o trigger com `data-popup-open`.\n */\nexport const MenuTrigger = <Payload extends AnyType = unknown>(\n  props: MenuTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Trigger\n      data-component=\"Menu.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nMenuTrigger.displayName = 'Menu.Trigger';\n"],"mappings":";;;;;;;;AAaA,MAAa,eACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,SAAV;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -5,7 +5,7 @@ export type PopoverBackdropState = Popover.Backdrop.State;
 /**
  * Camada atrás do popup que cobre e escurece a página.
  *
- * Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de
+ * Origem do backdrop dos popups: o `Select.Backdrop` e o `Autocomplete.Backdrop` copiam estas classes (tabela no README de
  * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o
  * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o
  * `min-h-dvh` garante a altura da tela visível.

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

@@ -5,7 +5,7 @@ import { Popover } from "@base-ui/react/popover";
 /**
 * Camada atrás do popup que cobre e escurece a página.
 *
-* Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de
+* Origem do backdrop dos popups: o `Select.Backdrop` e o `Autocomplete.Backdrop` copiam estas classes (tabela no README de
 * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o
 * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o
 * `min-h-dvh` garante a altura da tela visível.