@lucasbernardosn/react-ui 0.3.0 → 0.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"drawer-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { drawerDefaultVariants } from './use-drawer-context';\n\n/**\n * Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal (tabela no README\n * de `overlays`). As diferenças:\n * - preso à borda do `side`, sem arredondar o lado da borda; nos lados, ocupa a altura da tela e\n *   tem a largura do `size` (em `--drawer-size`); em cima e embaixo, a altura do conteúdo até 85%\n *   da tela;\n * - entra e sai deslizando da borda (tempos abaixo); a saída dura menos quanto mais forte o gesto\n *   (`--drawer-swipe-strength`), e durante o arrasto não há transição, para o popup seguir o dedo;\n * - o aninhamento, a folga e a alça, abaixo.\n *\n * **Posição.** O deslocamento soma as variáveis que o Base UI escreve: o arrasto\n * (`--drawer-swipe-movement-x` ou `-y`) e, embaixo, o snap point (`--drawer-snap-point-offset`),\n * mais o recuo do aninhamento (`--drawer-nested-*`). Ao entrar e sair, `--drawer-x` ou `--drawer-y`\n * vira 100% do tamanho, para fora da borda.\n *\n * Embaixo, com `snapPoints`, o `padding-bottom` cresce junto com o deslocamento, para o fim do\n * conteúdo ficar na parte visível do popup. Só com eles: num popup que não chegou à altura\n * máxima, o padding aumenta a altura para cima na mesma medida em que o arrasto o empurra para\n * baixo, e a borda de cima não acompanharia o dedo.\n *\n * **Área segura.** Cada lado soma ao respiro os `env(safe-area-inset-*)` das bordas que o popup\n * toca: o indicador de início e o entalhe do iPhone cobririam o rodapé e o título. Vale 0 fora\n * deles, e só tem valor se a página declarar `viewport-fit=cover` no `<meta name=\"viewport\">`.\n *\n * **`transform` em vez de `translate-*` e `scale-*`.** Durante o arrasto, o Base UI escreve um\n * `transform` inline (`translate3d() scale()`) para prender o popup ao dedo. As propriedades\n * `translate` e `scale`, que as utilities do Tailwind escrevem, se somam ao `transform` em vez de\n * serem trocadas por ele: o popup andaria o dobro do dedo e, ao soltar, pularia de volta a\n * metade. O `transform` daqui usa as mesmas funções, na mesma ordem: ao soltar, a transição parte\n * do inline e interpola função por função.\n *\n * **Tempos.** Entra em 450ms e sai em 400ms, os dois na curva que desacelera: a saída começa a\n * andar na hora, sem hesitar, e a saída pelo arrasto continua o movimento do dedo em vez de partir\n * do repouso, o que pareceria um tranco ao soltar. O `Drawer.Backdrop` usa os mesmos tempos, para\n * os dois andarem juntos.\n *\n * Folga: arrastando para dentro, o popup se afasta da borda. O `::after`, da cor do popup, se\n * estende 3rem além da borda e cobre o vão.\n *\n * Aninhamento: com outro drawer aberto à frente, o de trás recua 24px por nível\n * (`--nested-drawers`) para dentro da tela, encolhe 5% e escurece por `brightness`, já que o\n * `::after` está ocupado pela folga. O encolhimento parte da borda de dentro, para os 24px\n * aparecerem inteiros; o vão que abre na borda da tela fica coberto pela folga. Enquanto o da\n * frente é arrastado, o Base UI escreve o progresso dele (0 a 1) em `--drawer-swipe-progress` nos\n * de trás: `--drawer-nested-depth` desconta esse progresso da profundidade, e recuo, escala e\n * brilho voltam junto com o gesto, em vez de esperar o drawer da frente sair.\n *\n * Embaixo, um `::before` desenha a alça no topo, que só indica o gesto: o arrasto vale no popup\n * inteiro.\n */\n/**\n * Em cima e embaixo, a altura segue o conteúdo, e os drawers empilhados têm alturas diferentes:\n * sem acerto, o de trás, mais baixo, sumiria atrás do da frente, e o mais alto mostraria uma faixa\n * maior que o recuo. Com outro drawer à frente, o de trás passa a ter a altura do da frente\n * (`--drawer-frontmost-height`, escrita pelo Base UI) e corta o que passa dela. A altura anima\n * a partir de `--drawer-height`, que o Base UI escreve em px enquanto há drawer aninhado; antes\n * disso fica `auto`. O conteúdo some, porque cortado pela metade pareceria quebrado, e volta\n * enquanto o da frente é arrastado.\n */\nconst nestedHeights = [\n  'h-(--drawer-height,auto)',\n  'data-nested-drawer-open:h-[var(--drawer-frontmost-height,var(--drawer-height))]',\n  'data-nested-drawer-open:overflow-hidden',\n\n  '*:not-motion-reduced:transition-opacity',\n  '*:not-motion-reduced:duration-300',\n  'data-nested-drawer-open:*:opacity-0',\n  'data-nested-drawer-swiping:*:opacity-100',\n];\n\nexport const drawerPopupVariants = cva(\n  [\n    '[--drawer-padding:--spacing(4)]',\n    '[--drawer-peek:--spacing(6)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:bg-inherit',\n    'after:pointer-events-none',\n\n    '[--drawer-x:calc(var(--drawer-swipe-movement-x,0px)+var(--drawer-nested-x,0px))]',\n    '[--drawer-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)+var(--drawer-nested-y,0px))]',\n    '[--drawer-nested-depth:max(0,calc(var(--nested-drawers,0)-var(--drawer-swipe-progress,0)))]',\n    '[--drawer-scale:1]',\n    '[transform:translate3d(var(--drawer-x),var(--drawer-y),0)_scale(var(--drawer-scale))]',\n\n    'not-motion-reduced:transition-[transform,filter,height,max-height]',\n    'not-motion-reduced:duration-450',\n    'not-motion-reduced:ease-enter-emphasized',\n    'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*400ms)]',\n    'data-swiping:duration-0',\n    'data-nested-drawer-swiping:duration-0',\n    'data-swiping:select-none',\n\n    'data-nested-drawer-open:[--drawer-scale:calc(1-0.05*var(--drawer-nested-depth))]',\n    'data-nested-drawer-open:[filter:brightness(calc(1-0.2*min(1,var(--drawer-nested-depth))))]',\n  ],\n  {\n    variants: {\n      side: {\n        right: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'origin-left',\n\n          'pt-[env(safe-area-inset-top)]',\n          'pr-[env(safe-area-inset-right)]',\n          'pb-[env(safe-area-inset-bottom)]',\n\n          '[--drawer-nested-x:calc(var(--drawer-nested-depth)*var(--drawer-peek)*-1)]',\n          'data-starting-style:[--drawer-x:100%]',\n          'data-ending-style:[--drawer-x:100%]',\n\n          'after:inset-y-0',\n          'after:left-full',\n          'after:w-12',\n        ],\n        left: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'origin-right',\n\n          'pt-[env(safe-area-inset-top)]',\n          'pl-[env(safe-area-inset-left)]',\n          'pb-[env(safe-area-inset-bottom)]',\n\n          '[--drawer-nested-x:calc(var(--drawer-nested-depth)*var(--drawer-peek))]',\n          'data-starting-style:[--drawer-x:-100%]',\n          'data-ending-style:[--drawer-x:-100%]',\n\n          'after:inset-y-0',\n          'after:right-full',\n          'after:w-12',\n        ],\n        top: [\n          'max-h-[85dvh]',\n          'origin-bottom',\n          ...nestedHeights,\n\n          'pt-[env(safe-area-inset-top)]',\n          'px-[env(safe-area-inset-left)]',\n\n          '[--drawer-nested-y:calc(var(--drawer-nested-depth)*var(--drawer-peek))]',\n          'data-starting-style:[--drawer-y:-100%]',\n          'data-ending-style:[--drawer-y:-100%]',\n\n          'after:inset-x-0',\n          'after:bottom-full',\n          'after:h-12',\n        ],\n        bottom: [\n          'max-h-[calc(85dvh-var(--drawer-keyboard-inset,0px))]',\n          'origin-top',\n          ...nestedHeights,\n\n          'px-[env(safe-area-inset-left)]',\n\n          '[--drawer-nested-y:calc(var(--drawer-nested-depth)*var(--drawer-peek)*-1)]',\n          'data-starting-style:[--drawer-y:100%]',\n          'data-ending-style:[--drawer-y:100%]',\n\n          'after:inset-x-0',\n          'after:top-full',\n          'after:h-12',\n\n          \"before:content-['']\",\n          'before:absolute',\n          'before:top-2',\n          'before:left-1/2',\n          'before:-translate-x-1/2',\n          'before:h-1',\n          'before:w-10',\n          'before:rounded-full',\n          'before:bg-gray-6',\n        ],\n      },\n      size: {\n        xs: ['[--drawer-size:var(--container-xs)]'],\n        sm: ['[--drawer-size:var(--container-sm)]'],\n        md: ['[--drawer-size:var(--container-md)]'],\n        lg: ['[--drawer-size:var(--container-lg)]'],\n        xl: ['[--drawer-size:var(--container-xl)]'],\n        '2xl': ['[--drawer-size:var(--container-2xl)]'],\n        '3xl': ['[--drawer-size:var(--container-3xl)]'],\n        '4xl': ['[--drawer-size:var(--container-4xl)]'],\n        '5xl': ['[--drawer-size:var(--container-5xl)]'],\n        '6xl': ['[--drawer-size:var(--container-6xl)]'],\n        '7xl': ['[--drawer-size:var(--container-7xl)]'],\n        full: ['[--drawer-size:100%]'],\n      },\n      snapPoints: {\n        true: [],\n        false: [],\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        snapPoints: false,\n        className: ['pb-[env(safe-area-inset-bottom)]'],\n      },\n      {\n        side: 'bottom',\n        snapPoints: true,\n        className: [\n          'pb-[calc(max(0px,var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px))+env(safe-area-inset-bottom))]',\n          'data-starting-style:pb-[env(safe-area-inset-bottom)]',\n          'data-ending-style:pb-[env(safe-area-inset-bottom)]',\n        ],\n      },\n    ],\n    defaultVariants: {\n      side: drawerDefaultVariants.side,\n      size: drawerDefaultVariants.size,\n      snapPoints: false,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAM,gBAAgB;CACpB;CACA;CACA;CAEA;CACA;CACA;CACA;AACF;AAEA,MAAa,sBAAsB,IACjC;CACE;CACA;CAEA;CAEA;CACA;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,MAAM;GACJ,OAAO;IACL;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA,GAAG;IAEH;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA,GAAG;IAEH;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,MAAM,CAAC,sBAAsB;EAC/B;EACA,YAAY;GACV,MAAM,CAAC;GACP,OAAO,CAAC;EACV;CACF;CACA,kBAAkB,CAChB;EACE,MAAM;EACN,YAAY;EACZ,WAAW,CAAC,kCAAkC;CAChD,GACA;EACE,MAAM;EACN,YAAY;EACZ,WAAW;GACT;GACA;GACA;EACF;CACF,CACF;CACA,iBAAiB;EACf,MAAM,sBAAsB;EAC5B,MAAM,sBAAsB;EAC5B,YAAY;CACd;AACF,CACF"}
+{"version":3,"file":"drawer-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/drawer/drawer-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { drawerDefaultVariants } from './use-drawer-context';\n\n/**\n * Cópia de `dialogPopupVariants`, a superfície e o respiro de uma janela modal. As diferenças:\n * - preso à borda do `side`, sem arredondar o lado da borda; nos lados, ocupa a altura da tela e\n *   tem a largura do `size` (em `--drawer-size`); em cima e embaixo, a altura do conteúdo até 85%\n *   da tela;\n * - entra e sai deslizando da borda (tempos abaixo); a saída dura menos quanto mais forte o gesto\n *   (`--drawer-swipe-strength`), e durante o arrasto não há transição, para o popup seguir o dedo;\n * - o aninhamento, a folga e a alça, abaixo.\n *\n * **Posição.** O deslocamento soma as variáveis que o Base UI escreve: o arrasto\n * (`--drawer-swipe-movement-x` ou `-y`) e, embaixo, o snap point (`--drawer-snap-point-offset`),\n * mais o recuo do aninhamento (`--drawer-nested-*`). Ao entrar e sair, `--drawer-x` ou `--drawer-y`\n * vira 100% do tamanho, para fora da borda.\n *\n * Embaixo, com `snapPoints`, o `padding-bottom` cresce junto com o deslocamento, para o fim do\n * conteúdo ficar na parte visível do popup. Só com eles: num popup que não chegou à altura\n * máxima, o padding aumenta a altura para cima na mesma medida em que o arrasto o empurra para\n * baixo, e a borda de cima não acompanharia o dedo.\n *\n * **Área segura.** Cada lado soma ao respiro os `env(safe-area-inset-*)` das bordas que o popup\n * toca: o indicador de início e o entalhe do iPhone cobririam o rodapé e o título. Vale 0 fora\n * deles, e só tem valor se a página declarar `viewport-fit=cover` no `<meta name=\"viewport\">`.\n *\n * **`transform` em vez de `translate-*` e `scale-*`.** Durante o arrasto, o Base UI escreve um\n * `transform` inline (`translate3d() scale()`) para prender o popup ao dedo. As propriedades\n * `translate` e `scale`, que as utilities do Tailwind escrevem, se somam ao `transform` em vez de\n * serem trocadas por ele: o popup andaria o dobro do dedo e, ao soltar, pularia de volta a\n * metade. O `transform` daqui usa as mesmas funções, na mesma ordem: ao soltar, a transição parte\n * do inline e interpola função por função.\n *\n * **Tempos.** Entra em 450ms e sai em 400ms, os dois na curva que desacelera: a saída começa a\n * andar na hora, sem hesitar, e a saída pelo arrasto continua o movimento do dedo em vez de partir\n * do repouso, o que pareceria um tranco ao soltar. O `Drawer.Backdrop` usa os mesmos tempos, para\n * os dois andarem juntos.\n *\n * Folga: arrastando para dentro, o popup se afasta da borda. O `::after`, da cor do popup, se\n * estende 3rem além da borda e cobre o vão.\n *\n * Aninhamento: com outro drawer aberto à frente, o de trás recua 24px por nível\n * (`--nested-drawers`) para dentro da tela, encolhe 5% e escurece por `brightness`, já que o\n * `::after` está ocupado pela folga. O encolhimento parte da borda de dentro, para os 24px\n * aparecerem inteiros; o vão que abre na borda da tela fica coberto pela folga. Enquanto o da\n * frente é arrastado, o Base UI escreve o progresso dele (0 a 1) em `--drawer-swipe-progress` nos\n * de trás: `--drawer-nested-depth` desconta esse progresso da profundidade, e recuo, escala e\n * brilho voltam junto com o gesto, em vez de esperar o drawer da frente sair.\n *\n * Embaixo, um `::before` desenha a alça no topo, que só indica o gesto: o arrasto vale no popup\n * inteiro.\n */\n/**\n * Em cima e embaixo, a altura segue o conteúdo, e os drawers empilhados têm alturas diferentes:\n * sem acerto, o de trás, mais baixo, sumiria atrás do da frente, e o mais alto mostraria uma faixa\n * maior que o recuo. Com outro drawer à frente, o de trás passa a ter a altura do da frente\n * (`--drawer-frontmost-height`, escrita pelo Base UI) e corta o que passa dela. A altura anima\n * a partir de `--drawer-height`, que o Base UI escreve em px enquanto há drawer aninhado; antes\n * disso fica `auto`. O conteúdo some, porque cortado pela metade pareceria quebrado, e volta\n * enquanto o da frente é arrastado.\n */\nconst nestedHeights = [\n  'h-(--drawer-height,auto)',\n  'data-nested-drawer-open:h-[var(--drawer-frontmost-height,var(--drawer-height))]',\n  'data-nested-drawer-open:overflow-hidden',\n\n  '*:not-motion-reduced:transition-opacity',\n  '*:not-motion-reduced:duration-300',\n  'data-nested-drawer-open:*:opacity-0',\n  'data-nested-drawer-swiping:*:opacity-100',\n];\n\nexport const drawerPopupVariants = cva(\n  [\n    '[--drawer-padding:--spacing(4)]',\n    '[--drawer-peek:--spacing(6)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n\n    'outline-1',\n    'outline-gray-6',\n\n    'bg-white',\n    'dark:bg-gray-2',\n\n    'shadow-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:bg-inherit',\n    'after:pointer-events-none',\n\n    '[--drawer-x:calc(var(--drawer-swipe-movement-x,0px)+var(--drawer-nested-x,0px))]',\n    '[--drawer-y:calc(var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px)+var(--drawer-nested-y,0px))]',\n    '[--drawer-nested-depth:max(0,calc(var(--nested-drawers,0)-var(--drawer-swipe-progress,0)))]',\n    '[--drawer-scale:1]',\n    '[transform:translate3d(var(--drawer-x),var(--drawer-y),0)_scale(var(--drawer-scale))]',\n\n    'not-motion-reduced:transition-[transform,filter,height,max-height]',\n    'not-motion-reduced:duration-450',\n    'not-motion-reduced:ease-enter-emphasized',\n    'not-motion-reduced:data-ending-style:duration-[calc(var(--drawer-swipe-strength,1)*400ms)]',\n    'data-swiping:duration-0',\n    'data-nested-drawer-swiping:duration-0',\n    'data-swiping:select-none',\n\n    'data-nested-drawer-open:[--drawer-scale:calc(1-0.05*var(--drawer-nested-depth))]',\n    'data-nested-drawer-open:[filter:brightness(calc(1-0.2*min(1,var(--drawer-nested-depth))))]',\n  ],\n  {\n    variants: {\n      side: {\n        right: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'origin-left',\n\n          'pt-[env(safe-area-inset-top)]',\n          'pr-[env(safe-area-inset-right)]',\n          'pb-[env(safe-area-inset-bottom)]',\n\n          '[--drawer-nested-x:calc(var(--drawer-nested-depth)*var(--drawer-peek)*-1)]',\n          'data-starting-style:[--drawer-x:100%]',\n          'data-ending-style:[--drawer-x:100%]',\n\n          'after:inset-y-0',\n          'after:left-full',\n          'after:w-12',\n        ],\n        left: [\n          'h-full',\n          'max-w-(--drawer-size)',\n          'origin-right',\n\n          'pt-[env(safe-area-inset-top)]',\n          'pl-[env(safe-area-inset-left)]',\n          'pb-[env(safe-area-inset-bottom)]',\n\n          '[--drawer-nested-x:calc(var(--drawer-nested-depth)*var(--drawer-peek))]',\n          'data-starting-style:[--drawer-x:-100%]',\n          'data-ending-style:[--drawer-x:-100%]',\n\n          'after:inset-y-0',\n          'after:right-full',\n          'after:w-12',\n        ],\n        top: [\n          'max-h-[85dvh]',\n          'origin-bottom',\n          ...nestedHeights,\n\n          'pt-[env(safe-area-inset-top)]',\n          'px-[env(safe-area-inset-left)]',\n\n          '[--drawer-nested-y:calc(var(--drawer-nested-depth)*var(--drawer-peek))]',\n          'data-starting-style:[--drawer-y:-100%]',\n          'data-ending-style:[--drawer-y:-100%]',\n\n          'after:inset-x-0',\n          'after:bottom-full',\n          'after:h-12',\n        ],\n        bottom: [\n          'max-h-[calc(85dvh-var(--drawer-keyboard-inset,0px))]',\n          'origin-top',\n          ...nestedHeights,\n\n          'px-[env(safe-area-inset-left)]',\n\n          '[--drawer-nested-y:calc(var(--drawer-nested-depth)*var(--drawer-peek)*-1)]',\n          'data-starting-style:[--drawer-y:100%]',\n          'data-ending-style:[--drawer-y:100%]',\n\n          'after:inset-x-0',\n          'after:top-full',\n          'after:h-12',\n\n          \"before:content-['']\",\n          'before:absolute',\n          'before:top-2',\n          'before:left-1/2',\n          'before:-translate-x-1/2',\n          'before:h-1',\n          'before:w-10',\n          'before:rounded-full',\n          'before:bg-gray-6',\n        ],\n      },\n      size: {\n        xs: ['[--drawer-size:var(--container-xs)]'],\n        sm: ['[--drawer-size:var(--container-sm)]'],\n        md: ['[--drawer-size:var(--container-md)]'],\n        lg: ['[--drawer-size:var(--container-lg)]'],\n        xl: ['[--drawer-size:var(--container-xl)]'],\n        '2xl': ['[--drawer-size:var(--container-2xl)]'],\n        '3xl': ['[--drawer-size:var(--container-3xl)]'],\n        '4xl': ['[--drawer-size:var(--container-4xl)]'],\n        '5xl': ['[--drawer-size:var(--container-5xl)]'],\n        '6xl': ['[--drawer-size:var(--container-6xl)]'],\n        '7xl': ['[--drawer-size:var(--container-7xl)]'],\n        full: ['[--drawer-size:100%]'],\n      },\n      snapPoints: {\n        true: [],\n        false: [],\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        snapPoints: false,\n        className: ['pb-[env(safe-area-inset-bottom)]'],\n      },\n      {\n        side: 'bottom',\n        snapPoints: true,\n        className: [\n          'pb-[calc(max(0px,var(--drawer-snap-point-offset,0px)+var(--drawer-swipe-movement-y,0px))+env(safe-area-inset-bottom))]',\n          'data-starting-style:pb-[env(safe-area-inset-bottom)]',\n          'data-ending-style:pb-[env(safe-area-inset-bottom)]',\n        ],\n      },\n    ],\n    defaultVariants: {\n      side: drawerDefaultVariants.side,\n      size: drawerDefaultVariants.size,\n      snapPoints: false,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAM,gBAAgB;CACpB;CACA;CACA;CAEA;CACA;CACA;CACA;AACF;AAEA,MAAa,sBAAsB,IACjC;CACE;CACA;CAEA;CAEA;CACA;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,MAAM;GACJ,OAAO;IACL;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,KAAK;IACH;IACA;IACA,GAAG;IAEH;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA,GAAG;IAEH;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,IAAI,CAAC,qCAAqC;GAC1C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,OAAO,CAAC,sCAAsC;GAC9C,MAAM,CAAC,sBAAsB;EAC/B;EACA,YAAY;GACV,MAAM,CAAC;GACP,OAAO,CAAC;EACV;CACF;CACA,kBAAkB,CAChB;EACE,MAAM;EACN,YAAY;EACZ,WAAW,CAAC,kCAAkC;CAChD,GACA;EACE,MAAM;EACN,YAAY;EACZ,WAAW;GACT;GACA;GACA;EACF;CACF,CACF;CACA,iBAAiB;EACf,MAAM,sBAAsB;EAC5B,MAAM,sBAAsB;EAC5B,YAAY;CACd;AACF,CACF"}

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

@@ -5,8 +5,7 @@ export type DrawerTitleState = Drawer.Title.State;
 /**
  * Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.
  *
- * Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
- * explicado lá.
+ * Cópia de `DialogTitle`, sem diferenças; o mecanismo está explicado lá.
  */
 export declare const DrawerTitle: {
   (props: DrawerTitleProps): import("react").JSX.Element;

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

@@ -5,8 +5,7 @@ import { Drawer } from "@base-ui/react/drawer";
 /**
 * Título do drawer, um `h2` ligado ao popup por `aria-labelledby`.
 *
-* Cópia de `DialogTitle`, sem diferenças (tabela no README de `overlays`); o mecanismo está
-* explicado lá.
+* Cópia de `DialogTitle`, sem diferenças; o mecanismo está explicado lá.
 */
 const DrawerTitle = (props) => {
 	const { className, ...rest } = props;

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-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"}
+{"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; o mecanismo está 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":";;;;;;;;;AAYA,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/menu/create-handle.d.ts

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

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

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

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

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

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

@@ -1,16 +1,34 @@
+import { MenuHandle, createMenuHandle } from "./create-handle.js";
+import { MenuArrow, MenuArrowProps, MenuArrowState } from "./menu-arrow.js";
+import { MenuBackdrop, MenuBackdropProps, MenuBackdropState } from "./menu-backdrop.js";
+import { MenuItemVariants } from "./menu-item-variants.js";
+import { MenuCheckboxItem, MenuCheckboxItemChangeEventDetails, MenuCheckboxItemChangeEventReason, MenuCheckboxItemProps, MenuCheckboxItemState } from "./menu-checkbox-item.js";
+import { MenuCheckboxItemIndicator, MenuCheckboxItemIndicatorProps, MenuCheckboxItemIndicatorState } from "./menu-checkbox-item-indicator.js";
+import { MenuClear, MenuClearProps, MenuClearState } from "./menu-clear.js";
+import { MenuEmpty, MenuEmptyProps, MenuEmptyState } from "./menu-empty.js";
+import { MenuFilterProvider, MenuFilterProviderChangeEventDetails, MenuFilterProviderChangeEventReason, MenuFilterProviderProps, MenuFilterProviderState } from "./menu-filter-provider.js";
 import { MenuGroup, MenuGroupProps, MenuGroupState } from "./menu-group.js";
 import { MenuGroupLabel, MenuGroupLabelProps, MenuGroupLabelState } from "./menu-group-label.js";
-import { MenuItemVariants } from "./menu-item-variants.js";
+import { MenuInput, MenuInputProps, MenuInputState } from "./menu-input.js";
 import { MenuItem, MenuItemProps, MenuItemState } from "./menu-item.js";
+import { MenuLinkItem, MenuLinkItemProps, MenuLinkItemState } from "./menu-link-item.js";
+import { MenuList, MenuListProps, MenuListState } from "./menu-list.js";
 import { MenuPopup, MenuPopupProps, MenuPopupState } from "./menu-popup.js";
 import { MenuPortal, MenuPortalProps, MenuPortalState } from "./menu-portal.js";
 import { MenuPositioner, MenuPositionerProps, MenuPositionerState } from "./menu-positioner.js";
+import { MenuRadioGroup, MenuRadioGroupChangeEventDetails, MenuRadioGroupChangeEventReason, MenuRadioGroupProps, MenuRadioGroupState } from "./menu-radio-group.js";
+import { MenuRadioItem, MenuRadioItemProps, MenuRadioItemState } from "./menu-radio-item.js";
+import { MenuRadioItemIndicator, MenuRadioItemIndicatorProps, MenuRadioItemIndicatorState } from "./menu-radio-item-indicator.js";
 import { MenuRoot, MenuRootActions, MenuRootChangeEventDetails, MenuRootChangeEventReason, MenuRootProps, MenuRootState } from "./menu-root.js";
 import { MenuSeparator, MenuSeparatorProps, MenuSeparatorState } from "./menu-separator.js";
+import { MenuSubmenuRoot, MenuSubmenuRootChangeEventDetails, MenuSubmenuRootChangeEventReason, MenuSubmenuRootProps, MenuSubmenuRootState } from "./menu-submenu-root.js";
+import { MenuSubmenuTrigger, MenuSubmenuTriggerProps, MenuSubmenuTriggerState } from "./menu-submenu-trigger.js";
 import { MenuTrigger, MenuTriggerProps, MenuTriggerState } from "./menu-trigger.js";
+import { MenuViewport, MenuViewportProps, MenuViewportState } from "./menu-viewport.js";
+import { MenuFilterRule, MenuFilterRuleOptions, useMenuFilter } from "./use-filter.js";
 declare namespace index_parts_d_exports {
-  export { MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuGroupLabelProps as GroupLabelProps, MenuGroupLabelState as GroupLabelState, MenuGroupProps as GroupProps, MenuGroupState as GroupState, MenuItem as Item, MenuItemProps as ItemProps, MenuItemState as ItemState, MenuItemVariants as ItemVariants, MenuPopup as Popup, MenuPopupProps as PopupProps, MenuPopupState as PopupState, MenuPortal as Portal, MenuPortalProps as PortalProps, MenuPortalState as PortalState, MenuPositioner as Positioner, MenuPositionerProps as PositionerProps, MenuPositionerState as PositionerState, MenuRoot as Root, MenuRootActions as RootActions, MenuRootChangeEventDetails as RootChangeEventDetails, MenuRootChangeEventReason as RootChangeEventReason, MenuRootProps as RootProps, MenuRootState as RootState, MenuSeparator as Separator, MenuSeparatorProps as SeparatorProps, MenuSeparatorState as SeparatorState, MenuTrigger as Trigger, MenuTriggerProps as TriggerProps, MenuTriggerState as TriggerState };
+  export { MenuArrow as Arrow, MenuArrowProps as ArrowProps, MenuArrowState as ArrowState, MenuBackdrop as Backdrop, MenuBackdropProps as BackdropProps, MenuBackdropState as BackdropState, MenuCheckboxItem as CheckboxItem, MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails, MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason, MenuCheckboxItemIndicator as CheckboxItemIndicator, MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps, MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState, MenuCheckboxItemProps as CheckboxItemProps, MenuCheckboxItemState as CheckboxItemState, MenuClear as Clear, MenuClearProps as ClearProps, MenuClearState as ClearState, MenuEmpty as Empty, MenuEmptyProps as EmptyProps, MenuEmptyState as EmptyState, MenuFilterRule as Filter, MenuFilterRuleOptions as FilterOptions, MenuFilterProvider as FilterProvider, MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails, MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason, MenuFilterProviderProps as FilterProviderProps, MenuFilterProviderState as FilterProviderState, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuGroupLabelProps as GroupLabelProps, MenuGroupLabelState as GroupLabelState, MenuGroupProps as GroupProps, MenuGroupState as GroupState, MenuHandle as Handle, MenuInput as Input, MenuInputProps as InputProps, MenuInputState as InputState, MenuItem as Item, MenuItemProps as ItemProps, MenuItemState as ItemState, MenuItemVariants as ItemVariants, MenuLinkItem as LinkItem, MenuLinkItemProps as LinkItemProps, MenuLinkItemState as LinkItemState, MenuList as List, MenuListProps as ListProps, MenuListState as ListState, MenuPopup as Popup, MenuPopupProps as PopupProps, MenuPopupState as PopupState, MenuPortal as Portal, MenuPortalProps as PortalProps, MenuPortalState as PortalState, MenuPositioner as Positioner, MenuPositionerProps as PositionerProps, MenuPositionerState as PositionerState, MenuRadioGroup as RadioGroup, MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails, MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason, MenuRadioGroupProps as RadioGroupProps, MenuRadioGroupState as RadioGroupState, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, MenuRadioItemIndicatorProps as RadioItemIndicatorProps, MenuRadioItemIndicatorState as RadioItemIndicatorState, MenuRadioItemProps as RadioItemProps, MenuRadioItemState as RadioItemState, MenuRoot as Root, MenuRootActions as RootActions, MenuRootChangeEventDetails as RootChangeEventDetails, MenuRootChangeEventReason as RootChangeEventReason, MenuRootProps as RootProps, MenuRootState as RootState, MenuSeparator as Separator, MenuSeparatorProps as SeparatorProps, MenuSeparatorState as SeparatorState, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails, MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason, MenuSubmenuRootProps as SubmenuRootProps, MenuSubmenuRootState as SubmenuRootState, MenuSubmenuTrigger as SubmenuTrigger, MenuSubmenuTriggerProps as SubmenuTriggerProps, MenuSubmenuTriggerState as SubmenuTriggerState, MenuTrigger as Trigger, MenuTriggerProps as TriggerProps, MenuTriggerState as TriggerState, MenuViewport as Viewport, MenuViewportProps as ViewportProps, MenuViewportState as ViewportState, createMenuHandle as createHandle, useMenuFilter as useFilter };
 }
 //#endregion
-export { MenuGroup as Group, MenuGroupLabel as GroupLabel, type MenuGroupLabelProps as GroupLabelProps, type MenuGroupLabelState as GroupLabelState, type MenuGroupProps as GroupProps, type MenuGroupState as GroupState, MenuItem as Item, type MenuItemProps as ItemProps, type MenuItemState as ItemState, type MenuItemVariants as ItemVariants, MenuPopup as Popup, type MenuPopupProps as PopupProps, type MenuPopupState as PopupState, MenuPortal as Portal, type MenuPortalProps as PortalProps, type MenuPortalState as PortalState, MenuPositioner as Positioner, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, MenuRoot as Root, type MenuRootActions as RootActions, type MenuRootChangeEventDetails as RootChangeEventDetails, type MenuRootChangeEventReason as RootChangeEventReason, type MenuRootProps as RootProps, type MenuRootState as RootState, MenuSeparator as Separator, type MenuSeparatorProps as SeparatorProps, type MenuSeparatorState as SeparatorState, MenuTrigger as Trigger, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, index_parts_d_exports };
+export { MenuArrow as Arrow, type MenuArrowProps as ArrowProps, type MenuArrowState as ArrowState, MenuBackdrop as Backdrop, type MenuBackdropProps as BackdropProps, type MenuBackdropState as BackdropState, MenuCheckboxItem as CheckboxItem, type MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails, type MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason, MenuCheckboxItemIndicator as CheckboxItemIndicator, type MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps, type MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState, type MenuCheckboxItemProps as CheckboxItemProps, type MenuCheckboxItemState as CheckboxItemState, MenuClear as Clear, type MenuClearProps as ClearProps, type MenuClearState as ClearState, MenuEmpty as Empty, type MenuEmptyProps as EmptyProps, type MenuEmptyState as EmptyState, type MenuFilterRule as Filter, type MenuFilterRuleOptions as FilterOptions, MenuFilterProvider as FilterProvider, type MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails, type MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason, type MenuFilterProviderProps as FilterProviderProps, type MenuFilterProviderState as FilterProviderState, MenuGroup as Group, MenuGroupLabel as GroupLabel, type MenuGroupLabelProps as GroupLabelProps, type MenuGroupLabelState as GroupLabelState, type MenuGroupProps as GroupProps, type MenuGroupState as GroupState, type MenuHandle as Handle, MenuInput as Input, type MenuInputProps as InputProps, type MenuInputState as InputState, MenuItem as Item, type MenuItemProps as ItemProps, type MenuItemState as ItemState, type MenuItemVariants as ItemVariants, MenuLinkItem as LinkItem, type MenuLinkItemProps as LinkItemProps, type MenuLinkItemState as LinkItemState, MenuList as List, type MenuListProps as ListProps, type MenuListState as ListState, MenuPopup as Popup, type MenuPopupProps as PopupProps, type MenuPopupState as PopupState, MenuPortal as Portal, type MenuPortalProps as PortalProps, type MenuPortalState as PortalState, MenuPositioner as Positioner, type MenuPositionerProps as PositionerProps, type MenuPositionerState as PositionerState, MenuRadioGroup as RadioGroup, type MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails, type MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason, type MenuRadioGroupProps as RadioGroupProps, type MenuRadioGroupState as RadioGroupState, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, type MenuRadioItemIndicatorProps as RadioItemIndicatorProps, type MenuRadioItemIndicatorState as RadioItemIndicatorState, type MenuRadioItemProps as RadioItemProps, type MenuRadioItemState as RadioItemState, MenuRoot as Root, type MenuRootActions as RootActions, type MenuRootChangeEventDetails as RootChangeEventDetails, type MenuRootChangeEventReason as RootChangeEventReason, type MenuRootProps as RootProps, type MenuRootState as RootState, MenuSeparator as Separator, type MenuSeparatorProps as SeparatorProps, type MenuSeparatorState as SeparatorState, MenuSubmenuRoot as SubmenuRoot, type MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails, type MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason, type MenuSubmenuRootProps as SubmenuRootProps, type MenuSubmenuRootState as SubmenuRootState, MenuSubmenuTrigger as SubmenuTrigger, type MenuSubmenuTriggerProps as SubmenuTriggerProps, type MenuSubmenuTriggerState as SubmenuTriggerState, MenuTrigger as Trigger, type MenuTriggerProps as TriggerProps, type MenuTriggerState as TriggerState, MenuViewport as Viewport, type MenuViewportProps as ViewportProps, type MenuViewportState as ViewportState, createMenuHandle as createHandle, index_parts_d_exports, useMenuFilter as useFilter };
 //# sourceMappingURL=index.parts.d.ts.map

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

@@ -1,26 +1,62 @@
 import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createMenuHandle } from "./create-handle.js";
+import { MenuArrow } from "./menu-arrow.js";
+import { MenuBackdrop } from "./menu-backdrop.js";
+import { MenuCheckboxItem } from "./menu-checkbox-item.js";
+import { MenuCheckboxItemIndicator } from "./menu-checkbox-item-indicator.js";
+import { MenuClear } from "./menu-clear.js";
+import { MenuEmpty } from "./menu-empty.js";
+import { MenuFilterProvider } from "./menu-filter-provider.js";
 import { MenuGroup } from "./menu-group.js";
 import { MenuGroupLabel } from "./menu-group-label.js";
+import { MenuInput } from "./menu-input.js";
 import { MenuItem } from "./menu-item.js";
+import { MenuLinkItem } from "./menu-link-item.js";
+import { MenuList } from "./menu-list.js";
 import { MenuPopup } from "./menu-popup.js";
 import { MenuPortal } from "./menu-portal.js";
 import { MenuPositioner } from "./menu-positioner.js";
+import { MenuRadioGroup } from "./menu-radio-group.js";
+import { MenuRadioItem } from "./menu-radio-item.js";
+import { MenuRadioItemIndicator } from "./menu-radio-item-indicator.js";
 import { MenuRoot } from "./menu-root.js";
 import { MenuSeparator } from "./menu-separator.js";
+import { MenuSubmenuRoot } from "./menu-submenu-root.js";
+import { MenuSubmenuTrigger } from "./menu-submenu-trigger.js";
 import { MenuTrigger } from "./menu-trigger.js";
+import { MenuViewport } from "./menu-viewport.js";
+import { useMenuFilter } from "./use-filter.js";
 //#region src/components/overlays/menu/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => MenuArrow,
+	Backdrop: () => MenuBackdrop,
+	CheckboxItem: () => MenuCheckboxItem,
+	CheckboxItemIndicator: () => MenuCheckboxItemIndicator,
+	Clear: () => MenuClear,
+	Empty: () => MenuEmpty,
+	FilterProvider: () => MenuFilterProvider,
 	Group: () => MenuGroup,
 	GroupLabel: () => MenuGroupLabel,
+	Input: () => MenuInput,
 	Item: () => MenuItem,
+	LinkItem: () => MenuLinkItem,
+	List: () => MenuList,
 	Popup: () => MenuPopup,
 	Portal: () => MenuPortal,
 	Positioner: () => MenuPositioner,
+	RadioGroup: () => MenuRadioGroup,
+	RadioItem: () => MenuRadioItem,
+	RadioItemIndicator: () => MenuRadioItemIndicator,
 	Root: () => MenuRoot,
 	Separator: () => MenuSeparator,
-	Trigger: () => MenuTrigger
+	SubmenuRoot: () => MenuSubmenuRoot,
+	SubmenuTrigger: () => MenuSubmenuTrigger,
+	Trigger: () => MenuTrigger,
+	Viewport: () => MenuViewport,
+	createHandle: () => createMenuHandle,
+	useFilter: () => useMenuFilter
 });
 //#endregion
-export { MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuItem as Item, MenuPopup as Popup, MenuPortal as Portal, MenuPositioner as Positioner, MenuRoot as Root, MenuSeparator as Separator, MenuTrigger as Trigger, index_parts_exports };
+export { MenuArrow as Arrow, MenuBackdrop as Backdrop, MenuCheckboxItem as CheckboxItem, MenuCheckboxItemIndicator as CheckboxItemIndicator, MenuClear as Clear, MenuEmpty as Empty, MenuFilterProvider as FilterProvider, MenuGroup as Group, MenuGroupLabel as GroupLabel, MenuInput as Input, MenuItem as Item, MenuLinkItem as LinkItem, MenuList as List, MenuPopup as Popup, MenuPortal as Portal, MenuPositioner as Positioner, MenuRadioGroup as RadioGroup, MenuRadioItem as RadioItem, MenuRadioItemIndicator as RadioItemIndicator, MenuRoot as Root, MenuSeparator as Separator, MenuSubmenuRoot as SubmenuRoot, MenuSubmenuTrigger as SubmenuTrigger, MenuTrigger as Trigger, MenuViewport as Viewport, createMenuHandle as createHandle, index_parts_exports, useMenuFilter as useFilter };
 
 //# sourceMappingURL=index.parts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/menu/index.parts.ts"],"sourcesContent":["export { MenuGroup as Group } from './menu-group';\nexport { MenuGroupLabel as GroupLabel } from './menu-group-label';\nexport { MenuItem as Item } from './menu-item';\nexport { MenuPopup as Popup } from './menu-popup';\nexport { MenuPortal as Portal } from './menu-portal';\nexport { MenuPositioner as Positioner } from './menu-positioner';\nexport { MenuRoot as Root } from './menu-root';\nexport { MenuSeparator as Separator } from './menu-separator';\nexport { MenuTrigger as Trigger } from './menu-trigger';\n\n/* types */\n\nexport type {\n  MenuGroupProps as GroupProps,\n  MenuGroupState as GroupState,\n} from './menu-group';\nexport type {\n  MenuGroupLabelProps as GroupLabelProps,\n  MenuGroupLabelState as GroupLabelState,\n} from './menu-group-label';\nexport type {\n  MenuItemProps as ItemProps,\n  MenuItemState as ItemState,\n} from './menu-item';\nexport type { MenuItemVariants as ItemVariants } from './menu-item-variants';\nexport type {\n  MenuPopupProps as PopupProps,\n  MenuPopupState as PopupState,\n} from './menu-popup';\nexport type {\n  MenuPortalProps as PortalProps,\n  MenuPortalState as PortalState,\n} from './menu-portal';\nexport type {\n  MenuPositionerProps as PositionerProps,\n  MenuPositionerState as PositionerState,\n} from './menu-positioner';\nexport type {\n  MenuRootActions as RootActions,\n  MenuRootChangeEventDetails as RootChangeEventDetails,\n  MenuRootChangeEventReason as RootChangeEventReason,\n  MenuRootProps as RootProps,\n  MenuRootState as RootState,\n} from './menu-root';\nexport type {\n  MenuSeparatorProps as SeparatorProps,\n  MenuSeparatorState as SeparatorState,\n} from './menu-separator';\nexport type {\n  MenuTriggerProps as TriggerProps,\n  MenuTriggerState as TriggerState,\n} from './menu-trigger';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/menu/index.parts.ts"],"sourcesContent":["export { createMenuHandle as createHandle } from './create-handle';\nexport { MenuArrow as Arrow } from './menu-arrow';\nexport { MenuBackdrop as Backdrop } from './menu-backdrop';\nexport { MenuCheckboxItem as CheckboxItem } from './menu-checkbox-item';\nexport { MenuCheckboxItemIndicator as CheckboxItemIndicator } from './menu-checkbox-item-indicator';\nexport { MenuClear as Clear } from './menu-clear';\nexport { MenuEmpty as Empty } from './menu-empty';\nexport { MenuFilterProvider as FilterProvider } from './menu-filter-provider';\nexport { MenuGroup as Group } from './menu-group';\nexport { MenuGroupLabel as GroupLabel } from './menu-group-label';\nexport { MenuInput as Input } from './menu-input';\nexport { MenuItem as Item } from './menu-item';\nexport { MenuLinkItem as LinkItem } from './menu-link-item';\nexport { MenuList as List } from './menu-list';\nexport { MenuPopup as Popup } from './menu-popup';\nexport { MenuPortal as Portal } from './menu-portal';\nexport { MenuPositioner as Positioner } from './menu-positioner';\nexport { MenuRadioGroup as RadioGroup } from './menu-radio-group';\nexport { MenuRadioItem as RadioItem } from './menu-radio-item';\nexport { MenuRadioItemIndicator as RadioItemIndicator } from './menu-radio-item-indicator';\nexport { MenuRoot as Root } from './menu-root';\nexport { MenuSeparator as Separator } from './menu-separator';\nexport { MenuSubmenuRoot as SubmenuRoot } from './menu-submenu-root';\nexport { MenuSubmenuTrigger as SubmenuTrigger } from './menu-submenu-trigger';\nexport { MenuTrigger as Trigger } from './menu-trigger';\nexport { MenuViewport as Viewport } from './menu-viewport';\nexport { useMenuFilter as useFilter } from './use-filter';\n\n/* types */\n\nexport type { MenuHandle as Handle } from './create-handle';\nexport type {\n  MenuArrowProps as ArrowProps,\n  MenuArrowState as ArrowState,\n} from './menu-arrow';\nexport type {\n  MenuBackdropProps as BackdropProps,\n  MenuBackdropState as BackdropState,\n} from './menu-backdrop';\nexport type {\n  MenuCheckboxItemChangeEventDetails as CheckboxItemChangeEventDetails,\n  MenuCheckboxItemChangeEventReason as CheckboxItemChangeEventReason,\n  MenuCheckboxItemProps as CheckboxItemProps,\n  MenuCheckboxItemState as CheckboxItemState,\n} from './menu-checkbox-item';\nexport type {\n  MenuCheckboxItemIndicatorProps as CheckboxItemIndicatorProps,\n  MenuCheckboxItemIndicatorState as CheckboxItemIndicatorState,\n} from './menu-checkbox-item-indicator';\nexport type {\n  MenuClearProps as ClearProps,\n  MenuClearState as ClearState,\n} from './menu-clear';\nexport type {\n  MenuEmptyProps as EmptyProps,\n  MenuEmptyState as EmptyState,\n} from './menu-empty';\nexport type {\n  MenuFilterProviderChangeEventDetails as FilterProviderChangeEventDetails,\n  MenuFilterProviderChangeEventReason as FilterProviderChangeEventReason,\n  MenuFilterProviderProps as FilterProviderProps,\n  MenuFilterProviderState as FilterProviderState,\n} from './menu-filter-provider';\nexport type {\n  MenuGroupProps as GroupProps,\n  MenuGroupState as GroupState,\n} from './menu-group';\nexport type {\n  MenuGroupLabelProps as GroupLabelProps,\n  MenuGroupLabelState as GroupLabelState,\n} from './menu-group-label';\nexport type {\n  MenuInputProps as InputProps,\n  MenuInputState as InputState,\n} from './menu-input';\nexport type {\n  MenuItemProps as ItemProps,\n  MenuItemState as ItemState,\n} from './menu-item';\nexport type { MenuItemVariants as ItemVariants } from './menu-item-variants';\nexport type {\n  MenuLinkItemProps as LinkItemProps,\n  MenuLinkItemState as LinkItemState,\n} from './menu-link-item';\nexport type {\n  MenuListProps as ListProps,\n  MenuListState as ListState,\n} from './menu-list';\nexport type {\n  MenuPopupProps as PopupProps,\n  MenuPopupState as PopupState,\n} from './menu-popup';\nexport type {\n  MenuPortalProps as PortalProps,\n  MenuPortalState as PortalState,\n} from './menu-portal';\nexport type {\n  MenuPositionerProps as PositionerProps,\n  MenuPositionerState as PositionerState,\n} from './menu-positioner';\nexport type {\n  MenuRadioGroupChangeEventDetails as RadioGroupChangeEventDetails,\n  MenuRadioGroupChangeEventReason as RadioGroupChangeEventReason,\n  MenuRadioGroupProps as RadioGroupProps,\n  MenuRadioGroupState as RadioGroupState,\n} from './menu-radio-group';\nexport type {\n  MenuRadioItemProps as RadioItemProps,\n  MenuRadioItemState as RadioItemState,\n} from './menu-radio-item';\nexport type {\n  MenuRadioItemIndicatorProps as RadioItemIndicatorProps,\n  MenuRadioItemIndicatorState as RadioItemIndicatorState,\n} from './menu-radio-item-indicator';\nexport type {\n  MenuRootActions as RootActions,\n  MenuRootChangeEventDetails as RootChangeEventDetails,\n  MenuRootChangeEventReason as RootChangeEventReason,\n  MenuRootProps as RootProps,\n  MenuRootState as RootState,\n} from './menu-root';\nexport type {\n  MenuSeparatorProps as SeparatorProps,\n  MenuSeparatorState as SeparatorState,\n} from './menu-separator';\nexport type {\n  MenuSubmenuRootChangeEventDetails as SubmenuRootChangeEventDetails,\n  MenuSubmenuRootChangeEventReason as SubmenuRootChangeEventReason,\n  MenuSubmenuRootProps as SubmenuRootProps,\n  MenuSubmenuRootState as SubmenuRootState,\n} from './menu-submenu-root';\nexport type {\n  MenuSubmenuTriggerProps as SubmenuTriggerProps,\n  MenuSubmenuTriggerState as SubmenuTriggerState,\n} from './menu-submenu-trigger';\nexport type {\n  MenuTriggerProps as TriggerProps,\n  MenuTriggerState as TriggerState,\n} from './menu-trigger';\nexport type {\n  MenuViewportProps as ViewportProps,\n  MenuViewportState as ViewportState,\n} from './menu-viewport';\nexport type {\n  MenuFilterRule as Filter,\n  MenuFilterRuleOptions as FilterOptions,\n} from './use-filter';\n"],"mappings":""}

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

@@ -0,0 +1,17 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-arrow.d.ts
+export type MenuArrowProps = Menu.Arrow.Props;
+export type MenuArrowState = Menu.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. Vai dentro do `Menu.Popup`, que não tem `overflow`.
+ *
+ * Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A
+ * diferença é o nome da variável da medida, `--menu-arrow-size`.
+ */
+export declare const MenuArrow: {
+  (props: MenuArrowProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-arrow.d.ts.map

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

@@ -0,0 +1,48 @@
+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-arrow.tsx
+/**
+* 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. Vai dentro do `Menu.Popup`, que não tem `overflow`.
+*
+* Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A
+* diferença é o nome da variável da medida, `--menu-arrow-size`.
+*/
+const MenuArrow = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.Arrow, {
+		"data-component": "Menu.Arrow",
+		className: mergeStateClassNames([
+			"[--menu-arrow-size:--spacing(1.5)]",
+			"block",
+			"relative",
+			"w-[calc(var(--menu-arrow-size)*2)]",
+			"h-(--menu-arrow-size)",
+			"overflow-clip",
+			"before:content-['']",
+			"before:border",
+			"before:absolute",
+			"before:bottom-0",
+			"before:left-1/2",
+			"before:bg-white",
+			"dark:before:bg-gray-2",
+			"before:border-gray-6",
+			"data-[side=top]:rotate-180",
+			"data-[side=left]:rotate-90",
+			"data-[side=right]:-rotate-90",
+			"data-[side=top]:-bottom-(--menu-arrow-size)",
+			"data-[side=bottom]:-top-(--menu-arrow-size)",
+			"data-[side=left]:right-[calc(var(--menu-arrow-size)*-1.5)]",
+			"data-[side=right]:left-[calc(var(--menu-arrow-size)*-1.5)]",
+			"before:size-[calc(var(--menu-arrow-size)*sqrt(2))]",
+			"before:transform-[translate(-50%,50%)_rotate(45deg)]"
+		], className),
+		...rest
+	});
+};
+MenuArrow.displayName = "Menu.Arrow";
+//#endregion
+export { MenuArrow };
+
+//# sourceMappingURL=menu-arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-arrow.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-arrow.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuArrowProps = BaseMenu.Arrow.Props;\nexport type MenuArrowState = BaseMenu.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. Vai dentro do `Menu.Popup`, que não tem `overflow`.\n *\n * Cópia do `Popover.Arrow`, a origem da seta dos popups, onde a geometria está explicada. A\n * diferença é o nome da variável da medida, `--menu-arrow-size`.\n */\nexport const MenuArrow = (props: MenuArrowProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Arrow\n      data-component=\"Menu.Arrow\"\n      className={mergeStateClassNames(\n        [\n          '[--menu-arrow-size:--spacing(1.5)]',\n\n          'block',\n\n          'relative',\n\n          'w-[calc(var(--menu-arrow-size)*2)]',\n          'h-(--menu-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-(--menu-arrow-size)',\n          'data-[side=bottom]:-top-(--menu-arrow-size)',\n          'data-[side=left]:right-[calc(var(--menu-arrow-size)*-1.5)]',\n          'data-[side=right]:left-[calc(var(--menu-arrow-size)*-1.5)]',\n\n          'before:size-[calc(var(--menu-arrow-size)*sqrt(2))]',\n\n          'before:transform-[translate(-50%,50%)_rotate(45deg)]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuArrow.displayName = 'Menu.Arrow';\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,OAAV;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,UAAU,cAAc"}

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

@@ -0,0 +1,16 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-backdrop.d.ts
+export type MenuBackdropProps = Menu.Backdrop.Props;
+export type MenuBackdropState = Menu.Backdrop.State;
+/**
+ * Camada atrás do popup que cobre e escurece a página.
+ *
+ * Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari
+ * do iOS estão explicados. Sem diferenças além do Base UI de origem.
+ */
+export declare const MenuBackdrop: {
+  (props: MenuBackdropProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-backdrop.d.ts.map

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

@@ -0,0 +1,36 @@
+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-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página.
+*
+* Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari
+* do iOS estão explicados. Sem diferenças além do Base UI de origem.
+*/
+const MenuBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.Backdrop, {
+		"data-component": "Menu.Backdrop",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"min-h-dvh",
+			"supports-[-webkit-touch-callout:none]:absolute",
+			"bg-black/40",
+			"not-motion-reduced:transition-opacity",
+			"not-motion-reduced:ease-enter",
+			"not-motion-reduced:duration-150",
+			"not-motion-reduced:data-ending-style:duration-100",
+			"not-motion-reduced:data-ending-style:ease-exit",
+			"data-ending-style:opacity-0",
+			"data-starting-style:opacity-0"
+		], className),
+		...rest
+	});
+};
+MenuBackdrop.displayName = "Menu.Backdrop";
+//#endregion
+export { MenuBackdrop };
+
+//# sourceMappingURL=menu-backdrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-backdrop.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-backdrop.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuBackdropProps = BaseMenu.Backdrop.Props;\n\nexport type MenuBackdropState = BaseMenu.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Cópia do `Popover.Backdrop`, a origem do backdrop dos popups, onde o `fixed` e o caso do Safari\n * do iOS estão explicados. Sem diferenças além do Base UI de origem.\n */\nexport const MenuBackdrop = (props: MenuBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseMenu.Backdrop\n      data-component=\"Menu.Backdrop\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n          'min-h-dvh',\n          'supports-[-webkit-touch-callout:none]:absolute',\n\n          'bg-black/40',\n\n          'not-motion-reduced:transition-opacity',\n          'not-motion-reduced:ease-enter',\n          // Mesma duração e curva do `Popup` em cada sentido, para os dois sumirem juntos.\n          'not-motion-reduced:duration-150',\n          'not-motion-reduced:data-ending-style:duration-100',\n          'not-motion-reduced:data-ending-style:ease-exit',\n\n          'data-ending-style:opacity-0',\n          'data-starting-style:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuBackdrop.displayName = 'Menu.Backdrop';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,UAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,16 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-checkbox-item-indicator.d.ts
+export type MenuCheckboxItemIndicatorProps = Menu.CheckboxItemIndicator.Props;
+export type MenuCheckboxItemIndicatorState = Menu.CheckboxItemIndicator.State;
+/**
+ * Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no
+ * DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o
+ * item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não
+ * muda de lugar ao marcar.
+ */
+export declare const MenuCheckboxItemIndicator: {
+  (props: MenuCheckboxItemIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-checkbox-item-indicator.d.ts.map

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "@phosphor-icons/react";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-checkbox-item-indicator.tsx
+/**
+* Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no
+* DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o
+* item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não
+* muda de lugar ao marcar.
+*/
+const MenuCheckboxItemIndicator = (props) => {
+	const { className, keepMounted = true, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
+		"data-component": "Menu.CheckboxItemIndicator",
+		className: mergeStateClassNames(["data-unchecked:invisible"], className),
+		keepMounted,
+		render: /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+		...rest
+	});
+};
+MenuCheckboxItemIndicator.displayName = "Menu.CheckboxItemIndicator";
+//#endregion
+export { MenuCheckboxItemIndicator };
+
+//# sourceMappingURL=menu-checkbox-item-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-checkbox-item-indicator.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-checkbox-item-indicator.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { CheckIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuCheckboxItemIndicatorProps =\n  BaseMenu.CheckboxItemIndicator.Props;\n\nexport type MenuCheckboxItemIndicatorState =\n  BaseMenu.CheckboxItemIndicator.State;\n\n/**\n * Check do item marcado, à esquerda do texto. Diferente do `Select.ItemIndicator`, fica sempre no\n * DOM (`keepMounted` por padrão; `keepMounted={false}` o remove) e some só visualmente quando o\n * item está desmarcado (`data-unchecked`): ocupa `1em` nos dois casos, e o texto do item não\n * muda de lugar ao marcar.\n */\nexport const MenuCheckboxItemIndicator = (\n  props: MenuCheckboxItemIndicatorProps,\n) => {\n  const { className, keepMounted = true, ...rest } = props;\n\n  return (\n    <BaseMenu.CheckboxItemIndicator\n      data-component=\"Menu.CheckboxItemIndicator\"\n      className={mergeStateClassNames(['data-unchecked:invisible'], className)}\n      keepMounted={keepMounted}\n      render={<Icon render={<CheckIcon />} />}\n      {...rest}\n    />\n  );\n};\n\nMenuCheckboxItemIndicator.displayName = 'Menu.CheckboxItemIndicator';\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,6BACX,UACG;CACH,MAAM,EAAE,WAAW,cAAc,MAAM,GAAG,SAAS;CAEnD,OACE,oBAACA,KAAS,uBAAV;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,0BAA0B,GAAG,SAAS;EAC1D;EACb,QAAQ,oBAAC,MAAD,EAAM,QAAQ,oBAAC,WAAD,CAAY,CAAA,EAAI,CAAA;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,0BAA0B,cAAc"}

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

@@ -0,0 +1,24 @@
+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-checkbox-item.d.ts
+export type MenuCheckboxItemProps = MergeOverride<Menu.CheckboxItem.Props, MenuItemVariants>;
+export type MenuCheckboxItemState = Menu.CheckboxItem.State;
+export type MenuCheckboxItemChangeEventReason = Menu.CheckboxItem.ChangeEventReason;
+export type MenuCheckboxItemChangeEventDetails = Menu.CheckboxItem.ChangeEventDetails;
+/**
+ * Item que liga e desliga uma opção, com `role="menuitemcheckbox"` e `aria-checked`. Controle o
+ * valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por
+ * padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.
+ *
+ * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`
+ * como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens
+ * marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa
+ * coluna.
+ */
+export declare const MenuCheckboxItem: {
+  (props: MenuCheckboxItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-checkbox-item.d.ts.map

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

@@ -0,0 +1,31 @@
+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-checkbox-item.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Item que liga e desliga uma opção, com `role="menuitemcheckbox"` e `aria-checked`. Controle o
+* valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por
+* padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.
+*
+* Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`
+* como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens
+* marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa
+* coluna.
+*/
+const MenuCheckboxItem = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["colorScheme"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(Menu.CheckboxItem, {
+		"data-component": "Menu.CheckboxItem",
+		className: mergeStateClassNames(menuItemVariants(variantProps), className),
+		...rest
+	});
+};
+MenuCheckboxItem.displayName = "Menu.CheckboxItem";
+//#endregion
+export { MenuCheckboxItem };
+
+//# sourceMappingURL=menu-checkbox-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-checkbox-item.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-checkbox-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 MenuCheckboxItemProps = MergeOverride<\n  BaseMenu.CheckboxItem.Props,\n  MenuItemVariants\n>;\n\nexport type MenuCheckboxItemState = BaseMenu.CheckboxItem.State;\n\nexport type MenuCheckboxItemChangeEventReason =\n  BaseMenu.CheckboxItem.ChangeEventReason;\n\nexport type MenuCheckboxItemChangeEventDetails =\n  BaseMenu.CheckboxItem.ChangeEventDetails;\n\nconst splitVariantProps = createSplitProps<MenuItemVariants>();\n\n/**\n * Item que liga e desliga uma opção, com `role=\"menuitemcheckbox\"` e `aria-checked`. Controle o\n * valor por `checked` e `onCheckedChange`, ou deixe o estado com o item por `defaultChecked`. Por\n * padrão o menu fecha ao clicar; `closeOnClick={false}` o mantém aberto para marcar várias opções.\n *\n * Tem o realce, as medidas e o `colorScheme` do `Menu.Item`. Ponha o `Menu.CheckboxItemIndicator`\n * como primeiro filho: ele reserva a coluna do check mesmo desmarcado, e o texto dos itens\n * marcados e não marcados fica alinhado. Um `Menu.Item` comum do mesmo menu não se alinha a essa\n * coluna.\n */\nexport const MenuCheckboxItem = (props: MenuCheckboxItemProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseMenu.CheckboxItem\n      data-component=\"Menu.CheckboxItem\"\n      className={mergeStateClassNames(\n        menuItemVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem';\n"],"mappings":";;;;;;AAqBA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;AAY7D,MAAa,oBAAoB,UAAiC;CAChE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,cAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

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

@@ -0,0 +1,20 @@
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-clear.d.ts
+export type MenuClearProps = Menu.Clear.Props;
+export type MenuClearState = Menu.Clear.State;
+/**
+ * Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no
+ * `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem
+ * filhos, mostra um X. O nome acessível sai como "Limpar"; troque com `aria-label`. Exige o
+ * `Menu.FilterProvider`. Em Preview no Base UI.
+ *
+ * Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre
+ * montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a
+ * altura é a do campo (`h-10`).
+ */
+export declare const MenuClear: {
+  (props: MenuClearProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=menu-clear.d.ts.map

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

@@ -0,0 +1,45 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+import { XIcon } from "@phosphor-icons/react";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/overlays/menu/menu-clear.tsx
+/**
+* Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no
+* `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem
+* filhos, mostra um X. O nome acessível sai como "Limpar"; troque com `aria-label`. Exige o
+* `Menu.FilterProvider`. Em Preview no Base UI.
+*
+* Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre
+* montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a
+* altura é a do campo (`h-10`).
+*/
+const MenuClear = (props) => {
+	const { className, children, ...rest } = props;
+	return /* @__PURE__ */ jsx(Menu.Clear, {
+		"data-component": "Menu.Clear",
+		"aria-label": "Limpar",
+		className: mergeStateClassNames([
+			"absolute",
+			"top-0",
+			"inset-e-0",
+			"flex",
+			"items-center",
+			"h-10",
+			"px-3",
+			"[&_svg]:size-4",
+			"text-gray-11",
+			"hover:text-gray-12",
+			"cursor-pointer",
+			"data-disabled:opacity-50",
+			"data-disabled:cursor-not-allowed"
+		], className),
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(XIcon, {}) })
+	});
+};
+MenuClear.displayName = "Menu.Clear";
+//#endregion
+export { MenuClear };
+
+//# sourceMappingURL=menu-clear.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-clear.js","names":["BaseMenu"],"sources":["../../../../src/components/overlays/menu/menu-clear.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu';\nimport { XIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeStateClassNames } from '#utils';\n\nexport type MenuClearProps = BaseMenu.Clear.Props;\n\nexport type MenuClearState = BaseMenu.Clear.State;\n\n/**\n * Botão que limpa a busca, sobre o fim da linha do `Menu.Input`: ponha-o logo depois dele no\n * `Menu.Popup`, que é o referencial da posição. Só existe no DOM com a busca preenchida. Sem\n * filhos, mostra um X. O nome acessível sai como \"Limpar\"; troque com `aria-label`. Exige o\n * `Menu.FilterProvider`. Em Preview no Base UI.\n *\n * Cópia do `Autocomplete.Clear`, a origem do botão de limpar. As diferenças: não fica sempre\n * montado (o Base UI o remove com o campo vazio, e o `Menu.Input` já reserva o espaço), e a\n * altura é a do campo (`h-10`).\n */\nexport const MenuClear = (props: MenuClearProps) => {\n  const { className, children, ...rest } = props;\n\n  return (\n    <BaseMenu.Clear\n      data-component=\"Menu.Clear\"\n      aria-label=\"Limpar\"\n      className={mergeStateClassNames(\n        [\n          'absolute',\n          'top-0',\n          'inset-e-0',\n\n          'flex',\n          'items-center',\n\n          'h-10',\n          'px-3',\n          '[&_svg]:size-4',\n\n          'text-gray-11',\n          'hover:text-gray-12',\n\n          'cursor-pointer',\n\n          'data-disabled:opacity-50',\n          'data-disabled:cursor-not-allowed',\n        ],\n        className,\n      )}\n      {...rest}\n    >\n      {children ?? <Icon render={<XIcon />} />}\n    </BaseMenu.Clear>\n  );\n};\n\nMenuClear.displayName = 'Menu.Clear';\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,UAAU,GAAG,SAAS;CAEzC,OACE,oBAACA,KAAS,OAAV;EACE,kBAAe;EACf,cAAW;EACX,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;EAEH,UAAA,YAAY,oBAAC,MAAD,EAAM,QAAQ,oBAAC,OAAD,CAAQ,CAAA,EAAI,CAAA;CACzB,CAAA;AAEpB;AAEA,UAAU,cAAc"}