@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

package/dist/components/overlays/action-bar/action-bar-root.d.ts

@@ -0,0 +1,45 @@
+import { ActionBarVariants } from "./use-action-bar-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/action-bar/action-bar-root.d.ts
+export type ActionBarRootProps = MergeOverride<Dialog.Root.Props, ActionBarVariants>;
+export type ActionBarRootState = Dialog.Root.State;
+export type ActionBarRootActions = Dialog.Root.Actions;
+export type ActionBarRootChangeEventDetails = Dialog.Root.ChangeEventDetails;
+export type ActionBarRootChangeEventReason = Dialog.Root.ChangeEventReason;
+/**
+ * Estado da barra de ações. Não renderiza elemento.
+ *
+ * É um dialog não modal do Base UI, sem trigger: a barra abre pelo `open`, ligado à seleção de
+ * quem usa. Fecha só pelo `Esc` e pelo `Close`; o clique fora e o foco saindo da barra não
+ * fecham (`disablePointerDismissal`), porque selecionar outra linha é um clique fora.
+ *
+ * A barra continua montada durante a animação de saída. Um texto derivado da seleção ("3
+ * selecionados") vira "0 selecionados" enquanto ela some, e a largura muda junto: mostre a
+ * última contagem maior que zero.
+ *
+ * @example
+ * ```tsx
+ * <ActionBar.Root
+ *   open={selected.length > 0}
+ *   onOpenChange={(open) => !open && clearSelection()}
+ * >
+ *   <ActionBar.Portal>
+ *     <ActionBar.Popup>
+ *       <ActionBar.SelectionTrigger>
+ *         {selected.length} selecionados
+ *       </ActionBar.SelectionTrigger>
+ *       <ActionBar.Separator />
+ *       <Button size="sm">Excluir</Button>
+ *       <ActionBar.Close render={<IconButton aria-label="Fechar" />} />
+ *     </ActionBar.Popup>
+ *   </ActionBar.Portal>
+ * </ActionBar.Root>
+ * ```
+ */
+export declare const ActionBarRoot: {
+  (props: ActionBarRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=action-bar-root.d.ts.map

package/dist/components/overlays/action-bar/action-bar-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-root.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/action-bar/action-bar-root.tsx"],"mappings":";;;;YAOY,qBAAqB,cAC/BA,OAAW,KAAK,OAChB;YAGU,qBAAqBA,OAAW,KAAK;YAErC,uBAAuBA,OAAW,KAAK;YAEvC,kCACVA,OAAW,KAAK;YAEN,iCAAiCA,OAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkChD;GAAwB,OAAA,qCAAkB,IAAA"}

package/dist/components/overlays/action-bar/action-bar-root.js

@@ -0,0 +1,52 @@
+import { ActionBarContextProvider } from "./use-action-bar-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/action-bar/action-bar-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Estado da barra de ações. Não renderiza elemento.
+*
+* É um dialog não modal do Base UI, sem trigger: a barra abre pelo `open`, ligado à seleção de
+* quem usa. Fecha só pelo `Esc` e pelo `Close`; o clique fora e o foco saindo da barra não
+* fecham (`disablePointerDismissal`), porque selecionar outra linha é um clique fora.
+*
+* A barra continua montada durante a animação de saída. Um texto derivado da seleção ("3
+* selecionados") vira "0 selecionados" enquanto ela some, e a largura muda junto: mostre a
+* última contagem maior que zero.
+*
+* @example
+* ```tsx
+* <ActionBar.Root
+*   open={selected.length > 0}
+*   onOpenChange={(open) => !open && clearSelection()}
+* >
+*   <ActionBar.Portal>
+*     <ActionBar.Popup>
+*       <ActionBar.SelectionTrigger>
+*         {selected.length} selecionados
+*       </ActionBar.SelectionTrigger>
+*       <ActionBar.Separator />
+*       <Button size="sm">Excluir</Button>
+*       <ActionBar.Close render={<IconButton aria-label="Fechar" />} />
+*     </ActionBar.Popup>
+*   </ActionBar.Portal>
+* </ActionBar.Root>
+* ```
+*/
+const ActionBarRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["placement"]);
+	return /* @__PURE__ */ jsx(ActionBarContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Dialog.Root, {
+			modal: false,
+			disablePointerDismissal: true,
+			...elementProps
+		})
+	});
+};
+ActionBarRoot.displayName = "ActionBar.Root";
+//#endregion
+export { ActionBarRoot };
+
+//# sourceMappingURL=action-bar-root.js.map

package/dist/components/overlays/action-bar/action-bar-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-root.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/action-bar/action-bar-root.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport {\n  ActionBarContextProvider,\n  type ActionBarVariants,\n} from './use-action-bar-context';\n\nexport type ActionBarRootProps = MergeOverride<\n  BaseDialog.Root.Props,\n  ActionBarVariants\n>;\n\nexport type ActionBarRootState = BaseDialog.Root.State;\n\nexport type ActionBarRootActions = BaseDialog.Root.Actions;\n\nexport type ActionBarRootChangeEventDetails =\n  BaseDialog.Root.ChangeEventDetails;\n\nexport type ActionBarRootChangeEventReason = BaseDialog.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<ActionBarVariants>();\n\n/**\n * Estado da barra de ações. Não renderiza elemento.\n *\n * É um dialog não modal do Base UI, sem trigger: a barra abre pelo `open`, ligado à seleção de\n * quem usa. Fecha só pelo `Esc` e pelo `Close`; o clique fora e o foco saindo da barra não\n * fecham (`disablePointerDismissal`), porque selecionar outra linha é um clique fora.\n *\n * A barra continua montada durante a animação de saída. Um texto derivado da seleção (\"3\n * selecionados\") vira \"0 selecionados\" enquanto ela some, e a largura muda junto: mostre a\n * última contagem maior que zero.\n *\n * @example\n * ```tsx\n * <ActionBar.Root\n *   open={selected.length > 0}\n *   onOpenChange={(open) => !open && clearSelection()}\n * >\n *   <ActionBar.Portal>\n *     <ActionBar.Popup>\n *       <ActionBar.SelectionTrigger>\n *         {selected.length} selecionados\n *       </ActionBar.SelectionTrigger>\n *       <ActionBar.Separator />\n *       <Button size=\"sm\">Excluir</Button>\n *       <ActionBar.Close render={<IconButton aria-label=\"Fechar\" />} />\n *     </ActionBar.Popup>\n *   </ActionBar.Portal>\n * </ActionBar.Root>\n * ```\n */\nexport const ActionBarRoot = (props: ActionBarRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['placement']);\n\n  return (\n    <ActionBarContextProvider value={variantProps}>\n      <BaseDialog.Root\n        modal={false}\n        disablePointerDismissal={true}\n        {...elementProps}\n      />\n    </ActionBarContextProvider>\n  );\n};\n\nActionBarRoot.displayName = 'ActionBar.Root';\n"],"mappings":";;;;;AAqBA,MAAM,oBAAoB,iBAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgC9D,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,WAAW,CAAC;CAE3E,OACE,oBAAC,0BAAD;EAA0B,OAAO;EAC/B,UAAA,oBAACA,OAAW,MAAZ;GACE,OAAO;GACP,yBAAyB;GACzB,GAAI;EACL,CAAA;CACuB,CAAA;AAE9B;AAEA,cAAc,cAAc"}

package/dist/components/overlays/action-bar/action-bar-selection-trigger.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/action-bar/action-bar-selection-trigger.d.ts
+export type ActionBarSelectionTriggerProps = useRender.ComponentProps<'button'>;
+/**
+ * Resumo da seleção ("3 selecionados"), no início da barra. É um botão para quem usa ligar uma
+ * ação à contagem, como limpar a seleção ou listar os itens.
+ */
+export declare const ActionBarSelectionTrigger: {
+  (props: ActionBarSelectionTriggerProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=action-bar-selection-trigger.d.ts.map

package/dist/components/overlays/action-bar/action-bar-selection-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-selection-trigger.d.ts","names":[],"sources":["../../../../src/components/overlays/action-bar/action-bar-selection-trigger.tsx"],"mappings":";;YAGY,iCAAiC,UAAU;;;;;qBAM1C;GACJ,OAAA,iDAA8B,+CAAA"}

package/dist/components/overlays/action-bar/action-bar-selection-trigger.js

@@ -0,0 +1,49 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/action-bar/action-bar-selection-trigger.tsx
+/**
+* Resumo da seleção ("3 selecionados"), no início da barra. É um botão para quem usa ligar uma
+* ação à contagem, como limpar a seleção ou listar os itens.
+*/
+const ActionBarSelectionTrigger = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "ActionBar.SelectionTrigger",
+		type: "button",
+		className: mergeTwClassNames([
+			"inline-flex",
+			"items-center",
+			"gap-2",
+			"self-stretch",
+			"shrink-0",
+			"px-3",
+			"rounded-md",
+			"corner-squircle",
+			"border",
+			"border-dashed",
+			"border-gray-alpha-7",
+			"text-sm",
+			"text-gray-12",
+			"font-medium",
+			"whitespace-nowrap",
+			"cursor-pointer",
+			"hover:transition-[background-color]",
+			"hover:ease-in",
+			"hover:duration-150",
+			"hover:bg-gray-alpha-3",
+			"ring-gray-9",
+			"focus-ring-outside",
+			"[&_svg]:shrink-0"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "button",
+		props: mergeProps(baseProps, rest)
+	});
+};
+ActionBarSelectionTrigger.displayName = "ActionBar.SelectionTrigger";
+//#endregion
+export { ActionBarSelectionTrigger };
+
+//# sourceMappingURL=action-bar-selection-trigger.js.map

package/dist/components/overlays/action-bar/action-bar-selection-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-selection-trigger.js","names":[],"sources":["../../../../src/components/overlays/action-bar/action-bar-selection-trigger.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type ActionBarSelectionTriggerProps = useRender.ComponentProps<'button'>;\n\n/**\n * Resumo da seleção (\"3 selecionados\"), no início da barra. É um botão para quem usa ligar uma\n * ação à contagem, como limpar a seleção ou listar os itens.\n */\nexport const ActionBarSelectionTrigger = (\n  props: ActionBarSelectionTriggerProps,\n) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'ActionBar.SelectionTrigger',\n    type: 'button' as const,\n    className: mergeTwClassNames(\n      [\n        'inline-flex',\n        'items-center',\n        'gap-2',\n        // Estica até a altura dos botões ao lado.\n        'self-stretch',\n        'shrink-0',\n\n        'px-3',\n\n        'rounded-md',\n        'corner-squircle',\n        'border',\n        'border-dashed',\n        'border-gray-alpha-7',\n\n        'text-sm',\n        'text-gray-12',\n        'font-medium',\n        'whitespace-nowrap',\n\n        'cursor-pointer',\n\n        'hover:transition-[background-color]', // O `transition-colors` animaria também a cor do anel de foco\n        'hover:ease-in',\n        'hover:duration-150',\n        'hover:bg-gray-alpha-3',\n\n        'ring-gray-9',\n        'focus-ring-outside',\n\n        '[&_svg]:shrink-0',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'button',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nActionBarSelectionTrigger.displayName = 'ActionBar.SelectionTrigger';\n"],"mappings":";;;;;;;AASA,MAAa,6BACX,UACG;CACH,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,MAAM;EACN,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GAEA;GACA;GACA;GACA;GACA;GAEA;GACA;GACA;GACA;GAEA;GAEA;GACA;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,0BAA0B,cAAc"}

package/dist/components/overlays/action-bar/action-bar-separator.d.ts

@@ -0,0 +1,14 @@
+import { Separator } from "@base-ui/react/separator";
+//#region src/components/overlays/action-bar/action-bar-separator.d.ts
+export type ActionBarSeparatorProps = Separator.Props;
+export type ActionBarSeparatorState = Separator.State;
+/**
+ * Linha vertical entre grupos de ações. O Base UI escreve `role="separator"` e
+ * `aria-orientation`.
+ */
+export declare const ActionBarSeparator: {
+  (props: ActionBarSeparatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=action-bar-separator.d.ts.map

package/dist/components/overlays/action-bar/action-bar-separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-separator.d.ts","names":["BaseSeparator"],"sources":["../../../../src/components/overlays/action-bar/action-bar-separator.tsx"],"mappings":";;YAGY,0BAA0BA,UAAc;YAExC,0BAA0BA,UAAc;;;;;qBAMvC;GAA6B,OAAA,0CAAuB,IAAA"}

package/dist/components/overlays/action-bar/action-bar-separator.js

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+//#region src/components/overlays/action-bar/action-bar-separator.tsx
+/**
+* Linha vertical entre grupos de ações. O Base UI escreve `role="separator"` e
+* `aria-orientation`.
+*/
+const ActionBarSeparator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-component": "ActionBar.Separator",
+		orientation: "vertical",
+		className: mergeStateClassNames([
+			"shrink-0",
+			"w-px",
+			"h-5",
+			"bg-gray-6"
+		], className),
+		...rest
+	});
+};
+ActionBarSeparator.displayName = "ActionBar.Separator";
+//#endregion
+export { ActionBarSeparator };
+
+//# sourceMappingURL=action-bar-separator.js.map

package/dist/components/overlays/action-bar/action-bar-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar-separator.js","names":["BaseSeparator"],"sources":["../../../../src/components/overlays/action-bar/action-bar-separator.tsx"],"sourcesContent":["import { Separator as BaseSeparator } from '@base-ui/react/separator';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ActionBarSeparatorProps = BaseSeparator.Props;\n\nexport type ActionBarSeparatorState = BaseSeparator.State;\n\n/**\n * Linha vertical entre grupos de ações. O Base UI escreve `role=\"separator\"` e\n * `aria-orientation`.\n */\nexport const ActionBarSeparator = (props: ActionBarSeparatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseSeparator\n      data-component=\"ActionBar.Separator\"\n      orientation=\"vertical\"\n      className={mergeStateClassNames(\n        [\n          'shrink-0',\n          'w-px',\n          'h-5',\n\n          'bg-gray-6',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n"],"mappings":";;;;;;;;AAWA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,WAAD;EACE,kBAAe;EACf,aAAY;EACZ,WAAW,qBACT;GACE;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

package/dist/components/overlays/action-bar/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as ActionBar };

package/dist/components/overlays/action-bar/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as ActionBar };

package/dist/components/overlays/action-bar/index.parts.d.ts

@@ -0,0 +1,13 @@
+import { ActionBarClose, ActionBarCloseProps, ActionBarCloseState } from "./action-bar-close.js";
+import { ActionBarPopup, ActionBarPopupProps, ActionBarPopupState } from "./action-bar-popup.js";
+import { ActionBarPortal, ActionBarPortalProps, ActionBarPortalState } from "./action-bar-portal.js";
+import { ActionBarVariants } from "./use-action-bar-context.js";
+import { ActionBarRoot, ActionBarRootActions, ActionBarRootChangeEventDetails, ActionBarRootChangeEventReason, ActionBarRootProps, ActionBarRootState } from "./action-bar-root.js";
+import { ActionBarSelectionTrigger, ActionBarSelectionTriggerProps } from "./action-bar-selection-trigger.js";
+import { ActionBarSeparator, ActionBarSeparatorProps, ActionBarSeparatorState } from "./action-bar-separator.js";
+declare namespace index_parts_d_exports {
+  export { ActionBarClose as Close, ActionBarCloseProps as CloseProps, ActionBarCloseState as CloseState, ActionBarPopup as Popup, ActionBarPopupProps as PopupProps, ActionBarPopupState as PopupState, ActionBarPortal as Portal, ActionBarPortalProps as PortalProps, ActionBarPortalState as PortalState, ActionBarRoot as Root, ActionBarRootActions as RootActions, ActionBarRootChangeEventDetails as RootChangeEventDetails, ActionBarRootChangeEventReason as RootChangeEventReason, ActionBarRootProps as RootProps, ActionBarRootState as RootState, ActionBarSelectionTrigger as SelectionTrigger, ActionBarSelectionTriggerProps as SelectionTriggerProps, ActionBarSeparator as Separator, ActionBarSeparatorProps as SeparatorProps, ActionBarSeparatorState as SeparatorState, ActionBarVariants as Variants };
+}
+//#endregion
+export { ActionBarClose as Close, type ActionBarCloseProps as CloseProps, type ActionBarCloseState as CloseState, ActionBarPopup as Popup, type ActionBarPopupProps as PopupProps, type ActionBarPopupState as PopupState, ActionBarPortal as Portal, type ActionBarPortalProps as PortalProps, type ActionBarPortalState as PortalState, ActionBarRoot as Root, type ActionBarRootActions as RootActions, type ActionBarRootChangeEventDetails as RootChangeEventDetails, type ActionBarRootChangeEventReason as RootChangeEventReason, type ActionBarRootProps as RootProps, type ActionBarRootState as RootState, ActionBarSelectionTrigger as SelectionTrigger, type ActionBarSelectionTriggerProps as SelectionTriggerProps, ActionBarSeparator as Separator, type ActionBarSeparatorProps as SeparatorProps, type ActionBarSeparatorState as SeparatorState, type ActionBarVariants as Variants, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/overlays/action-bar/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/overlays/action-bar/index.parts.ts"],"mappings":""}

package/dist/components/overlays/action-bar/index.parts.js

@@ -0,0 +1,20 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { ActionBarClose } from "./action-bar-close.js";
+import { ActionBarPopup } from "./action-bar-popup.js";
+import { ActionBarPortal } from "./action-bar-portal.js";
+import { ActionBarRoot } from "./action-bar-root.js";
+import { ActionBarSelectionTrigger } from "./action-bar-selection-trigger.js";
+import { ActionBarSeparator } from "./action-bar-separator.js";
+//#region src/components/overlays/action-bar/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Close: () => ActionBarClose,
+	Popup: () => ActionBarPopup,
+	Portal: () => ActionBarPortal,
+	Root: () => ActionBarRoot,
+	SelectionTrigger: () => ActionBarSelectionTrigger,
+	Separator: () => ActionBarSeparator
+});
+//#endregion
+export { ActionBarClose as Close, ActionBarPopup as Popup, ActionBarPortal as Portal, ActionBarRoot as Root, ActionBarSelectionTrigger as SelectionTrigger, ActionBarSeparator as Separator, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/overlays/action-bar/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/action-bar/index.parts.ts"],"sourcesContent":["export { ActionBarClose as Close } from './action-bar-close';\nexport { ActionBarPopup as Popup } from './action-bar-popup';\nexport { ActionBarPortal as Portal } from './action-bar-portal';\nexport { ActionBarRoot as Root } from './action-bar-root';\nexport { ActionBarSelectionTrigger as SelectionTrigger } from './action-bar-selection-trigger';\nexport { ActionBarSeparator as Separator } from './action-bar-separator';\n\n/* types */\n\nexport type {\n  ActionBarCloseProps as CloseProps,\n  ActionBarCloseState as CloseState,\n} from './action-bar-close';\nexport type {\n  ActionBarPopupProps as PopupProps,\n  ActionBarPopupState as PopupState,\n} from './action-bar-popup';\nexport type {\n  ActionBarPortalProps as PortalProps,\n  ActionBarPortalState as PortalState,\n} from './action-bar-portal';\nexport type {\n  ActionBarRootActions as RootActions,\n  ActionBarRootChangeEventDetails as RootChangeEventDetails,\n  ActionBarRootChangeEventReason as RootChangeEventReason,\n  ActionBarRootProps as RootProps,\n  ActionBarRootState as RootState,\n} from './action-bar-root';\nexport type { ActionBarSelectionTriggerProps as SelectionTriggerProps } from './action-bar-selection-trigger';\nexport type {\n  ActionBarSeparatorProps as SeparatorProps,\n  ActionBarSeparatorState as SeparatorState,\n} from './action-bar-separator';\nexport type { ActionBarVariants as Variants } from './use-action-bar-context';\n"],"mappings":""}

package/dist/components/overlays/action-bar/use-action-bar-context.d.ts

@@ -0,0 +1,16 @@
+//#region src/components/overlays/action-bar/use-action-bar-context.d.ts
+/**
+ * Variantes do ActionBar. Informadas no `ActionBar.Root` e repassadas às partes por contexto.
+ */
+export type ActionBarVariants = {
+  /**
+   * Posição da barra no rodapé da tela: centralizada, à esquerda ou à direita.
+   *
+   * @default 'bottom'
+   */
+  placement?: 'bottom' | 'bottom-start' | 'bottom-end';
+};
+export declare const actionBarDefaultVariants: Required<ActionBarVariants>;
+export declare const ActionBarContextProvider: import("react").Provider<ActionBarVariants>, useActionBarContext: () => ActionBarVariants;
+//#endregion
+//# sourceMappingURL=use-action-bar-context.d.ts.map

package/dist/components/overlays/action-bar/use-action-bar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-action-bar-context.d.ts","names":[],"sources":["../../../../src/components/overlays/action-bar/use-action-bar-context.ts"],"mappings":";;;;YAKY;;;;;;EAMV;;qBAGW,0BAA0B,SAAS;qBAIlC,0CAAwB,SAAA,oBAAE,2BAAmB"}

package/dist/components/overlays/action-bar/use-action-bar-context.js

@@ -0,0 +1,11 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/overlays/action-bar/use-action-bar-context.ts
+const actionBarDefaultVariants = { placement: "bottom" };
+const [ActionBarContextProvider, useActionBarContext] = createContext({
+	name: "ActionBarContext",
+	providers: ["ActionBar.Root"]
+});
+//#endregion
+export { ActionBarContextProvider, actionBarDefaultVariants, useActionBarContext };
+
+//# sourceMappingURL=use-action-bar-context.js.map

package/dist/components/overlays/action-bar/use-action-bar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-action-bar-context.js","names":[],"sources":["../../../../src/components/overlays/action-bar/use-action-bar-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do ActionBar. Informadas no `ActionBar.Root` e repassadas às partes por contexto.\n */\nexport type ActionBarVariants = {\n  /**\n   * Posição da barra no rodapé da tela: centralizada, à esquerda ou à direita.\n   *\n   * @default 'bottom'\n   */\n  placement?: 'bottom' | 'bottom-start' | 'bottom-end';\n};\n\nexport const actionBarDefaultVariants: Required<ActionBarVariants> = {\n  placement: 'bottom',\n};\n\nexport const [ActionBarContextProvider, useActionBarContext] =\n  createContext<ActionBarVariants>({\n    name: 'ActionBarContext',\n    providers: ['ActionBar.Root'],\n  });\n"],"mappings":";;AAcA,MAAa,2BAAwD,EACnE,WAAW,SACb;AAEA,MAAa,CAAC,0BAA0B,uBACtC,cAAiC;CAC/B,MAAM;CACN,WAAW,CAAC,gBAAgB;AAC9B,CAAC"}

package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-backdrop.d.ts
+export type AlertDialogBackdropProps = AlertDialog.Backdrop.Props;
+export type AlertDialogBackdropState = AlertDialog.Backdrop.State;
+/**
+ * Camada atrás do popup que cobre e escurece a página. Num alert dialog aninhado, o Base UI não a
+ * renderiza (a não ser com `forceRender`): quem escurece é o popup de trás.
+ *
+ * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
+ * de `overlays`).
+ */
+export declare const AlertDialogBackdrop: {
+  (props: AlertDialogBackdropProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-backdrop.d.ts.map

package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-backdrop.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-backdrop.tsx"],"mappings":";;YAGY,2BAA2BA,YAAgB,SAAS;YAEpD,2BAA2BA,YAAgB,SAAS;;;;;;;;qBASnD;GAA8B,OAAA,2CAAwB,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.js

@@ -0,0 +1,37 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-backdrop.tsx
+/**
+* Camada atrás do popup que cobre e escurece a página. Num alert dialog aninhado, o Base UI não a
+* renderiza (a não ser com `forceRender`): quem escurece é o popup de trás.
+*
+* Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README
+* de `overlays`).
+*/
+const AlertDialogBackdrop = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		"data-component": "AlertDialog.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
+	});
+};
+AlertDialogBackdrop.displayName = "AlertDialog.Backdrop";
+//#endregion
+export { AlertDialogBackdrop };
+
+//# sourceMappingURL=alert-dialog-backdrop.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-backdrop.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-backdrop.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogBackdropProps = BaseAlertDialog.Backdrop.Props;\n\nexport type AlertDialogBackdropState = BaseAlertDialog.Backdrop.State;\n\n/**\n * Camada atrás do popup que cobre e escurece a página. Num alert dialog aninhado, o Base UI não a\n * renderiza (a não ser com `forceRender`): quem escurece é o popup de trás.\n *\n * Cópia de `PopoverBackdrop`, a origem do backdrop dos popups, sem diferenças (tabela no README\n * de `overlays`).\n */\nexport const AlertDialogBackdrop = (props: AlertDialogBackdropProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Backdrop\n      data-component=\"AlertDialog.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\nAlertDialogBackdrop.displayName = 'AlertDialog.Backdrop';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,UAAjB;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,oBAAoB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-body.d.ts

@@ -0,0 +1,16 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/alert-dialog/alert-dialog-body.d.ts
+export type AlertDialogBodyProps = useRender.ComponentProps<'div'>;
+/**
+ * Conteúdo extra do alert dialog, como a lista do que será apagado ou um campo de confirmação.
+ * Opcional: o caso comum é só `Header` e `Footer`.
+ *
+ * Cópia de `DialogBody`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const AlertDialogBody: {
+  (props: AlertDialogBodyProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-body.d.ts.map

package/dist/components/overlays/alert-dialog/alert-dialog-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-body.d.ts","names":[],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-body.tsx"],"mappings":";;YAGY,uBAAuB,UAAU;;;;;;;;qBAShC;GAA0B,OAAA,uCAAoB,+CAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-body.js

@@ -0,0 +1,37 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/alert-dialog/alert-dialog-body.tsx
+/**
+* Conteúdo extra do alert dialog, como a lista do que será apagado ou um campo de confirmação.
+* Opcional: o caso comum é só `Header` e `Footer`.
+*
+* Cópia de `DialogBody`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+* explicado lá.
+*/
+const AlertDialogBody = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "AlertDialog.Body",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-1",
+			"flex-col",
+			"min-h-0",
+			"overflow-y-auto",
+			"px-(--alert-dialog-padding)",
+			"py-2",
+			"first:pt-(--alert-dialog-padding)",
+			"[&:not(:has(~[data-component='AlertDialog.Footer']))]:pb-(--alert-dialog-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+AlertDialogBody.displayName = "AlertDialog.Body";
+//#endregion
+export { AlertDialogBody };
+
+//# sourceMappingURL=alert-dialog-body.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-body.js","names":[],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-body.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type AlertDialogBodyProps = useRender.ComponentProps<'div'>;\n\n/**\n * Conteúdo extra do alert dialog, como a lista do que será apagado ou um campo de confirmação.\n * Opcional: o caso comum é só `Header` e `Footer`.\n *\n * Cópia de `DialogBody`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const AlertDialogBody = (props: AlertDialogBodyProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'AlertDialog.Body',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-1',\n        'flex-col',\n        // Sem o `min-h-0`, o item flex não encolhe abaixo do conteúdo, e o popup vaza da tela.\n        'min-h-0',\n        'overflow-y-auto',\n\n        'px-(--alert-dialog-padding)',\n        'py-2',\n        'first:pt-(--alert-dialog-padding)',\n        // Por irmão, e não por `last:`, porque um `Close` pode vir depois.\n        \"[&:not(:has(~[data-component='AlertDialog.Footer']))]:pb-(--alert-dialog-padding)\",\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nAlertDialogBody.displayName = 'AlertDialog.Body';\n"],"mappings":";;;;;;;;;;AAYA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,gBAAgB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-close.d.ts

@@ -0,0 +1,13 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-close.d.ts
+export type AlertDialogCloseProps = AlertDialog.Close.Props;
+export type AlertDialogCloseState = AlertDialog.Close.State;
+/**
+ * Botão que fecha o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const AlertDialogClose: {
+  (props: AlertDialogCloseProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-close.d.ts.map

package/dist/components/overlays/alert-dialog/alert-dialog-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-close.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-close.tsx"],"mappings":";;YAGY,wBAAwBA,YAAgB,MAAM;YAE9C,wBAAwBA,YAAgB,MAAM;;;;qBAK7C;GAA2B,OAAA,wCAAqB,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-close.js

@@ -0,0 +1,20 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-close.tsx
+/**
+* Botão que fecha o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.
+*/
+const AlertDialogClose = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		"data-component": "AlertDialog.Close",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+AlertDialogClose.displayName = "AlertDialog.Close";
+//#endregion
+export { AlertDialogClose };
+
+//# sourceMappingURL=alert-dialog-close.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-close.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-close.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogCloseProps = BaseAlertDialog.Close.Props;\n\nexport type AlertDialogCloseState = BaseAlertDialog.Close.State;\n\n/**\n * Botão que fecha o alert dialog. Sem estilo próprio; passe um botão da lib em `render`.\n */\nexport const AlertDialogClose = (props: AlertDialogCloseProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Close\n      data-component=\"AlertDialog.Close\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogClose.displayName = 'AlertDialog.Close';\n"],"mappings":";;;;;;;AAUA,MAAa,oBAAoB,UAAiC;CAChE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,OAAjB;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-description.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-description.d.ts
+export type AlertDialogDescriptionProps = AlertDialog.Description.Props;
+export type AlertDialogDescriptionState = AlertDialog.Description.State;
+/**
+ * Texto de apoio do alert dialog, ligado ao popup por `aria-describedby`: o leitor de tela o lê
+ * junto com o título ao abrir.
+ *
+ * Cópia de `DialogDescription`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const AlertDialogDescription: {
+  (props: AlertDialogDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-description.d.ts.map

package/dist/components/overlays/alert-dialog/alert-dialog-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-description.d.ts","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-description.tsx"],"mappings":";;YAGY,8BAA8BA,YAAgB,YAAY;YAE1D,8BAA8BA,YAAgB,YAAY;;;;;;;;qBASzD;GAAiC,OAAA,8CAA2B,IAAA"}

package/dist/components/overlays/alert-dialog/alert-dialog-description.js

@@ -0,0 +1,29 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/overlays/alert-dialog/alert-dialog-description.tsx
+/**
+* Texto de apoio do alert dialog, ligado ao popup por `aria-describedby`: o leitor de tela o lê
+* junto com o título ao abrir.
+*
+* Cópia de `DialogDescription`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+* explicado lá.
+*/
+const AlertDialogDescription = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-component": "AlertDialog.Description",
+		className: mergeStateClassNames([
+			"text-sm",
+			"leading-5",
+			"text-gray-11",
+			"text-pretty"
+		], className),
+		...rest
+	});
+};
+AlertDialogDescription.displayName = "AlertDialog.Description";
+//#endregion
+export { AlertDialogDescription };
+
+//# sourceMappingURL=alert-dialog-description.js.map

package/dist/components/overlays/alert-dialog/alert-dialog-description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-description.js","names":["BaseAlertDialog"],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-description.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog } from '@base-ui/react/alert-dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type AlertDialogDescriptionProps = BaseAlertDialog.Description.Props;\n\nexport type AlertDialogDescriptionState = BaseAlertDialog.Description.State;\n\n/**\n * Texto de apoio do alert dialog, ligado ao popup por `aria-describedby`: o leitor de tela o lê\n * junto com o título ao abrir.\n *\n * Cópia de `DialogDescription`, sem diferenças (tabela no README de `overlays`); o mecanismo está\n * explicado lá.\n */\nexport const AlertDialogDescription = (props: AlertDialogDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseAlertDialog.Description\n      data-component=\"AlertDialog.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,0BAA0B,UAAuC;CAC5E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,aAAjB;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,uBAAuB,cAAc"}

package/dist/components/overlays/alert-dialog/alert-dialog-footer.d.ts

@@ -0,0 +1,15 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/alert-dialog/alert-dialog-footer.d.ts
+export type AlertDialogFooterProps = useRender.ComponentProps<'div'>;
+/**
+ * Linha de ações na base do alert dialog, alinhadas à direita.
+ *
+ * Cópia de `DialogFooter`, sem diferenças (tabela no README de `overlays`); o mecanismo está
+ * explicado lá.
+ */
+export declare const AlertDialogFooter: {
+  (props: AlertDialogFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-dialog-footer.d.ts.map

package/dist/components/overlays/alert-dialog/alert-dialog-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-footer.d.ts","names":[],"sources":["../../../../src/components/overlays/alert-dialog/alert-dialog-footer.tsx"],"mappings":";;YAGY,yBAAyB,UAAU;;;;;;;qBAQlC;GAA4B,OAAA,yCAAsB,+CAAA"}