@lucasbernardosn/react-ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,34 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-radio-item-indicator.tsx
+/**
+* Ponto da opção marcada, à esquerda do texto: um círculo cheio na cor do texto (`bg-current`),
+* centrado numa caixa de `1em`, a mesma medida do check do `Menu.CheckboxItemIndicator`. Fica
+* sempre no DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente
+* quando a opção está desmarcada (`data-unchecked`): a coluna não muda de largura ao marcar.
+*/
+const MenuRadioItemIndicator = (props) => {
+	const { className, keepMounted = true, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.RadioItemIndicator, {
+		"data-component": "Menu.RadioItemIndicator",
+		className: mergeStateClassNames([
+			"grid",
+			"place-items-center",
+			"shrink-0",
+			"size-[1em]",
+			"before:content-['']",
+			"before:size-[0.375em]",
+			"before:rounded-full",
+			"before:bg-current",
+			"data-unchecked:invisible"
+		], className),
+		keepMounted,
+		...rest
+	});
+};
+MenuRadioItemIndicator.displayName = "Menu.RadioItemIndicator";
+//#endregion
+export { MenuRadioItemIndicator };
+
+//# sourceMappingURL=menu-radio-item-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-item-indicator.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-radio-item-indicator.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuRadioItemIndicatorProps = BaseMenu.RadioItemIndicator.Props;\n\nexport type MenuRadioItemIndicatorState = BaseMenu.RadioItemIndicator.State;\n\n/**\n * Ponto da opção marcada, à esquerda do texto: um círculo cheio na cor do texto (`bg-current`),\n * centrado numa caixa de `1em`, a mesma medida do check do `Menu.CheckboxItemIndicator`. Fica\n * sempre no DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente\n * quando a opção está desmarcada (`data-unchecked`): a coluna não muda de largura ao marcar.\n */\nexport const MenuRadioItemIndicator = (props: MenuRadioItemIndicatorProps) => {\n  const { className, keepMounted = true, ...rest } = props;\n\n  return (\n    <BaseMenu.RadioItemIndicator\n      data-component=\"Menu.RadioItemIndicator\"\n      className={mergeStateClassNames(\n        [\n          'grid',\n          'place-items-center',\n\n          'shrink-0',\n          'size-[1em]',\n\n          // O ponto mede 0,375em: a área do check em bold, que ocupa cerca de 0,7em da caixa.\n          \"before:content-['']\",\n          'before:size-[0.375em]',\n          'before:rounded-full',\n          'before:bg-current',\n\n          'data-unchecked:invisible',\n        ],\n        className,\n      )}\n      keepMounted={keepMounted}\n      {...rest}\n    />\n  );\n};\n\nMenuRadioItemIndicator.displayName = 'Menu.RadioItemIndicator';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,0BAA0B,UAAuC;CAC5E,MAAM,EAAE,WAAW,cAAc,MAAM,GAAG,SAAS;CAEnD,OACE,oBAACA,KAAS,oBAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GAGA;GACA;GACA;GACA;GAEA;EACF,GACA,SACF;EACa;EACb,GAAI;CACL,CAAA;AAEL;AAEA,uBAAuB,cAAc"}

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

@@ -0,0 +1,21 @@
+import { MenuItemVariants } from "./menu-item-variants.js";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-radio-item.d.ts
+export type MenuRadioItemProps = MergeOverride<Menu.RadioItem.Props, MenuItemVariants>;
+export type MenuRadioItemState = Menu.RadioItem.State;
+/**
+ * Opção de uma escolha única, com `role="menuitemradio"` e `aria-checked`. Fica dentro de um
+ * `Menu.RadioGroup`, e o `value` dela é o que o grupo guarda. Por padrão o menu fecha ao clicar;
+ * `closeOnClick={false}` o mantém aberto.
+ *
+ * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.RadioItemIndicator`
+ * como primeiro filho: ele reserva a coluna do ponto mesmo desmarcado, e o texto das opções fica
+ * alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa coluna.
+ */
+export declare const MenuRadioItem: {
+  (props: MenuRadioItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-radio-item.d.ts.map

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

@@ -0,0 +1,30 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { menuItemVariants } from "./menu-item-variants.js";
+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-radio-item.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Opção de uma escolha única, com `role="menuitemradio"` e `aria-checked`. Fica dentro de um
+* `Menu.RadioGroup`, e o `value` dela é o que o grupo guarda. Por padrão o menu fecha ao clicar;
+* `closeOnClick={false}` o mantém aberto.
+*
+* Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.RadioItemIndicator`
+* como primeiro filho: ele reserva a coluna do ponto mesmo desmarcado, e o texto das opções fica
+* alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa coluna.
+*/
+const MenuRadioItem = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(Menu.RadioItem, {
+		"data-component": "Menu.RadioItem",
+		className: mergeStateClassNames(menuItemVariants(variantProps), className),
+		...rest
+	});
+};
+MenuRadioItem.displayName = "Menu.RadioItem";
+//#endregion
+export { MenuRadioItem };
+
+//# sourceMappingURL=menu-radio-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-radio-item.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-radio-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 MenuRadioItemProps = MergeOverride<\n  BaseMenu.RadioItem.Props,\n  MenuItemVariants\n>;\n\nexport type MenuRadioItemState = BaseMenu.RadioItem.State;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Opção de uma escolha única, com `role=\"menuitemradio\"` e `aria-checked`. Fica dentro de um\n * `Menu.RadioGroup`, e o `value` dela é o que o grupo guarda. Por padrão o menu fecha ao clicar;\n * `closeOnClick={false}` o mantém aberto.\n *\n * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.RadioItemIndicator`\n * como primeiro filho: ele reserva a coluna do ponto mesmo desmarcado, e o texto das opções fica\n * alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa coluna.\n */\nexport const MenuRadioItem = (props: MenuRadioItemProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseMenu.RadioItem\n      data-component=\"Menu.RadioItem\"\n      className={mergeStateClassNames(\n        menuItemVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuRadioItem.displayName = 'Menu.RadioItem';\n"],"mappings":";;;;;;AAeA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;AAW7D,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,WAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

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

@@ -8,6 +8,13 @@ export type MenuRootChangeEventReason = Menu.Root.ChangeEventReason;
 /**
  * Estado do menu. Não renderiza elemento.
  *
+ * Cobre o menu de ações, com itens de ação (`Item`), de checkbox (`CheckboxItem`), de radio
+ * (`RadioGroup` e `RadioItem`) e de link (`LinkItem`), submenus (`SubmenuRoot` e
+ * `SubmenuTrigger`), `Arrow`, `Backdrop`, `Viewport` e a busca (`FilterProvider`, `Input`, `Clear` e
+ * `Empty`, em Preview no Base UI). Os itens ficam num `Menu.List`, que rola quando passam da
+ * altura da tela. Para triggers fora do `Root`, crie um
+ * handle com `Menu.createHandle()` e passe-o em `handle` ao `Root` e aos triggers.
+ *
  * @example
  * ```tsx
  * <Menu.Root>
@@ -15,12 +22,14 @@ export type MenuRootChangeEventReason = Menu.Root.ChangeEventReason;
  *   <Menu.Portal>
  *     <Menu.Positioner>
  *       <Menu.Popup>
- *         <Menu.Item onClick={edit}>Editar</Menu.Item>
- *         <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>
- *         <Menu.Separator />
- *         <Menu.Item colorScheme="red" onClick={remove}>
- *           Excluir
- *         </Menu.Item>
+ *         <Menu.List>
+ *           <Menu.Item onClick={edit}>Editar</Menu.Item>
+ *           <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>
+ *           <Menu.Separator />
+ *           <Menu.Item colorScheme="red" onClick={remove}>
+ *             Excluir
+ *           </Menu.Item>
+ *         </Menu.List>
  *       </Menu.Popup>
  *     </Menu.Positioner>
  *   </Menu.Portal>

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

@@ -4,6 +4,13 @@ import { Menu } from "@base-ui/react/menu";
 /**
 * Estado do menu. Não renderiza elemento.
 *
+* Cobre o menu de ações, com itens de ação (`Item`), de checkbox (`CheckboxItem`), de radio
+* (`RadioGroup` e `RadioItem`) e de link (`LinkItem`), submenus (`SubmenuRoot` e
+* `SubmenuTrigger`), `Arrow`, `Backdrop`, `Viewport` e a busca (`FilterProvider`, `Input`, `Clear` e
+* `Empty`, em Preview no Base UI). Os itens ficam num `Menu.List`, que rola quando passam da
+* altura da tela. Para triggers fora do `Root`, crie um
+* handle com `Menu.createHandle()` e passe-o em `handle` ao `Root` e aos triggers.
+*
 * @example
 * ```tsx
 * <Menu.Root>
@@ -11,12 +18,14 @@ import { Menu } from "@base-ui/react/menu";
 *   <Menu.Portal>
 *     <Menu.Positioner>
 *       <Menu.Popup>
-*         <Menu.Item onClick={edit}>Editar</Menu.Item>
-*         <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>
-*         <Menu.Separator />
-*         <Menu.Item colorScheme="red" onClick={remove}>
-*           Excluir
-*         </Menu.Item>
+*         <Menu.List>
+*           <Menu.Item onClick={edit}>Editar</Menu.Item>
+*           <Menu.Item onClick={duplicate}>Duplicar</Menu.Item>
+*           <Menu.Separator />
+*           <Menu.Item colorScheme="red" onClick={remove}>
+*             Excluir
+*           </Menu.Item>
+*         </Menu.List>
 *       </Menu.Popup>
 *     </Menu.Positioner>
 *   </Menu.Portal>

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/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"}
+{"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 * Cobre o menu de ações, com itens de ação (`Item`), de checkbox (`CheckboxItem`), de radio\n * (`RadioGroup` e `RadioItem`) e de link (`LinkItem`), submenus (`SubmenuRoot` e\n * `SubmenuTrigger`), `Arrow`, `Backdrop`, `Viewport` e a busca (`FilterProvider`, `Input`, `Clear` e\n * `Empty`, em Preview no Base UI). Os itens ficam num `Menu.List`, que rola quando passam da\n * altura da tela. Para triggers fora do `Root`, crie um\n * handle com `Menu.createHandle()` e passe-o em `handle` ao `Root` e aos triggers.\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.List>\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.List>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAa,YACX,UACG;CACH,OAAO,oBAACA,KAAS,MAAV,EAAe,GAAI,MAAQ,CAAA;AACpC;AAEA,SAAS,cAAc"}

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

@@ -5,7 +5,12 @@ export type MenuSeparatorState = Menu.Separator.State;
 /**
  * Linha entre itens ou grupos. O Base UI escreve `role="separator"`.
  *
- * Cópia do `Select.Separator` (tabela no README de `collections`), sem diferenças.
+ * Entre itens, solto no `Menu.List`, vale como está. Entre grupos, ponha-o dentro do grupo que ele
+ * separa, como primeiro filho do `Menu.Group` ou do `Menu.RadioGroup`: o `Menu.List` o esconde
+ * quando não há um grupo visível antes, e a busca (`Menu.FilterProvider`) esconde os grupos sem
+ * resultado (`hidden`), mas não um divisor solto, que ficaria visível entre grupos escondidos.
+ *
+ * Cópia do `Select.Separator`, sem diferenças na linha.
  */
 export declare const MenuSeparator: {
   (props: MenuSeparatorProps): import("react").JSX.Element;

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

@@ -5,7 +5,12 @@ import { Menu } from "@base-ui/react/menu";
 /**
 * Linha entre itens ou grupos. O Base UI escreve `role="separator"`.
 *
-* Cópia do `Select.Separator` (tabela no README de `collections`), sem diferenças.
+* Entre itens, solto no `Menu.List`, vale como está. Entre grupos, ponha-o dentro do grupo que ele
+* separa, como primeiro filho do `Menu.Group` ou do `Menu.RadioGroup`: o `Menu.List` o esconde
+* quando não há um grupo visível antes, e a busca (`Menu.FilterProvider`) esconde os grupos sem
+* resultado (`hidden`), mas não um divisor solto, que ficaria visível entre grupos escondidos.
+*
+* Cópia do `Select.Separator`, sem diferenças na linha.
 */
 const MenuSeparator = (props) => {
 	const { className, ...rest } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"menu-separator.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-separator.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuSeparatorProps = BaseMenu.Separator.Props;\n\nexport type MenuSeparatorState = BaseMenu.Separator.State;\n\n/**\n * Linha entre itens ou grupos. O Base UI escreve `role=\"separator\"`.\n *\n * Cópia do `Select.Separator` (tabela no README de `collections`), sem diferenças.\n */\nexport const MenuSeparator = (props: MenuSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Separator\n      data-component=\"Menu.Separator\"\n      className={mergeStateClassNames(\n        [\n          'h-px',\n\n          'my-1',\n          'mx-2',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuSeparator.displayName = 'Menu.Separator';\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,WAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"menu-separator.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-separator.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuSeparatorProps = BaseMenu.Separator.Props;\n\nexport type MenuSeparatorState = BaseMenu.Separator.State;\n\n/**\n * Linha entre itens ou grupos. O Base UI escreve `role=\"separator\"`.\n *\n * Entre itens, solto no `Menu.List`, vale como está. Entre grupos, ponha-o dentro do grupo que ele\n * separa, como primeiro filho do `Menu.Group` ou do `Menu.RadioGroup`: o `Menu.List` o esconde\n * quando não há um grupo visível antes, e a busca (`Menu.FilterProvider`) esconde os grupos sem\n * resultado (`hidden`), mas não um divisor solto, que ficaria visível entre grupos escondidos.\n *\n * Cópia do `Select.Separator`, sem diferenças na linha.\n */\nexport const MenuSeparator = (props: MenuSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Separator\n      data-component=\"Menu.Separator\"\n      className={mergeStateClassNames(\n        [\n          'h-px',\n\n          'my-1',\n          'mx-2',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuSeparator.displayName = 'Menu.Separator';\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,WAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/dist/components/overlays/menu/menu-submenu-root.d.ts

@@ -0,0 +1,39 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-submenu-root.d.ts
+export type MenuSubmenuRootProps = Menu.SubmenuRoot.Props;
+export type MenuSubmenuRootState = Menu.SubmenuRoot.State;
+export type MenuSubmenuRootChangeEventReason = Menu.SubmenuRoot.ChangeEventReason;
+export type MenuSubmenuRootChangeEventDetails = Menu.SubmenuRoot.ChangeEventDetails;
+/**
+ * Estado de um submenu, dentro do `Menu.Popup` do menu pai. Não renderiza elemento.
+ *
+ * Leva um `Menu.SubmenuTrigger` e, ao lado, o `Portal` > `Positioner` > `Popup` > `List` do submenu. Ele
+ * abre ao lado do item (à direita), e o `Menu.Positioner` dentro dele já traz os offsets que
+ * encostam o popup no pai e alinham o primeiro item ao trigger.
+ *
+ * @example
+ * ```tsx
+ * <Menu.SubmenuRoot>
+ *   <Menu.SubmenuTrigger>
+ *     Exportar
+ *     <Icon className="ms-auto" render={<CaretRightIcon />} />
+ *   </Menu.SubmenuTrigger>
+ *   <Menu.Portal>
+ *     <Menu.Positioner>
+ *       <Menu.Popup>
+ *         <Menu.List>
+ *           <Menu.Item>PDF</Menu.Item>
+ *           <Menu.Item>Planilha</Menu.Item>
+ *         </Menu.List>
+ *       </Menu.Popup>
+ *     </Menu.Positioner>
+ *   </Menu.Portal>
+ * </Menu.SubmenuRoot>
+ * ```
+ */
+export declare const MenuSubmenuRoot: {
+  (props: MenuSubmenuRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-submenu-root.d.ts.map

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

@@ -0,0 +1,42 @@
+import { MenuSubmenuContext } from "./use-menu-submenu-context.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-submenu-root.tsx
+/**
+* Estado de um submenu, dentro do `Menu.Popup` do menu pai. Não renderiza elemento.
+*
+* Leva um `Menu.SubmenuTrigger` e, ao lado, o `Portal` > `Positioner` > `Popup` > `List` do submenu. Ele
+* abre ao lado do item (à direita), e o `Menu.Positioner` dentro dele já traz os offsets que
+* encostam o popup no pai e alinham o primeiro item ao trigger.
+*
+* @example
+* ```tsx
+* <Menu.SubmenuRoot>
+*   <Menu.SubmenuTrigger>
+*     Exportar
+*     <Icon className="ms-auto" render={<CaretRightIcon />} />
+*   </Menu.SubmenuTrigger>
+*   <Menu.Portal>
+*     <Menu.Positioner>
+*       <Menu.Popup>
+*         <Menu.List>
+*           <Menu.Item>PDF</Menu.Item>
+*           <Menu.Item>Planilha</Menu.Item>
+*         </Menu.List>
+*       </Menu.Popup>
+*     </Menu.Positioner>
+*   </Menu.Portal>
+* </Menu.SubmenuRoot>
+* ```
+*/
+const MenuSubmenuRoot = (props) => {
+	return /* @__PURE__ */ jsx(MenuSubmenuContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx(Menu.SubmenuRoot, { ...props })
+	});
+};
+MenuSubmenuRoot.displayName = "Menu.SubmenuRoot";
+//#endregion
+export { MenuSubmenuRoot };
+
+//# sourceMappingURL=menu-submenu-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-submenu-root.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-submenu-root.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { MenuSubmenuContext } from './use-menu-submenu-context';\n\nexport type MenuSubmenuRootProps = BaseMenu.SubmenuRoot.Props;\n\nexport type MenuSubmenuRootState = BaseMenu.SubmenuRoot.State;\n\nexport type MenuSubmenuRootChangeEventReason =\n  BaseMenu.SubmenuRoot.ChangeEventReason;\n\nexport type MenuSubmenuRootChangeEventDetails =\n  BaseMenu.SubmenuRoot.ChangeEventDetails;\n\n/**\n * Estado de um submenu, dentro do `Menu.Popup` do menu pai. Não renderiza elemento.\n *\n * Leva um `Menu.SubmenuTrigger` e, ao lado, o `Portal` > `Positioner` > `Popup` > `List` do submenu. Ele\n * abre ao lado do item (à direita), e o `Menu.Positioner` dentro dele já traz os offsets que\n * encostam o popup no pai e alinham o primeiro item ao trigger.\n *\n * @example\n * ```tsx\n * <Menu.SubmenuRoot>\n *   <Menu.SubmenuTrigger>\n *     Exportar\n *     <Icon className=\"ms-auto\" render={<CaretRightIcon />} />\n *   </Menu.SubmenuTrigger>\n *   <Menu.Portal>\n *     <Menu.Positioner>\n *       <Menu.Popup>\n *         <Menu.List>\n *           <Menu.Item>PDF</Menu.Item>\n *           <Menu.Item>Planilha</Menu.Item>\n *         </Menu.List>\n *       </Menu.Popup>\n *     </Menu.Positioner>\n *   </Menu.Portal>\n * </Menu.SubmenuRoot>\n * ```\n */\nexport const MenuSubmenuRoot = (props: MenuSubmenuRootProps) => {\n  return (\n    <MenuSubmenuContext.Provider value={true}>\n      <BaseMenu.SubmenuRoot {...props} />\n    </MenuSubmenuContext.Provider>\n  );\n};\n\nMenuSubmenuRoot.displayName = 'Menu.SubmenuRoot';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAa,mBAAmB,UAAgC;CAC9D,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAClC,UAAA,oBAACA,KAAS,aAAV,EAAsB,GAAI,MAAQ,CAAA;CACP,CAAA;AAEjC;AAEA,gBAAgB,cAAc"}

package/dist/components/overlays/menu/menu-submenu-trigger.d.ts

@@ -0,0 +1,21 @@
+import { MenuItemVariants } from "./menu-item-variants.js";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-submenu-trigger.d.ts
+export type MenuSubmenuTriggerProps = MergeOverride<Menu.SubmenuTrigger.Props, MenuItemVariants>;
+export type MenuSubmenuTriggerState = Menu.SubmenuTrigger.State;
+/**
+ * Item que abre um submenu, com `role="menuitem"` e `aria-haspopup`. Abre com o ponteiro sobre
+ * ele, com o clique ou com a seta para a direita, e a seta para a esquerda fecha o submenu.
+ *
+ * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`, e fica realçado enquanto o submenu
+ * está aberto (`data-popup-open`). A seta de indicação não vem embutida: entra como filho, como o
+ * atalho do `Menu.Item`, com `ms-auto` para ir à direita (`<Icon className="ms-auto"
+ * render={<CaretRightIcon />} />`).
+ */
+export declare const MenuSubmenuTrigger: {
+  (props: MenuSubmenuTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-submenu-trigger.d.ts.map

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

@@ -0,0 +1,40 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { menuItemVariants } from "./menu-item-variants.js";
+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-submenu-trigger.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Item que abre um submenu, com `role="menuitem"` e `aria-haspopup`. Abre com o ponteiro sobre
+* ele, com o clique ou com a seta para a direita, e a seta para a esquerda fecha o submenu.
+*
+* Tem o realce, as medidas e o `colorScheme` do `Menu.Item`, e fica realçado enquanto o submenu
+* está aberto (`data-popup-open`). A seta de indicação não vem embutida: entra como filho, como o
+* atalho do `Menu.Item`, com `ms-auto` para ir à direita (`<Icon className="ms-auto"
+* render={<CaretRightIcon />} />`).
+*/
+const MenuSubmenuTrigger = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(Menu.SubmenuTrigger, {
+		"data-component": "Menu.SubmenuTrigger",
+		className: mergeStateClassNames([
+			menuItemVariants(variantProps),
+			"data-popup-open:z-0",
+			"data-popup-open:before:absolute",
+			"data-popup-open:before:inset-x-1",
+			"data-popup-open:before:inset-y-0",
+			"data-popup-open:before:z-[-1]",
+			"data-popup-open:before:rounded",
+			"data-popup-open:before:content-[\"\"]",
+			"data-popup-open:before:bg-(--menu-item-highlight-bg)"
+		], className),
+		...rest
+	});
+};
+MenuSubmenuTrigger.displayName = "Menu.SubmenuTrigger";
+//#endregion
+export { MenuSubmenuTrigger };
+
+//# sourceMappingURL=menu-submenu-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-submenu-trigger.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-submenu-trigger.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 MenuSubmenuTriggerProps = MergeOverride<\n  BaseMenu.SubmenuTrigger.Props,\n  MenuItemVariants\n>;\n\nexport type MenuSubmenuTriggerState = BaseMenu.SubmenuTrigger.State;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Item que abre um submenu, com `role=\"menuitem\"` e `aria-haspopup`. Abre com o ponteiro sobre\n * ele, com o clique ou com a seta para a direita, e a seta para a esquerda fecha o submenu.\n *\n * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`, e fica realçado enquanto o submenu\n * está aberto (`data-popup-open`). A seta de indicação não vem embutida: entra como filho, como o\n * atalho do `Menu.Item`, com `ms-auto` para ir à direita (`<Icon className=\"ms-auto\"\n * render={<CaretRightIcon />} />`).\n */\nexport const MenuSubmenuTrigger = (props: MenuSubmenuTriggerProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseMenu.SubmenuTrigger\n      data-component=\"Menu.SubmenuTrigger\"\n      className={mergeStateClassNames(\n        [\n          menuItemVariants(variantProps),\n\n          'data-popup-open:z-0',\n          'data-popup-open:before:absolute',\n          'data-popup-open:before:inset-x-1',\n          'data-popup-open:before:inset-y-0',\n          'data-popup-open:before:z-[-1]',\n          'data-popup-open:before:rounded',\n          'data-popup-open:before:content-[\"\"]',\n          'data-popup-open:before:bg-(--menu-item-highlight-bg)',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuSubmenuTrigger.displayName = 'Menu.SubmenuTrigger';\n"],"mappings":";;;;;;AAeA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;AAW7D,MAAa,sBAAsB,UAAmC;CACpE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,gBAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE,iBAAiB,YAAY;GAE7B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

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

@@ -0,0 +1,19 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-viewport.d.ts
+export type MenuViewportProps = Menu.Viewport.Props;
+export type MenuViewportState = Menu.Viewport.State;
+/**
+ * Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com
+ * `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.
+ *
+ * Cópia do `Popover.Viewport`, a origem do viewport dos popups, onde os tempos e a largura fixa
+ * dos dois conteúdos estão explicados. A diferença é a coluna flex com `min-h-0`, repassada ao
+ * conteúdo, para o `Menu.List` dentro dele rolar até o teto do popup. Envolve o `Menu.List`,
+ * dentro do `Popup`.
+ */
+export declare const MenuViewport: {
+  (props: MenuViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-viewport.d.ts.map

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

@@ -0,0 +1,51 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-viewport.tsx
+/**
+* Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com
+* `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.
+*
+* Cópia do `Popover.Viewport`, a origem do viewport dos popups, onde os tempos e a largura fixa
+* dos dois conteúdos estão explicados. A diferença é a coluna flex com `min-h-0`, repassada ao
+* conteúdo, para o `Menu.List` dentro dele rolar até o teto do popup. Envolve o `Menu.List`,
+* dentro do `Popup`.
+*/
+const MenuViewport = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.Viewport, {
+		"data-component": "Menu.Viewport",
+		className: mergeStateClassNames([
+			"relative",
+			"flex",
+			"flex-col",
+			"min-h-0",
+			"w-full",
+			"h-full",
+			"*:flex",
+			"*:flex-col",
+			"*:min-h-0",
+			"overflow-clip",
+			"data-[activation-direction~='left']:[&_[data-current][data-starting-style]]:opacity-0",
+			"data-[activation-direction~='right']:[&_[data-current][data-starting-style]]:opacity-0",
+			"**:data-current:w-(--popup-width)",
+			"**:data-current:opacity-100",
+			"not-motion-reduced:**:data-current:transition-opacity",
+			"not-motion-reduced:**:data-current:duration-300",
+			"not-motion-reduced:**:data-current:ease-enter",
+			"data-[activation-direction~='left']:[&_[data-previous][data-ending-style]]:opacity-0",
+			"data-[activation-direction~='right']:[&_[data-previous][data-ending-style]]:opacity-0",
+			"**:data-previous:w-(--popup-width)",
+			"**:data-previous:opacity-100",
+			"not-motion-reduced:**:data-previous:transition-opacity",
+			"not-motion-reduced:**:data-previous:duration-100",
+			"not-motion-reduced:**:data-previous:ease-exit"
+		], className),
+		...rest
+	});
+};
+MenuViewport.displayName = "Menu.Viewport";
+//#endregion
+export { MenuViewport };
+
+//# sourceMappingURL=menu-viewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-viewport.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-viewport.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuViewportProps = BaseMenu.Viewport.Props;\n\nexport type MenuViewportState = BaseMenu.Viewport.State;\n\n/**\n * Área que anima a troca de conteúdo quando o mesmo popup serve a mais de um trigger (com\n * `handle`). O Base UI marca o conteúdo que entra e o que sai com `data-current` e `data-previous`.\n *\n * Cópia do `Popover.Viewport`, a origem do viewport dos popups, onde os tempos e a largura fixa\n * dos dois conteúdos estão explicados. A diferença é a coluna flex com `min-h-0`, repassada ao\n * conteúdo, para o `Menu.List` dentro dele rolar até o teto do popup. Envolve o `Menu.List`,\n * dentro do `Popup`.\n */\nexport const MenuViewport = (props: MenuViewportProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Viewport\n      data-component=\"Menu.Viewport\"\n      className={mergeStateClassNames(\n        [\n          'relative',\n\n          'flex',\n          'flex-col',\n          'min-h-0',\n\n          'w-full',\n          'h-full',\n\n          // O Base UI envolve o conteúdo em um filho direto; ele repassa a coluna e o `min-h-0`\n          // para o `Menu.List` encolher e rolar até o teto do popup.\n          '*:flex',\n          '*:flex-col',\n          '*:min-h-0',\n\n          'overflow-clip',\n\n          \"data-[activation-direction~='left']:[&_[data-current][data-starting-style]]:opacity-0\",\n          \"data-[activation-direction~='right']:[&_[data-current][data-starting-style]]:opacity-0\",\n\n          '**:data-current:w-(--popup-width)',\n          '**:data-current:opacity-100',\n\n          'not-motion-reduced:**:data-current:transition-opacity',\n          'not-motion-reduced:**:data-current:duration-300',\n          'not-motion-reduced:**:data-current:ease-enter',\n\n          \"data-[activation-direction~='left']:[&_[data-previous][data-ending-style]]:opacity-0\",\n          \"data-[activation-direction~='right']:[&_[data-previous][data-ending-style]]:opacity-0\",\n\n          '**:data-previous:w-(--popup-width)',\n          '**:data-previous:opacity-100',\n\n          'not-motion-reduced:**:data-previous:transition-opacity',\n          'not-motion-reduced:**:data-previous:duration-100',\n          'not-motion-reduced:**:data-previous:ease-exit',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuViewport.displayName = 'Menu.Viewport';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,UAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GACA;GAEA;GACA;GAIA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

package/dist/components/overlays/menu/use-filter.d.ts

@@ -0,0 +1,19 @@
+import { Menu, MenuFilter, MenuFilterOptions } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/use-filter.d.ts
+export type MenuFilterRule = MenuFilter;
+export type MenuFilterRuleOptions = MenuFilterOptions;
+/**
+ * As comparações do filtro padrão da busca do menu (`contains`, `startsWith`, `endsWith`), sem
+ * diferenciar acento nem caixa. Serve a quem troca a regra em `Menu.FilterProvider` (`filter`) ou
+ * filtra por fora (`filter={null}`). Em Preview no Base UI.
+ *
+ * @example
+ * ```tsx
+ * const { startsWith } = Menu.useFilter();
+ *
+ * <Menu.FilterProvider filter={startsWith}>…</Menu.FilterProvider>
+ * ```
+ */
+export declare const useMenuFilter: typeof Menu.useFilter;
+//#endregion
+//# sourceMappingURL=use-filter.d.ts.map

package/dist/components/overlays/menu/use-filter.js

@@ -0,0 +1,19 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/use-filter.ts
+/**
+* As comparações do filtro padrão da busca do menu (`contains`, `startsWith`, `endsWith`), sem
+* diferenciar acento nem caixa. Serve a quem troca a regra em `Menu.FilterProvider` (`filter`) ou
+* filtra por fora (`filter={null}`). Em Preview no Base UI.
+*
+* @example
+* ```tsx
+* const { startsWith } = Menu.useFilter();
+*
+* <Menu.FilterProvider filter={startsWith}>…</Menu.FilterProvider>
+* ```
+*/
+const useMenuFilter = Menu.useFilter;
+//#endregion
+export { useMenuFilter };
+
+//# sourceMappingURL=use-filter.js.map

package/dist/components/overlays/menu/use-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/use-filter.ts"],"sourcesContent":["import {\n  Menu as BaseMenu,\n  type MenuFilter,\n  type MenuFilterOptions,\n} from '@base-ui/react/menu';\n\nexport type MenuFilterRule = MenuFilter;\n\nexport type MenuFilterRuleOptions = MenuFilterOptions;\n\n/**\n * As comparações do filtro padrão da busca do menu (`contains`, `startsWith`, `endsWith`), sem\n * diferenciar acento nem caixa. Serve a quem troca a regra em `Menu.FilterProvider` (`filter`) ou\n * filtra por fora (`filter={null}`). Em Preview no Base UI.\n *\n * @example\n * ```tsx\n * const { startsWith } = Menu.useFilter();\n *\n * <Menu.FilterProvider filter={startsWith}>…</Menu.FilterProvider>\n * ```\n */\nexport const useMenuFilter = BaseMenu.useFilter;\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,gBAAgBA,KAAS"}

package/dist/components/overlays/menu/use-menu-submenu-context.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/overlays/menu/use-menu-submenu-context.d.ts
+/**
+ * Marca o que está dentro de um `Menu.SubmenuRoot`. O Base UI não expõe essa informação, e o
+ * `Menu.Positioner` a lê para trocar os offsets padrão do submenu. Sem provider, vale `false`.
+ */
+export declare const MenuSubmenuContext: import("react").Context<boolean>;
+export declare const useMenuSubmenuContext: () => boolean;
+//#endregion
+//# sourceMappingURL=use-menu-submenu-context.d.ts.map

package/dist/components/overlays/menu/use-menu-submenu-context.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from "react";
+//#region src/components/overlays/menu/use-menu-submenu-context.ts
+/**
+* Marca o que está dentro de um `Menu.SubmenuRoot`. O Base UI não expõe essa informação, e o
+* `Menu.Positioner` a lê para trocar os offsets padrão do submenu. Sem provider, vale `false`.
+*/
+const MenuSubmenuContext = createContext(false);
+const useMenuSubmenuContext = () => useContext(MenuSubmenuContext);
+//#endregion
+export { MenuSubmenuContext, useMenuSubmenuContext };
+
+//# sourceMappingURL=use-menu-submenu-context.js.map

package/dist/components/overlays/menu/use-menu-submenu-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-menu-submenu-context.js","names":[],"sources":["../../../../src/components/overlays/menu/use-menu-submenu-context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Marca o que está dentro de um `Menu.SubmenuRoot`. O Base UI não expõe essa informação, e o\n * `Menu.Positioner` a lê para trocar os offsets padrão do submenu. Sem provider, vale `false`.\n */\nexport const MenuSubmenuContext = createContext(false);\n\nexport const useMenuSubmenuContext = () => useContext(MenuSubmenuContext);\n"],"mappings":";;;;;;AAMA,MAAa,qBAAqB,cAAc,KAAK;AAErD,MAAa,8BAA8B,WAAW,kBAAkB"}

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

@@ -6,8 +6,8 @@ export type PopoverArrowState = Popover.Arrow.State;
  * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
  * `data-side`, que decide a rotação.
  *
- * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de
- * `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
+ * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes, com as diferenças explicadas
+ * no JSDoc dele. A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
  * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O
  * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.
  */

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

@@ -6,8 +6,8 @@ import { Popover } from "@base-ui/react/popover";
 * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em
 * `data-side`, que decide a rotação.
 *
-* Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de
-* `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
+* Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes, com as diferenças explicadas
+* no JSDoc dele. A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que
 * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O
 * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.
 */

package/dist/components/overlays/popover/popover-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-arrow.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-arrow.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverArrowProps = BasePopover.Arrow.Props;\nexport type PopoverArrowState = BasePopover.Arrow.State;\n\n/**\n * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em\n * `data-side`, que decide a rotação.\n *\n * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes (tabela no README de\n * `overlays`). A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que\n * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O\n * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.\n */\nexport const PopoverArrow = (props: PopoverArrowProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Arrow\n      data-component=\"Popover.Arrow\"\n      className={mergeStateClassNames(\n        [\n          '[--popover-arrow-size:--spacing(1.5)]',\n\n          'block',\n\n          'relative',\n\n          'w-[calc(var(--popover-arrow-size)*2)]',\n          'h-(--popover-arrow-size)',\n\n          'overflow-clip',\n\n          \"before:content-['']\",\n          'before:border',\n          'before:absolute',\n          'before:bottom-0',\n          'before:left-1/2',\n          'before:bg-white',\n          'dark:before:bg-gray-2',\n          'before:border-gray-6',\n          'data-[side=top]:rotate-180',\n          'data-[side=left]:rotate-90',\n          'data-[side=right]:-rotate-90',\n\n          'data-[side=top]:-bottom-(--popover-arrow-size)',\n          'data-[side=bottom]:-top-(--popover-arrow-size)',\n          'data-[side=left]:right-[calc(var(--popover-arrow-size)*-1.5)]',\n          'data-[side=right]:left-[calc(var(--popover-arrow-size)*-1.5)]',\n\n          'before:size-[calc(var(--popover-arrow-size)*sqrt(2))]',\n\n          'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverArrow.displayName = 'Popover.Arrow';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GAEA;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}
+{"version":3,"file":"popover-arrow.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-arrow.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverArrowProps = BasePopover.Arrow.Props;\nexport type PopoverArrowState = BasePopover.Arrow.State;\n\n/**\n * Seta que aponta do popup para o trigger. O Base UI a posiciona e escreve o lado em\n * `data-side`, que decide a rotação.\n *\n * Origem da seta dos popups: o `Tooltip.Arrow` copia estas classes, com as diferenças explicadas\n * no JSDoc dele. A seta é uma caixa de `--popover-arrow-size` de altura e o dobro de largura, que\n * corta (`overflow-clip`) um quadrado girado 45° no `::before`: só a ponta fica visível. O\n * quadrado tem a borda e o fundo do popup, e a caixa avança o próprio tamanho para fora dele.\n */\nexport const PopoverArrow = (props: PopoverArrowProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Arrow\n      data-component=\"Popover.Arrow\"\n      className={mergeStateClassNames(\n        [\n          '[--popover-arrow-size:--spacing(1.5)]',\n\n          'block',\n\n          'relative',\n\n          'w-[calc(var(--popover-arrow-size)*2)]',\n          'h-(--popover-arrow-size)',\n\n          'overflow-clip',\n\n          \"before:content-['']\",\n          'before:border',\n          'before:absolute',\n          'before:bottom-0',\n          'before:left-1/2',\n          'before:bg-white',\n          'dark:before:bg-gray-2',\n          'before:border-gray-6',\n          'data-[side=top]:rotate-180',\n          'data-[side=left]:rotate-90',\n          'data-[side=right]:-rotate-90',\n\n          'data-[side=top]:-bottom-(--popover-arrow-size)',\n          'data-[side=bottom]:-top-(--popover-arrow-size)',\n          'data-[side=left]:right-[calc(var(--popover-arrow-size)*-1.5)]',\n          'data-[side=right]:left-[calc(var(--popover-arrow-size)*-1.5)]',\n\n          'before:size-[calc(var(--popover-arrow-size)*sqrt(2))]',\n\n          'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverArrow.displayName = 'Popover.Arrow';\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GAEA;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -5,10 +5,11 @@ 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` 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.
+ * Origem do backdrop dos popups: o `Select.Backdrop`, o `Autocomplete.Backdrop`, o
+ * `Dialog.Backdrop`, o `AlertDialog.Backdrop` e o `Drawer.Backdrop` copiam estas classes (o do
+ * Drawer com diferenças, explicadas no JSDoc dele). 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.
  */
 export declare const PopoverBackdrop: {
   (props: PopoverBackdropProps): import("react").JSX.Element;