@lucasbernardosn/react-ui 0.2.0 → 0.3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"popover-backdrop.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-backdrop.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverBackdropProps = BasePopover.Backdrop.Props;\n\nexport type PopoverBackdropState = BasePopover.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Origem do backdrop dos popups: o `Select.Backdrop` copia estas classes (tabela no README de\n * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o\n * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o\n * `min-h-dvh` garante a altura da tela visível.\n */\nexport const PopoverBackdrop = (props: PopoverBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Backdrop\n      data-component=\"Popover.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\nPopoverBackdrop.displayName = 'Popover.Backdrop';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,UAAb;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,gBAAgB,cAAc"}
+{"version":3,"file":"popover-backdrop.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-backdrop.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverBackdropProps = BasePopover.Backdrop.Props;\n\nexport type PopoverBackdropState = BasePopover.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página.\n *\n * Origem do backdrop dos popups: o `Select.Backdrop` e o `Autocomplete.Backdrop` copiam estas classes (tabela no README de\n * `overlays`). No Safari do iOS 26, um `fixed` não cobre a área sob a barra do navegador; lá, o\n * backdrop passa a `absolute`, detectado por `-webkit-touch-callout`, que só o iOS aceita, e o\n * `min-h-dvh` garante a altura da tela visível.\n */\nexport const PopoverBackdrop = (props: PopoverBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Backdrop\n      data-component=\"Popover.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\nPopoverBackdrop.displayName = 'Popover.Backdrop';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,UAAb;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,gBAAgB,cAAc"}

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

@@ -1,8 +1,8 @@
 //#region src/components/overlays/popover/popover-popup-variants.d.ts
 /**
- * Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup` e o `Menu.Popup` copiam
- * estas classes, cada um com as suas diferenças (tabela no README de `overlays`). Uma mudança
- * aqui vale para as cópias na mesma rodada.
+ * Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup`, o `Autocomplete.Popup`, o
+ * `Dialog.Popup`, o `Menu.Popup` e o `Toast.Root` copiam estas classes, cada um com as suas diferenças (tabela no
+ * README de `overlays`). Uma mudança aqui vale para as cópias na mesma rodada.
  *
  * A superfície é o fundo branco (`gray-2` no escuro), o contorno `gray-6` em `outline`, que não
  * ocupa espaço no layout, e a sombra, que some no escuro, onde não se vê. Entrada e saída animam

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

@@ -1,9 +1,9 @@
 import { cva } from "class-variance-authority";
 //#region src/components/overlays/popover/popover-popup-variants.ts
 /**
-* Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup` e o `Menu.Popup` copiam
-* estas classes, cada um com as suas diferenças (tabela no README de `overlays`). Uma mudança
-* aqui vale para as cópias na mesma rodada.
+* Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup`, o `Autocomplete.Popup`, o
+* `Dialog.Popup`, o `Menu.Popup` e o `Toast.Root` copiam estas classes, cada um com as suas diferenças (tabela no
+* README de `overlays`). Uma mudança aqui vale para as cópias na mesma rodada.
 *
 * A superfície é o fundo branco (`gray-2` no escuro), o contorno `gray-6` em `outline`, que não
 * ocupa espaço no layout, e a sombra, que some no escuro, onde não se vê. Entrada e saída animam

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

@@ -1 +1 @@
-{"version":3,"file":"popover-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/popover/popover-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup` e o `Menu.Popup` copiam\n * estas classes, cada um com as suas diferenças (tabela no README de `overlays`). Uma mudança\n * aqui vale para as cópias na mesma rodada.\n *\n * A superfície é o fundo branco (`gray-2` no escuro), o contorno `gray-6` em `outline`, que não\n * ocupa espaço no layout, e a sombra, que some no escuro, onde não se vê. Entrada e saída animam\n * `scale` e `opacity` a partir de `--transform-origin`, o ponto do trigger que o Base UI escreve.\n * Com movimento reduzido só a transição sai: o popup aparece e some sem animar.\n *\n * O respiro de `Header`, `Body` e `Footer` fica em `--popover-padding`, fixo em 16px, e um popover\n * não tem `size`. Um popover com outro respiro o redeclara pela `className`.\n *\n * A altura para em `--available-height`, o espaço entre o trigger e a borda da tela. Acima disso,\n * o `Body` rola, e `Header` e `Footer` continuam visíveis.\n */\nexport const popoverPopupVariants = cva([\n  '[--popover-padding:--spacing(4)]',\n\n  'relative',\n\n  'flex',\n  'flex-col',\n\n  'h-(--popup-height,auto)',\n  'w-(--popup-width,auto)',\n\n  'max-h-(--available-height)',\n  // Teto fixo, não por tamanho de tela: no celular vale a largura da tela menos um respiro.\n  'max-w-[min(calc(100dvw-1rem),var(--container-md))]',\n\n  'rounded-md',\n  'corner-squircle',\n  'outline-1',\n  'outline-gray-6',\n\n  'bg-white',\n  'dark:bg-gray-2',\n\n  'shadow-md',\n  'shadow-black/12',\n  'dark:shadow-none',\n\n  // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n  'text-sm',\n  'text-gray-12',\n\n  'not-motion-reduced:origin-(--transform-origin)',\n  'not-motion-reduced:transition-[width,height,opacity,scale]',\n  'not-motion-reduced:ease-enter',\n  'not-motion-reduced:duration-150',\n\n  'not-motion-reduced:data-starting-style:scale-95',\n  'not-motion-reduced:data-ending-style:scale-95',\n  'not-motion-reduced:data-ending-style:ease-exit',\n  'not-motion-reduced:data-ending-style:duration-100',\n  'data-starting-style:opacity-0',\n  'data-ending-style:opacity-0',\n\n  'data-instant:transition-none',\n]);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,uBAAuB,IAAI;CACtC;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CAEA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;AACF,CAAC"}
+{"version":3,"file":"popover-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/popover/popover-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * Origem da superfície dos popups: o `ActionBar.Popup`, o `Select.Popup`, o `Autocomplete.Popup`, o\n * `Dialog.Popup`, o `Menu.Popup` e o `Toast.Root` copiam estas classes, cada um com as suas diferenças (tabela no\n * README de `overlays`). Uma mudança aqui vale para as cópias na mesma rodada.\n *\n * A superfície é o fundo branco (`gray-2` no escuro), o contorno `gray-6` em `outline`, que não\n * ocupa espaço no layout, e a sombra, que some no escuro, onde não se vê. Entrada e saída animam\n * `scale` e `opacity` a partir de `--transform-origin`, o ponto do trigger que o Base UI escreve.\n * Com movimento reduzido só a transição sai: o popup aparece e some sem animar.\n *\n * O respiro de `Header`, `Body` e `Footer` fica em `--popover-padding`, fixo em 16px, e um popover\n * não tem `size`. Um popover com outro respiro o redeclara pela `className`.\n *\n * A altura para em `--available-height`, o espaço entre o trigger e a borda da tela. Acima disso,\n * o `Body` rola, e `Header` e `Footer` continuam visíveis.\n */\nexport const popoverPopupVariants = cva([\n  '[--popover-padding:--spacing(4)]',\n\n  'relative',\n\n  'flex',\n  'flex-col',\n\n  'h-(--popup-height,auto)',\n  'w-(--popup-width,auto)',\n\n  'max-h-(--available-height)',\n  // Teto fixo, não por tamanho de tela: no celular vale a largura da tela menos um respiro.\n  'max-w-[min(calc(100dvw-1rem),var(--container-md))]',\n\n  'rounded-md',\n  'corner-squircle',\n  'outline-1',\n  'outline-gray-6',\n\n  'bg-white',\n  'dark:bg-gray-2',\n\n  'shadow-md',\n  'shadow-black/12',\n  'dark:shadow-none',\n\n  // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n  'text-sm',\n  'text-gray-12',\n\n  'not-motion-reduced:origin-(--transform-origin)',\n  'not-motion-reduced:transition-[width,height,opacity,scale]',\n  'not-motion-reduced:ease-enter',\n  'not-motion-reduced:duration-150',\n\n  'not-motion-reduced:data-starting-style:scale-95',\n  'not-motion-reduced:data-ending-style:scale-95',\n  'not-motion-reduced:data-ending-style:ease-exit',\n  'not-motion-reduced:data-ending-style:duration-100',\n  'data-starting-style:opacity-0',\n  'data-ending-style:opacity-0',\n\n  'data-instant:transition-none',\n]);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,uBAAuB,IAAI;CACtC;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CAEA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover-root.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-root.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { AnyType } from '@lucasbernardosn/utils';\n\nexport type PopoverRootProps<Payload = unknown> =\n  BasePopover.Root.Props<Payload>;\n\nexport type PopoverRootState = BasePopover.Root.State;\n\nexport type PopoverRootActions = BasePopover.Root.Actions;\n\nexport type PopoverRootChangeEventDetails = BasePopover.Root.ChangeEventDetails;\n\nexport type PopoverRootChangeEventReason = BasePopover.Root.ChangeEventReason;\n\n/**\n * Estado do popover. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger render={<Button />}>Abrir</Popover.Trigger>\n *   <Popover.Portal>\n *     <Popover.Positioner>\n *       <Popover.Popup>\n *         <Popover.Arrow />\n *         <Popover.Header>\n *           <Popover.Title>Notificações</Popover.Title>\n *         </Popover.Header>\n *         <Popover.Body>…</Popover.Body>\n *       </Popover.Popup>\n *     </Popover.Positioner>\n *   </Popover.Portal>\n * </Popover.Root>\n * ```\n */\nexport const PopoverRoot = <Payload extends AnyType = unknown>(\n  props: PopoverRootProps<Payload>,\n) => {\n  return <BasePopover.Root {...props} />;\n};\n\nPopoverRoot.displayName = 'Popover.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAa,eACX,UACG;CACH,OAAO,oBAACA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAEA,YAAY,cAAc"}
+{"version":3,"file":"popover-root.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-root.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { AnyType } from '@lucasbernardosn/ts-utils';\n\nexport type PopoverRootProps<Payload = unknown> =\n  BasePopover.Root.Props<Payload>;\n\nexport type PopoverRootState = BasePopover.Root.State;\n\nexport type PopoverRootActions = BasePopover.Root.Actions;\n\nexport type PopoverRootChangeEventDetails = BasePopover.Root.ChangeEventDetails;\n\nexport type PopoverRootChangeEventReason = BasePopover.Root.ChangeEventReason;\n\n/**\n * Estado do popover. Não renderiza elemento.\n *\n * @example\n * ```tsx\n * <Popover.Root>\n *   <Popover.Trigger render={<Button />}>Abrir</Popover.Trigger>\n *   <Popover.Portal>\n *     <Popover.Positioner>\n *       <Popover.Popup>\n *         <Popover.Arrow />\n *         <Popover.Header>\n *           <Popover.Title>Notificações</Popover.Title>\n *         </Popover.Header>\n *         <Popover.Body>…</Popover.Body>\n *       </Popover.Popup>\n *     </Popover.Positioner>\n *   </Popover.Portal>\n * </Popover.Root>\n * ```\n */\nexport const PopoverRoot = <Payload extends AnyType = unknown>(\n  props: PopoverRootProps<Payload>,\n) => {\n  return <BasePopover.Root {...props} />;\n};\n\nPopoverRoot.displayName = 'Popover.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAa,eACX,UACG;CACH,OAAO,oBAACA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAEA,YAAY,cAAc"}

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

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

package/dist/components/overlays/tooltip/simple-tooltip.d.ts

@@ -1,6 +1,6 @@
 import { TooltipRootProps } from "./tooltip-root.js";
 import React from "react";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 //#region src/components/overlays/tooltip/simple-tooltip.d.ts
 export type SimpleTooltipProps = MergeOverride<TooltipRootProps, {
   /**

package/dist/components/overlays/tooltip/simple-tooltip.js

@@ -4,7 +4,7 @@ import { TooltipPortal } from "./tooltip-portal.js";
 import { TooltipPositioner } from "./tooltip-positioner.js";
 import { TooltipRoot } from "./tooltip-root.js";
 import { TooltipTrigger } from "./tooltip-trigger.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/tooltip/simple-tooltip.tsx
 const splitRootProps = createSplitProps();

package/dist/components/overlays/tooltip/simple-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"simple-tooltip.js","names":[],"sources":["../../../../src/components/overlays/tooltip/simple-tooltip.tsx"],"sourcesContent":["import { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport type React from 'react';\nimport { TooltipArrow } from './tooltip-arrow';\nimport { TooltipPopup } from './tooltip-popup';\nimport { TooltipPortal } from './tooltip-portal';\nimport { TooltipPositioner } from './tooltip-positioner';\nimport { TooltipRoot, type TooltipRootProps } from './tooltip-root';\nimport { TooltipTrigger } from './tooltip-trigger';\n\nexport type SimpleTooltipProps = MergeOverride<\n  TooltipRootProps,\n  {\n    /**\n     * Conteúdo da dica: um texto curto, ou texto com um atalho (`Kbd`).\n     */\n    tooltip: React.ReactNode;\n    /**\n     * Elemento que abre a dica. Recebe as props do `Tooltip.Trigger` por `render`, então precisa\n     * repassar props e `ref` ao elemento do DOM.\n     */\n    children: React.ReactElement;\n    /**\n     * Quanto esperar, em milissegundos, antes de abrir a dica no hover.\n     *\n     * @default 600\n     */\n    delay?: number;\n    /**\n     * Fecha a dica quando o trigger é clicado.\n     *\n     * @default true\n     */\n    closeOnClick?: boolean;\n    /**\n     * Quanto esperar, em milissegundos, antes de fechar a dica.\n     *\n     * @default 0\n     */\n    closeDelay?: number;\n  }\n>;\n\nconst splitRootProps = createSplitProps<Omit<TooltipRootProps, 'children'>>();\n\n/**\n * Tooltip pronto: envolve o elemento em `children` e mostra `tooltip` no hover e no foco.\n *\n * No toque a dica não abre: o Base UI só abre pelo hover de mouse ou caneta e pelo foco. O\n * elemento precisa de nome acessível próprio, sem contar com a dica.\n *\n * Não envolve o resultado em `Tooltip.Provider`. Sem ele, cada tooltip é isolado: sair do trigger\n * e voltar rápido (ou passar por um tooltip vizinho) espera o `delay` inteiro de novo, em vez de\n * reabrir na hora. Para agrupar, envolva os `SimpleTooltip` num `Tooltip.Provider` no pai.\n *\n * @example\n * ```tsx\n * <SimpleTooltip tooltip=\"Excluir\">\n *   <IconButton\n *     aria-label=\"Excluir\"\n *     icon={<TrashIcon />}\n *   />\n * </SimpleTooltip>\n * ```\n */\nexport const SimpleTooltip = (props: SimpleTooltipProps) => {\n  const { children, tooltip, ...rest } = props;\n\n  const [rootProps, triggerProps] = splitRootProps(rest, [\n    'actionsRef',\n    'defaultOpen',\n    'defaultTriggerId',\n    'disabled',\n    'disableHoverablePopup',\n    'handle',\n    'onOpenChange',\n    'onOpenChangeComplete',\n    'open',\n    'trackCursorAxis',\n    'triggerId',\n  ]);\n\n  return (\n    <TooltipRoot {...rootProps}>\n      <TooltipTrigger\n        {...triggerProps}\n        render={children}\n      />\n\n      <TooltipPortal>\n        <TooltipPositioner>\n          <TooltipPopup>\n            <TooltipArrow />\n            {tooltip}\n          </TooltipPopup>\n        </TooltipPositioner>\n      </TooltipPortal>\n    </TooltipRoot>\n  );\n};\n\nSimpleTooltip.displayName = 'SimpleTooltip';\n"],"mappings":";;;;;;;;;AA0CA,MAAM,iBAAiB,iBAAqD;;;;;;;;;;;;;;;;;;;;;AAsB5E,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,MAAM,CAAC,WAAW,gBAAgB,eAAe,MAAM;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,aAAD;EAAa,GAAI;EAAjB,UAAA,CACE,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;EACT,CAAA,GAED,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACd,OACW,EAAA,CAAA,EACG,CAAA,EACN,CAAA,CACJ;;AAEjB;AAEA,cAAc,cAAc"}
+{"version":3,"file":"simple-tooltip.js","names":[],"sources":["../../../../src/components/overlays/tooltip/simple-tooltip.tsx"],"sourcesContent":["import {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport type React from 'react';\nimport { TooltipArrow } from './tooltip-arrow';\nimport { TooltipPopup } from './tooltip-popup';\nimport { TooltipPortal } from './tooltip-portal';\nimport { TooltipPositioner } from './tooltip-positioner';\nimport { TooltipRoot, type TooltipRootProps } from './tooltip-root';\nimport { TooltipTrigger } from './tooltip-trigger';\n\nexport type SimpleTooltipProps = MergeOverride<\n  TooltipRootProps,\n  {\n    /**\n     * Conteúdo da dica: um texto curto, ou texto com um atalho (`Kbd`).\n     */\n    tooltip: React.ReactNode;\n    /**\n     * Elemento que abre a dica. Recebe as props do `Tooltip.Trigger` por `render`, então precisa\n     * repassar props e `ref` ao elemento do DOM.\n     */\n    children: React.ReactElement;\n    /**\n     * Quanto esperar, em milissegundos, antes de abrir a dica no hover.\n     *\n     * @default 600\n     */\n    delay?: number;\n    /**\n     * Fecha a dica quando o trigger é clicado.\n     *\n     * @default true\n     */\n    closeOnClick?: boolean;\n    /**\n     * Quanto esperar, em milissegundos, antes de fechar a dica.\n     *\n     * @default 0\n     */\n    closeDelay?: number;\n  }\n>;\n\nconst splitRootProps = createSplitProps<Omit<TooltipRootProps, 'children'>>();\n\n/**\n * Tooltip pronto: envolve o elemento em `children` e mostra `tooltip` no hover e no foco.\n *\n * No toque a dica não abre: o Base UI só abre pelo hover de mouse ou caneta e pelo foco. O\n * elemento precisa de nome acessível próprio, sem contar com a dica.\n *\n * Não envolve o resultado em `Tooltip.Provider`. Sem ele, cada tooltip é isolado: sair do trigger\n * e voltar rápido (ou passar por um tooltip vizinho) espera o `delay` inteiro de novo, em vez de\n * reabrir na hora. Para agrupar, envolva os `SimpleTooltip` num `Tooltip.Provider` no pai.\n *\n * @example\n * ```tsx\n * <SimpleTooltip tooltip=\"Excluir\">\n *   <IconButton\n *     aria-label=\"Excluir\"\n *     icon={<TrashIcon />}\n *   />\n * </SimpleTooltip>\n * ```\n */\nexport const SimpleTooltip = (props: SimpleTooltipProps) => {\n  const { children, tooltip, ...rest } = props;\n\n  const [rootProps, triggerProps] = splitRootProps(rest, [\n    'actionsRef',\n    'defaultOpen',\n    'defaultTriggerId',\n    'disabled',\n    'disableHoverablePopup',\n    'handle',\n    'onOpenChange',\n    'onOpenChangeComplete',\n    'open',\n    'trackCursorAxis',\n    'triggerId',\n  ]);\n\n  return (\n    <TooltipRoot {...rootProps}>\n      <TooltipTrigger\n        {...triggerProps}\n        render={children}\n      />\n\n      <TooltipPortal>\n        <TooltipPositioner>\n          <TooltipPopup>\n            <TooltipArrow />\n            {tooltip}\n          </TooltipPopup>\n        </TooltipPositioner>\n      </TooltipPortal>\n    </TooltipRoot>\n  );\n};\n\nSimpleTooltip.displayName = 'SimpleTooltip';\n"],"mappings":";;;;;;;;;AA6CA,MAAM,iBAAiB,iBAAqD;;;;;;;;;;;;;;;;;;;;;AAsB5E,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;CAEvC,MAAM,CAAC,WAAW,gBAAgB,eAAe,MAAM;EACrD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,aAAD;EAAa,GAAI;EAAjB,UAAA,CACE,oBAAC,gBAAD;GACE,GAAI;GACJ,QAAQ;EACT,CAAA,GAED,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAA,UACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,cAAD,CAAe,CAAA,GACd,OACW,EAAA,CAAA,EACG,CAAA,EACN,CAAA,CACJ;;AAEjB;AAEA,cAAc,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-root.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-root.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport type { AnyType } from '@lucasbernardosn/utils';\n\nexport type TooltipRootProps<Payload = unknown> =\n  BaseTooltip.Root.Props<Payload>;\n\nexport type TooltipRootState = BaseTooltip.Root.State;\n\nexport type TooltipRootActions = BaseTooltip.Root.Actions;\n\nexport type TooltipRootChangeEventDetails = BaseTooltip.Root.ChangeEventDetails;\n\nexport type TooltipRootChangeEventReason = BaseTooltip.Root.ChangeEventReason;\n\n/**\n * Estado da dica. Não renderiza elemento.\n */\nexport const TooltipRoot = <Payload extends AnyType = unknown>(\n  props: TooltipRootProps<Payload>,\n) => {\n  return <BaseTooltip.Root {...props} />;\n};\n\nTooltipRoot.displayName = 'Tooltip.Root';\n"],"mappings":";;;;;;AAiBA,MAAa,eACX,UACG;CACH,OAAO,oBAACA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAEA,YAAY,cAAc"}
+{"version":3,"file":"tooltip-root.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-root.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport type { AnyType } from '@lucasbernardosn/ts-utils';\n\nexport type TooltipRootProps<Payload = unknown> =\n  BaseTooltip.Root.Props<Payload>;\n\nexport type TooltipRootState = BaseTooltip.Root.State;\n\nexport type TooltipRootActions = BaseTooltip.Root.Actions;\n\nexport type TooltipRootChangeEventDetails = BaseTooltip.Root.ChangeEventDetails;\n\nexport type TooltipRootChangeEventReason = BaseTooltip.Root.ChangeEventReason;\n\n/**\n * Estado da dica. Não renderiza elemento.\n */\nexport const TooltipRoot = <Payload extends AnyType = unknown>(\n  props: TooltipRootProps<Payload>,\n) => {\n  return <BaseTooltip.Root {...props} />;\n};\n\nTooltipRoot.displayName = 'Tooltip.Root';\n"],"mappings":";;;;;;AAiBA,MAAa,eACX,UACG;CACH,OAAO,oBAACA,QAAY,MAAb,EAAkB,GAAI,MAAQ,CAAA;AACvC;AAEA,YAAY,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-trigger.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-trigger.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport type { AnyType } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TooltipTriggerProps<Payload = unknown> =\n  BaseTooltip.Trigger.Props<Payload>;\n\nexport type TooltipTriggerState = BaseTooltip.Trigger.State;\n\n/**\n * Elemento que abre a dica no hover e no foco. Sem estilo próprio; passe o elemento em\n * `render`.\n */\nexport const TooltipTrigger = <Payload extends AnyType = unknown>(\n  props: TooltipTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTooltip.Trigger\n      data-component=\"Tooltip.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n"],"mappings":";;;;;;;;AAaA,MAAa,kBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,SAAb;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}
+{"version":3,"file":"tooltip-trigger.js","names":["BaseTooltip"],"sources":["../../../../src/components/overlays/tooltip/tooltip-trigger.tsx"],"sourcesContent":["import { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport type { AnyType } from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TooltipTriggerProps<Payload = unknown> =\n  BaseTooltip.Trigger.Props<Payload>;\n\nexport type TooltipTriggerState = BaseTooltip.Trigger.State;\n\n/**\n * Elemento que abre a dica no hover e no foco. Sem estilo próprio; passe o elemento em\n * `render`.\n */\nexport const TooltipTrigger = <Payload extends AnyType = unknown>(\n  props: TooltipTriggerProps<Payload>,\n) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTooltip.Trigger\n      data-component=\"Tooltip.Trigger\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n"],"mappings":";;;;;;;;AAaA,MAAa,kBACX,UACG;CACH,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,SAAb;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/typography/heading/heading.d.ts

@@ -1,4 +1,4 @@
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/typography/heading/heading.d.ts
 /**

package/dist/components/typography/heading/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../../../src/components/typography/heading/heading.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\n\n/**\n * Props do `Heading`.\n */\nexport type HeadingProps = MergeOverride<\n  useRender.ComponentProps<'h2'>,\n  {\n    /**\n     * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência:\n     * o tamanho vem por `className`. Com `render`, a tag do `render` prevalece.\n     *\n     * @default 2\n     */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n  }\n>;\n\n/**\n * Título de seção.\n *\n * O nível do título é uma decisão de estrutura do documento, não de\n * aparência: escolha o `level` pela hierarquia da página e ajuste o tamanho\n * por `className`.\n *\n * @example\n * ```tsx\n * <Heading>Configurações</Heading>\n *\n * <Heading\n *   level={1}\n *   className=\"text-2xl\"\n * >\n *   Título da página\n * </Heading>\n * ```\n */\nexport const Heading = (props: HeadingProps) => {\n  const { level = 2, render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Heading',\n    className: mergeTwClassNames(\n      ['text-gray-12', 'text-xl', 'font-medium', 'text-balance'],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: `h${level}`,\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nHeading.displayName = 'Heading';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAgB;GAAW;GAAe;EAAc,GACzD,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB,IAAI;EACpB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,QAAQ,cAAc"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../../../src/components/typography/heading/heading.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\n\n/**\n * Props do `Heading`.\n */\nexport type HeadingProps = MergeOverride<\n  useRender.ComponentProps<'h2'>,\n  {\n    /**\n     * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência:\n     * o tamanho vem por `className`. Com `render`, a tag do `render` prevalece.\n     *\n     * @default 2\n     */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n  }\n>;\n\n/**\n * Título de seção.\n *\n * O nível do título é uma decisão de estrutura do documento, não de\n * aparência: escolha o `level` pela hierarquia da página e ajuste o tamanho\n * por `className`.\n *\n * @example\n * ```tsx\n * <Heading>Configurações</Heading>\n *\n * <Heading\n *   level={1}\n *   className=\"text-2xl\"\n * >\n *   Título da página\n * </Heading>\n * ```\n */\nexport const Heading = (props: HeadingProps) => {\n  const { level = 2, render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Heading',\n    className: mergeTwClassNames(\n      ['text-gray-12', 'text-xl', 'font-medium', 'text-balance'],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: `h${level}`,\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nHeading.displayName = 'Heading';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAgB;GAAW;GAAe;EAAc,GACzD,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB,IAAI;EACpB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,QAAQ,cAAc"}

package/dist/components/typography/kbd/kbd.d.ts

@@ -1,5 +1,5 @@
 import { KbdVariants } from "./kbd-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/typography/kbd/kbd.d.ts
 /**

package/dist/components/typography/kbd/kbd.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { kbdVariants } from "./kbd-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/typography/kbd/kbd.tsx
 const splitVariantProps = createSplitProps();

package/dist/components/typography/kbd/kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"kbd.js","names":[],"sources":["../../../../src/components/typography/kbd/kbd.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type KbdVariants, kbdVariants } from './kbd-variants';\n\n/**\n * Props do `Kbd`: as variantes visuais e as props do elemento renderizado.\n */\nexport type KbdProps = MergeOverride<\n  useRender.ComponentProps<'kbd'>,\n  KbdVariants\n>;\n\nconst splitVariantProps = createSplitProps<KbdVariants>();\n\n/**\n * Tecla ou atalho de teclado.\n *\n * Renderiza um `kbd` com o desenho de tecla. Um atalho de várias teclas tem\n * dois formatos: compacto, num `Kbd` só e sem espaços (`Shift+Tab`), ou\n * separado, com um `Kbd` por tecla dentro do `KbdGroup`.\n *\n * @example\n * ```tsx\n * <Kbd>Esc</Kbd>\n *\n * <Kbd>Shift+Tab</Kbd>\n *\n * <KbdGroup>\n *   <Kbd>Ctrl</Kbd>+<Kbd>K</Kbd>\n * </KbdGroup>\n * ```\n */\nexport const Kbd = (props: KbdProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Kbd',\n    className: mergeTwClassNames(kbdVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'kbd',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nKbd.displayName = 'Kbd';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;AAoBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO;EAC5D;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../../src/components/typography/kbd/kbd.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type KbdVariants, kbdVariants } from './kbd-variants';\n\n/**\n * Props do `Kbd`: as variantes visuais e as props do elemento renderizado.\n */\nexport type KbdProps = MergeOverride<\n  useRender.ComponentProps<'kbd'>,\n  KbdVariants\n>;\n\nconst splitVariantProps = createSplitProps<KbdVariants>();\n\n/**\n * Tecla ou atalho de teclado.\n *\n * Renderiza um `kbd` com o desenho de tecla. Um atalho de várias teclas tem\n * dois formatos: compacto, num `Kbd` só e sem espaços (`Shift+Tab`), ou\n * separado, com um `Kbd` por tecla dentro do `KbdGroup`.\n *\n * @example\n * ```tsx\n * <Kbd>Esc</Kbd>\n *\n * <Kbd>Shift+Tab</Kbd>\n *\n * <KbdGroup>\n *   <Kbd>Ctrl</Kbd>+<Kbd>K</Kbd>\n * </KbdGroup>\n * ```\n */\nexport const Kbd = (props: KbdProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'size',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Kbd',\n    className: mergeTwClassNames(kbdVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'kbd',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nKbd.displayName = 'Kbd';\n"],"mappings":";;;;;AAgBA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;AAoBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO;EAC5D;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}

package/dist/components/typography/mark/mark.d.ts

@@ -1,5 +1,5 @@
 import { MarkVariants } from "./mark-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/typography/mark/mark.d.ts
 /**

package/dist/components/typography/mark/mark.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { markVariants } from "./mark-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/typography/mark/mark.tsx
 const splitVariantProps = createSplitProps();

package/dist/components/typography/mark/mark.js.map

@@ -1 +1 @@
-{"version":3,"file":"mark.js","names":[],"sources":["../../../../src/components/typography/mark/mark.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type MarkVariants, markVariants } from './mark-variants';\n\n/**\n * Props do `Mark`: as variantes visuais e as props do elemento renderizado.\n */\nexport type MarkProps = MergeOverride<\n  useRender.ComponentProps<'mark'>,\n  MarkVariants\n>;\n\nconst splitVariantProps = createSplitProps<MarkVariants>();\n\n/**\n * Trecho de texto em destaque.\n *\n * Destaque de um trecho dentro de um texto: o termo buscado, um valor, uma\n * palavra-chave. Fica sempre dentro de um texto e herda o tamanho dele; fora\n * de um, não tem cor de onde herdar.\n *\n * @example\n * ```tsx\n * <Text>\n *   Resultado para <Mark>área de transferência</Mark> em 3 documentos.\n * </Text>\n *\n * <Mark\n *   variant=\"solid\"\n *   colorScheme=\"amber\"\n * >\n *   termo exato\n * </Mark>\n * ```\n */\nexport const Mark = (props: MarkProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Mark',\n    className: mergeTwClassNames(markVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'mark',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nMark.displayName = 'Mark';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAA+B;;;;;;;;;;;;;;;;;;;;;;AAuBzD,MAAa,QAAQ,UAAqB;CACxC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,aAAa,YAAY,GAAG,SAAS;CACpE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,KAAK,cAAc"}
+{"version":3,"file":"mark.js","names":[],"sources":["../../../../src/components/typography/mark/mark.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type MarkVariants, markVariants } from './mark-variants';\n\n/**\n * Props do `Mark`: as variantes visuais e as props do elemento renderizado.\n */\nexport type MarkProps = MergeOverride<\n  useRender.ComponentProps<'mark'>,\n  MarkVariants\n>;\n\nconst splitVariantProps = createSplitProps<MarkVariants>();\n\n/**\n * Trecho de texto em destaque.\n *\n * Destaque de um trecho dentro de um texto: o termo buscado, um valor, uma\n * palavra-chave. Fica sempre dentro de um texto e herda o tamanho dele; fora\n * de um, não tem cor de onde herdar.\n *\n * @example\n * ```tsx\n * <Text>\n *   Resultado para <Mark>área de transferência</Mark> em 3 documentos.\n * </Text>\n *\n * <Mark\n *   variant=\"solid\"\n *   colorScheme=\"amber\"\n * >\n *   termo exato\n * </Mark>\n * ```\n */\nexport const Mark = (props: MarkProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Mark',\n    className: mergeTwClassNames(markVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'mark',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nMark.displayName = 'Mark';\n"],"mappings":";;;;;AAgBA,MAAM,oBAAoB,iBAA+B;;;;;;;;;;;;;;;;;;;;;;AAuBzD,MAAa,QAAQ,UAAqB;CACxC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,aAAa,YAAY,GAAG,SAAS;CACpE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,KAAK,cAAc"}

package/dist/components/typography/pre/pre.d.ts

@@ -1,5 +1,5 @@
 import { PreVariants } from "./pre-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/typography/pre/pre.d.ts
 /**

package/dist/components/typography/pre/pre.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { preVariants } from "./pre-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/typography/pre/pre.tsx
 const splitVariantProps = createSplitProps();

package/dist/components/typography/pre/pre.js.map

@@ -1 +1 @@
-{"version":3,"file":"pre.js","names":[],"sources":["../../../../src/components/typography/pre/pre.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type PreVariants, preVariants } from './pre-variants';\n\n/**\n * Props do `Pre`: as variantes visuais e as props do elemento renderizado.\n */\nexport type PreProps = MergeOverride<\n  useRender.ComponentProps<'pre'>,\n  PreVariants\n>;\n\nconst splitVariantProps = createSplitProps<PreVariants>();\n\n/**\n * Bloco de texto pré-formatado: trecho de código, log, saída de terminal.\n *\n * Mantém espaços e quebras de linha, e uma linha longa rola na horizontal\n * dentro do bloco. Para quebrar a linha em vez de rolar, use\n * `className=\"whitespace-pre-wrap\"`; o `wrap-break-word` da base quebra também\n * o token sem espaço.\n *\n * Sai com `tabIndex={0}` para a rolagem funcionar pelo teclado; num bloco que\n * nunca rola, `tabIndex={-1}` tira a parada do `Tab`.\n *\n * @example\n * ```tsx\n * <Pre>{`pnpm add @lucasbernardosn/react-ui`}</Pre>\n *\n * <Pre\n *   variant=\"subtle\"\n *   colorScheme=\"red\"\n * >\n *   {log}\n * </Pre>\n * ```\n */\nexport const Pre = (props: PreProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Pre',\n    tabIndex: 0,\n    className: mergeTwClassNames(preVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'pre',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPre.displayName = 'Pre';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;;;;;;AAyBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,UAAU;EACV,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}
+{"version":3,"file":"pre.js","names":[],"sources":["../../../../src/components/typography/pre/pre.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type PreVariants, preVariants } from './pre-variants';\n\n/**\n * Props do `Pre`: as variantes visuais e as props do elemento renderizado.\n */\nexport type PreProps = MergeOverride<\n  useRender.ComponentProps<'pre'>,\n  PreVariants\n>;\n\nconst splitVariantProps = createSplitProps<PreVariants>();\n\n/**\n * Bloco de texto pré-formatado: trecho de código, log, saída de terminal.\n *\n * Mantém espaços e quebras de linha, e uma linha longa rola na horizontal\n * dentro do bloco. Para quebrar a linha em vez de rolar, use\n * `className=\"whitespace-pre-wrap\"`; o `wrap-break-word` da base quebra também\n * o token sem espaço.\n *\n * Sai com `tabIndex={0}` para a rolagem funcionar pelo teclado; num bloco que\n * nunca rola, `tabIndex={-1}` tira a parada do `Tab`.\n *\n * @example\n * ```tsx\n * <Pre>{`pnpm add @lucasbernardosn/react-ui`}</Pre>\n *\n * <Pre\n *   variant=\"subtle\"\n *   colorScheme=\"red\"\n * >\n *   {log}\n * </Pre>\n * ```\n */\nexport const Pre = (props: PreProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Pre',\n    tabIndex: 0,\n    className: mergeTwClassNames(preVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'pre',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPre.displayName = 'Pre';\n"],"mappings":";;;;;AAgBA,MAAM,oBAAoB,iBAA8B;;;;;;;;;;;;;;;;;;;;;;;;AAyBxD,MAAa,OAAO,UAAoB;CACtC,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,eACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,UAAU;EACV,WAAW,kBAAkB,YAAY,YAAY,GAAG,SAAS;CACnE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,IAAI,cAAc"}

package/dist/components/utilities/for/for.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { UnknownLooseValue } from "@lucasbernardosn/utils";
+import { UnknownLooseValue } from "@lucasbernardosn/ts-utils";
 //#region src/components/utilities/for/for.d.ts
 export type ForProps<TElementValue extends UnknownLooseValue> = {
   /**

package/dist/components/utilities/for/for.js.map

@@ -1 +1 @@
-{"version":3,"file":"for.js","names":[],"sources":["../../../../src/components/utilities/for/for.tsx"],"sourcesContent":["import type { UnknownLooseValue } from '@lucasbernardosn/utils';\nimport type React from 'react';\n\nexport type ForProps<TElementValue extends UnknownLooseValue> = {\n  /**\n   * Array a ser iterado. Com `null` ou `undefined` (dado ainda não carregado), não renderiza\n   * nada.\n   */\n  each: TElementValue[] | readonly TElementValue[] | null | undefined;\n  /**\n   * Conteúdo exibido quando o array está vazio\n   */\n  fallback?: React.ReactNode | undefined;\n  /**\n   * Função que renderiza cada item do array\n   */\n  children: (item: TElementValue, index: number) => React.ReactNode;\n};\n\n/**\n * Renderiza `children` para cada item de `each`, e `fallback` quando o array está vazio. Com\n * `each` `null` ou `undefined`, não renderiza nada. A `key` de cada item fica com quem usa.\n *\n * @example\n * ```tsx\n * <For each={users} fallback={<EmptyState.Root>…</EmptyState.Root>}>\n *   {(user) => <li key={user.id}>{user.name}</li>}\n * </For>\n * ```\n */\nexport const For = <TElementValue extends UnknownLooseValue>(\n  props: ForProps<TElementValue>,\n): React.ReactNode => {\n  const { each, fallback, children } = props;\n\n  if (each?.length === 0) {\n    return fallback ?? null;\n  }\n\n  return each?.map(children) ?? null;\n};\n\nFor.displayName = 'For';\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,OACX,UACoB;CACpB,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,IAAI,MAAM,WAAW,GACnB,OAAO,YAAY;CAGrB,OAAO,MAAM,IAAI,QAAQ,KAAK;AAChC;AAEA,IAAI,cAAc"}
+{"version":3,"file":"for.js","names":[],"sources":["../../../../src/components/utilities/for/for.tsx"],"sourcesContent":["import type { UnknownLooseValue } from '@lucasbernardosn/ts-utils';\nimport type React from 'react';\n\nexport type ForProps<TElementValue extends UnknownLooseValue> = {\n  /**\n   * Array a ser iterado. Com `null` ou `undefined` (dado ainda não carregado), não renderiza\n   * nada.\n   */\n  each: TElementValue[] | readonly TElementValue[] | null | undefined;\n  /**\n   * Conteúdo exibido quando o array está vazio\n   */\n  fallback?: React.ReactNode | undefined;\n  /**\n   * Função que renderiza cada item do array\n   */\n  children: (item: TElementValue, index: number) => React.ReactNode;\n};\n\n/**\n * Renderiza `children` para cada item de `each`, e `fallback` quando o array está vazio. Com\n * `each` `null` ou `undefined`, não renderiza nada. A `key` de cada item fica com quem usa.\n *\n * @example\n * ```tsx\n * <For each={users} fallback={<EmptyState.Root>…</EmptyState.Root>}>\n *   {(user) => <li key={user.id}>{user.name}</li>}\n * </For>\n * ```\n */\nexport const For = <TElementValue extends UnknownLooseValue>(\n  props: ForProps<TElementValue>,\n): React.ReactNode => {\n  const { each, fallback, children } = props;\n\n  if (each?.length === 0) {\n    return fallback ?? null;\n  }\n\n  return each?.map(children) ?? null;\n};\n\nFor.displayName = 'For';\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,OACX,UACoB;CACpB,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,IAAI,MAAM,WAAW,GACnB,OAAO,YAAY;CAGrB,OAAO,MAAM,IAAI,QAAQ,KAAK;AAChC;AAEA,IAAI,cAAc"}

package/dist/hooks/index.d.ts

@@ -1,3 +1,3 @@
-import { BREAKPOINTS, Breakpoint, useIsBelowMediumScreen, useIsBreakpoint } from "./use-breakpoint.js";
+import { BREAKPOINTS, Breakpoint, BreakpointsConfig, UseBreakpointOptions, useIsBreakpoint, useResponsiveBreakpoint } from "./use-breakpoint.js";
 import { useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType } from "./use-pointer-type.js";
-export { BREAKPOINTS, Breakpoint, useIsBelowMediumScreen, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType };
+export { BREAKPOINTS, Breakpoint, BreakpointsConfig, UseBreakpointOptions, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType, useResponsiveBreakpoint };

package/dist/hooks/index.js

@@ -1,3 +1,3 @@
-import { BREAKPOINTS, useIsBelowMediumScreen, useIsBreakpoint } from "./use-breakpoint.js";
+import { BREAKPOINTS, useIsBreakpoint, useResponsiveBreakpoint } from "./use-breakpoint.js";
 import { useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType } from "./use-pointer-type.js";
-export { BREAKPOINTS, useIsBelowMediumScreen, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType };
+export { BREAKPOINTS, useIsBreakpoint, useIsPointerPrimaryDevice, useIsTouchPrimaryDevice, usePointerType, useResponsiveBreakpoint };

package/dist/hooks/use-breakpoint.d.ts

@@ -35,22 +35,35 @@ export declare const BREAKPOINTS: {
  */
 export type Breakpoint = keyof typeof BREAKPOINTS;
 /**
- * Monitora continuamente se um breakpoint específico está ativo na viewport atual.
- *
- * O hook se registra para escutar mudanças na media query e remove automaticamente
- * os listeners quando o componente é desmontado, evitando vazamentos de memória.
- *
- * Segue o mesmo comportamento do Tailwind CSS (mobile-first com min-width).
+ * Mapa de nome do breakpoint para a largura mínima, com unidade CSS (ex: `'48rem'`).
+ */
+export type BreakpointsConfig = Record<string, string>;
+export type UseBreakpointOptions<TBreakpoints extends BreakpointsConfig> = {
+  /**
+   * Breakpoints em `min-width`, com unidade CSS. Declare em ordem crescente de largura.
+   *
+   * @default BREAKPOINTS
+   */
+  breakpoints?: TBreakpoints;
+};
+/**
+ * Indica se a tela está no breakpoint ou acima (mobile-first com `min-width`, como o Tailwind).
  *
- * @param breakpoint - Identificador do breakpoint conforme definido na constante BREAKPOINTS.
- * @returns Verdadeiro quando a viewport atual é maior ou igual ao breakpoint especificado (min-width), falso caso contrário.
+ * Sem `options.breakpoints`, usa {@link BREAKPOINTS}. O nome aceito vem da config passada.
  */
-export declare const useIsBreakpoint: (breakpoint: Breakpoint) => boolean;
+export declare const useIsBreakpoint: <TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS>(breakpoint: keyof TBreakpoints, options?: UseBreakpointOptions<TBreakpoints>) => boolean;
 /**
- * Indica se a viewport atual está abaixo da tela média (breakpoint `md`).
+ * Devolve o maior breakpoint ativo agora.
+ *
+ * A ordem é a de declaração da config, não a dos valores: o maior ativo é o último declarado cuja
+ * media query casa. Assim unidades mistas (`rem`, `px`) valem sem conversão manual, e o
+ * navegador decide se cada uma casa. Por isso a config precisa estar em ordem crescente, como o
+ * {@link BREAKPOINTS}. Abaixo de todos, devolve o primeiro declarado (no padrão, `base`), que
+ * também é o valor no servidor.
  *
- * @returns Verdadeiro quando a viewport é menor que o breakpoint `md`, falso caso contrário.
+ * Um objeto `breakpoints` literal passado a cada render não reassina as media queries: a
+ * assinatura só muda quando os valores mudam.
  */
-export declare const useIsBelowMediumScreen: () => boolean;
+export declare const useResponsiveBreakpoint: <TBreakpoints extends BreakpointsConfig = typeof BREAKPOINTS>(options?: UseBreakpointOptions<TBreakpoints>) => keyof TBreakpoints;
 //#endregion
 //# sourceMappingURL=use-breakpoint.d.ts.map