@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-close.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-close.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverCloseProps = BasePopover.Close.Props;\n\nexport type PopoverCloseState = BasePopover.Close.State;\n\n/**\n * Botão que fecha o popover. Sem estilo próprio; passe um botão da lib em `render`.\n */\nexport const PopoverClose = (props: PopoverCloseProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Close\n      data-component=\"Popover.Close\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nPopoverClose.displayName = 'Popover.Close';\n"],"mappings":";;;;;;;AAUA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-description.d.ts
+export type PopoverDescriptionProps = Popover.Description.Props;
+export type PopoverDescriptionState = Popover.Description.State;
+/**
+ * Texto de apoio do popover, ligado ao popup por `aria-describedby`.
+ */
+export declare const PopoverDescription: {
+  (props: PopoverDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-description.d.ts.map

package/dist/components/overlays/popover/popover-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-description.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-description.tsx"],"mappings":";;YAGY,0BAA0BA,QAAY,YAAY;YAElD,0BAA0BA,QAAY,YAAY;;;;qBAKjD;GAA6B,OAAA,0CAAuB,IAAA"}

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

@@ -0,0 +1,25 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-description.tsx
+/**
+* Texto de apoio do popover, ligado ao popup por `aria-describedby`.
+*/
+const PopoverDescription = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		"data-component": "Popover.Description",
+		className: mergeStateClassNames([
+			"text-sm",
+			"leading-5",
+			"text-gray-11",
+			"text-pretty"
+		], className),
+		...rest
+	});
+};
+PopoverDescription.displayName = "Popover.Description";
+//#endregion
+export { PopoverDescription };
+
+//# sourceMappingURL=popover-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-description.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-description.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverDescriptionProps = BasePopover.Description.Props;\n\nexport type PopoverDescriptionState = BasePopover.Description.State;\n\n/**\n * Texto de apoio do popover, ligado ao popup por `aria-describedby`.\n */\nexport const PopoverDescription = (props: PopoverDescriptionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Description\n      data-component=\"Popover.Description\"\n      className={mergeStateClassNames(\n        ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverDescription.displayName = 'Popover.Description';\n"],"mappings":";;;;;;;AAUA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,aAAb;EACE,kBAAe;EACf,WAAW,qBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

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

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-footer.d.ts
+export type PopoverFooterProps = useRender.ComponentProps<'div'>;
+/**
+ * Linha de ações na base do popover, alinhadas à direita.
+ */
+export declare const PopoverFooter: {
+  (props: PopoverFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-footer.d.ts.map

package/dist/components/overlays/popover/popover-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-footer.d.ts","names":[],"sources":["../../../../src/components/overlays/popover/popover-footer.tsx"],"mappings":";;YAGY,qBAAqB,UAAU;;;;qBAK9B;GAAwB,OAAA,qCAAkB,+CAAA"}

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

@@ -0,0 +1,30 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-footer.tsx
+/**
+* Linha de ações na base do popover, alinhadas à direita.
+*/
+const PopoverFooter = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Popover.Footer",
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"justify-end",
+			"gap-2",
+			"px-(--popover-padding)",
+			"pb-(--popover-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+PopoverFooter.displayName = "Popover.Footer";
+//#endregion
+export { PopoverFooter };
+
+//# sourceMappingURL=popover-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-footer.js","names":[],"sources":["../../../../src/components/overlays/popover/popover-footer.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type PopoverFooterProps = useRender.ComponentProps<'div'>;\n\n/**\n * Linha de ações na base do popover, alinhadas à direita.\n */\nexport const PopoverFooter = (props: PopoverFooterProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Popover.Footer',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-end',\n        'gap-2',\n\n        'px-(--popover-padding)',\n        'pb-(--popover-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPopoverFooter.displayName = 'Popover.Footer';\n"],"mappings":";;;;;;AAQA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-header.d.ts
+export type PopoverHeaderProps = useRender.ComponentProps<'div'>;
+/**
+ * Topo do popover, onde ficam título e descrição.
+ */
+export declare const PopoverHeader: {
+  (props: PopoverHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-header.d.ts.map

package/dist/components/overlays/popover/popover-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-header.d.ts","names":[],"sources":["../../../../src/components/overlays/popover/popover-header.tsx"],"mappings":";;YAGY,qBAAqB,UAAU;;;;qBAK9B;GAAwB,OAAA,qCAAkB,+CAAA"}

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

@@ -0,0 +1,29 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/overlays/popover/popover-header.tsx
+/**
+* Topo do popover, onde ficam título e descrição.
+*/
+const PopoverHeader = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Popover.Header",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-col",
+			"gap-0.5",
+			"px-(--popover-padding)",
+			"pt-(--popover-padding)"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+PopoverHeader.displayName = "Popover.Header";
+//#endregion
+export { PopoverHeader };
+
+//# sourceMappingURL=popover-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-header.js","names":[],"sources":["../../../../src/components/overlays/popover/popover-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type PopoverHeaderProps = useRender.ComponentProps<'div'>;\n\n/**\n * Topo do popover, onde ficam título e descrição.\n */\nexport const PopoverHeader = (props: PopoverHeaderProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Popover.Header',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-col',\n        'gap-0.5',\n\n        'px-(--popover-padding)',\n        'pt-(--popover-padding)',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nPopoverHeader.displayName = 'Popover.Header';\n"],"mappings":";;;;;;AAQA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,20 @@
+//#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.
+ *
+ * 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
+ * `scale` e `opacity` a partir de `--transform-origin`, o ponto do trigger que o Base UI escreve.
+ * Com movimento reduzido só a transição sai: o popup aparece e some sem animar.
+ *
+ * O respiro de `Header`, `Body` e `Footer` fica em `--popover-padding`, fixo em 16px, e um popover
+ * não tem `size`. Um popover com outro respiro o redeclara pela `className`.
+ *
+ * A altura para em `--available-height`, o espaço entre o trigger e a borda da tela. Acima disso,
+ * o `Body` rola, e `Header` e `Footer` continuam visíveis.
+ */
+export declare const popoverPopupVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//#endregion
+//# sourceMappingURL=popover-popup-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-popup-variants.d.ts","names":[],"sources":["../../../../src/components/overlays/popover/popover-popup-variants.ts"],"mappings":";;;;;;;;;;;;;;;;;qBAkBa,uBAAoB,iDAAA"}

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

@@ -0,0 +1,54 @@
+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.
+*
+* 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
+* `scale` e `opacity` a partir de `--transform-origin`, o ponto do trigger que o Base UI escreve.
+* Com movimento reduzido só a transição sai: o popup aparece e some sem animar.
+*
+* O respiro de `Header`, `Body` e `Footer` fica em `--popover-padding`, fixo em 16px, e um popover
+* não tem `size`. Um popover com outro respiro o redeclara pela `className`.
+*
+* A altura para em `--available-height`, o espaço entre o trigger e a borda da tela. Acima disso,
+* o `Body` rola, e `Header` e `Footer` continuam visíveis.
+*/
+const popoverPopupVariants = cva([
+	"[--popover-padding:--spacing(4)]",
+	"relative",
+	"flex",
+	"flex-col",
+	"h-(--popup-height,auto)",
+	"w-(--popup-width,auto)",
+	"max-h-(--available-height)",
+	"max-w-[min(calc(100dvw-1rem),var(--container-md))]",
+	"rounded-md",
+	"corner-squircle",
+	"outline-1",
+	"outline-gray-6",
+	"bg-white",
+	"dark:bg-gray-2",
+	"shadow-md",
+	"shadow-black/12",
+	"dark:shadow-none",
+	"text-sm",
+	"text-gray-12",
+	"not-motion-reduced:origin-(--transform-origin)",
+	"not-motion-reduced:transition-[width,height,opacity,scale]",
+	"not-motion-reduced:ease-enter",
+	"not-motion-reduced:duration-150",
+	"not-motion-reduced:data-starting-style:scale-95",
+	"not-motion-reduced:data-ending-style:scale-95",
+	"not-motion-reduced:data-ending-style:ease-exit",
+	"not-motion-reduced:data-ending-style:duration-100",
+	"data-starting-style:opacity-0",
+	"data-ending-style:opacity-0",
+	"data-instant:transition-none"
+]);
+//#endregion
+export { popoverPopupVariants };
+
+//# sourceMappingURL=popover-popup-variants.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-popup.d.ts
+export type PopoverPopupProps = Popover.Popup.Props;
+export type PopoverPopupState = Popover.Popup.State;
+/**
+ * Caixa do popover. Largura e altura seguem o conteúdo, até `--container-md` (ou a largura da
+ * tela, no celular) e até o espaço livre na tela, quando o `Body` passa a rolar; outra largura
+ * vem por `className`.
+ */
+export declare const PopoverPopup: {
+  (props: PopoverPopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-popup.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-popup.tsx"],"mappings":";;YAIY,oBAAoBA,QAAY,MAAM;YAEtC,oBAAoBA,QAAY,MAAM;;;;;;qBAOrC;GAAuB,OAAA,oCAAiB,IAAA"}

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

@@ -0,0 +1,23 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { popoverPopupVariants } from "./popover-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-popup.tsx
+/**
+* Caixa do popover. Largura e altura seguem o conteúdo, até `--container-md` (ou a largura da
+* tela, no celular) e até o espaço livre na tela, quando o `Body` passa a rolar; outra largura
+* vem por `className`.
+*/
+const PopoverPopup = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		"data-component": "Popover.Popup",
+		className: mergeStateClassNames(popoverPopupVariants(), className),
+		...rest
+	});
+};
+PopoverPopup.displayName = "Popover.Popup";
+//#endregion
+export { PopoverPopup };
+
+//# sourceMappingURL=popover-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-popup.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-popup.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\nimport { popoverPopupVariants } from './popover-popup-variants';\n\nexport type PopoverPopupProps = BasePopover.Popup.Props;\n\nexport type PopoverPopupState = BasePopover.Popup.State;\n\n/**\n * Caixa do popover. Largura e altura seguem o conteúdo, até `--container-md` (ou a largura da\n * tela, no celular) e até o espaço livre na tela, quando o `Body` passa a rolar; outra largura\n * vem por `className`.\n */\nexport const PopoverPopup = (props: PopoverPopupProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Popup\n      data-component=\"Popover.Popup\"\n      className={mergeStateClassNames(popoverPopupVariants(), className)}\n      {...rest}\n    />\n  );\n};\n\nPopoverPopup.displayName = 'Popover.Popup';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBAAqB,qBAAqB,GAAG,SAAS;EACjE,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-portal.d.ts
+export type PopoverPortalProps = Popover.Portal.Props;
+export type PopoverPortalState = Popover.Portal.State;
+/**
+ * Leva o popover para o fim do `body`, fora do contexto de empilhamento do trigger.
+ */
+export declare const PopoverPortal: {
+  (props: PopoverPortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-portal.d.ts.map

package/dist/components/overlays/popover/popover-portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-portal.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-portal.tsx"],"mappings":";;YAEY,qBAAqBA,QAAY,OAAO;YAExC,qBAAqBA,QAAY,OAAO;;;;qBAKvC;GAAwB,OAAA,qCAAkB,IAAA"}

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-portal.tsx
+/**
+* Leva o popover para o fim do `body`, fora do contexto de empilhamento do trigger.
+*/
+const PopoverPortal = (props) => {
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		"data-component": "Popover.Portal",
+		...props
+	});
+};
+PopoverPortal.displayName = "Popover.Portal";
+//#endregion
+export { PopoverPortal };
+
+//# sourceMappingURL=popover-portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-portal.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-portal.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\n\nexport type PopoverPortalProps = BasePopover.Portal.Props;\n\nexport type PopoverPortalState = BasePopover.Portal.State;\n\n/**\n * Leva o popover para o fim do `body`, fora do contexto de empilhamento do trigger.\n */\nexport const PopoverPortal = (props: PopoverPortalProps) => {\n  return (\n    <BasePopover.Portal\n      data-component=\"Popover.Portal\"\n      {...props}\n    />\n  );\n};\n\nPopoverPortal.displayName = 'Popover.Portal';\n"],"mappings":";;;;;;AASA,MAAa,iBAAiB,UAA8B;CAC1D,OACE,oBAACA,QAAY,QAAb;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,19 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-positioner.d.ts
+export type PopoverPositionerProps = Popover.Positioner.Props;
+export type PopoverPositionerState = Popover.Positioner.State;
+/**
+ * Posiciona o popup junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve
+ * inline (`--positioner-width`, `--available-width`).
+ *
+ * Origem do positioner dos popups: o `Tooltip.Positioner` e o `Menu.Positioner` copiam estas
+ * classes (tabela no README de `overlays`). Quando o mesmo popup passa de um trigger a outro (com `handle`), o positioner
+ * desliza até o novo lugar. Quando o Base UI marca `data-instant` (abertura por clique ou foco,
+ * por exemplo), ele vai direto, sem deslizar.
+ */
+export declare const PopoverPositioner: {
+  (props: PopoverPositionerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-positioner.d.ts.map

package/dist/components/overlays/popover/popover-positioner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-positioner.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-positioner.tsx"],"mappings":";;YAGY,yBAAyBA,QAAY,WAAW;YAEhD,yBAAyBA,QAAY,WAAW;;;;;;;;;;qBAW/C;GAA4B,OAAA,yCAAsB,IAAA"}

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

@@ -0,0 +1,36 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-positioner.tsx
+/**
+* Posiciona o popup junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve
+* inline (`--positioner-width`, `--available-width`).
+*
+* Origem do positioner dos popups: o `Tooltip.Positioner` e o `Menu.Positioner` copiam estas
+* classes (tabela no README de `overlays`). Quando o mesmo popup passa de um trigger a outro (com `handle`), o positioner
+* desliza até o novo lugar. Quando o Base UI marca `data-instant` (abertura por clique ou foco,
+* por exemplo), ele vai direto, sem deslizar.
+*/
+const PopoverPositioner = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		"data-component": "Popover.Positioner",
+		className: mergeStateClassNames([
+			"w-(--positioner-width)",
+			"h-(--positioner-height)",
+			"max-w-(--available-width)",
+			"not-motion-reduced:transition-[top,left,right,bottom,transform]",
+			"not-motion-reduced:duration-200",
+			"not-motion-reduced:ease-move",
+			"data-instant:transition-none"
+		], className),
+		sideOffset: 6,
+		collisionPadding: 12,
+		...rest
+	});
+};
+PopoverPositioner.displayName = "Popover.Positioner";
+//#endregion
+export { PopoverPositioner };
+
+//# sourceMappingURL=popover-positioner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-positioner.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-positioner.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverPositionerProps = BasePopover.Positioner.Props;\n\nexport type PopoverPositionerState = BasePopover.Positioner.State;\n\n/**\n * Posiciona o popup junto ao trigger. As dimensões vêm das variáveis que o Base UI escreve\n * inline (`--positioner-width`, `--available-width`).\n *\n * Origem do positioner dos popups: o `Tooltip.Positioner` e o `Menu.Positioner` copiam estas\n * classes (tabela no README de `overlays`). Quando o mesmo popup passa de um trigger a outro (com `handle`), o positioner\n * desliza até o novo lugar. Quando o Base UI marca `data-instant` (abertura por clique ou foco,\n * por exemplo), ele vai direto, sem deslizar.\n */\nexport const PopoverPositioner = (props: PopoverPositionerProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Positioner\n      data-component=\"Popover.Positioner\"\n      className={mergeStateClassNames(\n        [\n          'w-(--positioner-width)',\n          'h-(--positioner-height)',\n          'max-w-(--available-width)',\n\n          'not-motion-reduced:transition-[top,left,right,bottom,transform]',\n          'not-motion-reduced:duration-200',\n          'not-motion-reduced:ease-move',\n\n          'data-instant:transition-none',\n        ],\n        className,\n      )}\n      sideOffset={6}\n      collisionPadding={12}\n      {...rest}\n    />\n  );\n};\n\nPopoverPositioner.displayName = 'Popover.Positioner';\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,YAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,YAAY;EACZ,kBAAkB;EAClB,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -0,0 +1,34 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-root.d.ts
+export type PopoverRootProps<Payload = unknown> = Popover.Root.Props<Payload>;
+export type PopoverRootState = Popover.Root.State;
+export type PopoverRootActions = Popover.Root.Actions;
+export type PopoverRootChangeEventDetails = Popover.Root.ChangeEventDetails;
+export type PopoverRootChangeEventReason = Popover.Root.ChangeEventReason;
+/**
+ * Estado do popover. Não renderiza elemento.
+ *
+ * @example
+ * ```tsx
+ * <Popover.Root>
+ *   <Popover.Trigger render={<Button />}>Abrir</Popover.Trigger>
+ *   <Popover.Portal>
+ *     <Popover.Positioner>
+ *       <Popover.Popup>
+ *         <Popover.Arrow />
+ *         <Popover.Header>
+ *           <Popover.Title>Notificações</Popover.Title>
+ *         </Popover.Header>
+ *         <Popover.Body>…</Popover.Body>
+ *       </Popover.Popup>
+ *     </Popover.Positioner>
+ *   </Popover.Portal>
+ * </Popover.Root>
+ * ```
+ */
+export declare const PopoverRoot: {
+  <Payload extends unknown = unknown>(props: PopoverRootProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-root.d.ts.map

package/dist/components/overlays/popover/popover-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-root.tsx"],"mappings":";;YAGY,iBAAiB,qBAC3BA,QAAY,KAAK,MAAM;YAEb,mBAAmBA,QAAY,KAAK;YAEpC,qBAAqBA,QAAY,KAAK;YAEtC,gCAAgCA,QAAY,KAAK;YAEjD,+BAA+BA,QAAY,KAAK;;;;;;;;;;;;;;;;;;;;;;qBAuB/C;GAAe,mCAAO,OAC1B,iBAAiB,2BAAQ,IAAA"}

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

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-root.tsx
+/**
+* Estado do popover. Não renderiza elemento.
+*
+* @example
+* ```tsx
+* <Popover.Root>
+*   <Popover.Trigger render={<Button />}>Abrir</Popover.Trigger>
+*   <Popover.Portal>
+*     <Popover.Positioner>
+*       <Popover.Popup>
+*         <Popover.Arrow />
+*         <Popover.Header>
+*           <Popover.Title>Notificações</Popover.Title>
+*         </Popover.Header>
+*         <Popover.Body>…</Popover.Body>
+*       </Popover.Popup>
+*     </Popover.Positioner>
+*   </Popover.Portal>
+* </Popover.Root>
+* ```
+*/
+const PopoverRoot = (props) => {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
+};
+PopoverRoot.displayName = "Popover.Root";
+//#endregion
+export { PopoverRoot };
+
+//# sourceMappingURL=popover-root.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-title.d.ts
+export type PopoverTitleProps = Popover.Title.Props;
+export type PopoverTitleState = Popover.Title.State;
+/**
+ * Título do popover, ligado ao popup por `aria-labelledby`, com as mesmas classes do título dos
+ * outros componentes.
+ */
+export declare const PopoverTitle: {
+  (props: PopoverTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-title.d.ts.map

package/dist/components/overlays/popover/popover-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-title.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-title.tsx"],"mappings":";;YAGY,oBAAoBA,QAAY,MAAM;YAEtC,oBAAoBA,QAAY,MAAM;;;;;qBAMrC;GAAuB,OAAA,oCAAiB,IAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-title.tsx
+/**
+* Título do popover, ligado ao popup por `aria-labelledby`, com as mesmas classes do título dos
+* outros componentes.
+*/
+const PopoverTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		"data-component": "Popover.Title",
+		className: mergeStateClassNames([
+			"text-base",
+			"leading-6",
+			"text-gray-12",
+			"text-balance",
+			"font-medium"
+		], className),
+		...rest
+	});
+};
+PopoverTitle.displayName = "Popover.Title";
+//#endregion
+export { PopoverTitle };
+
+//# sourceMappingURL=popover-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-title.js","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-title.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover';\nimport { mergeStateClassNames } from '#utils';\n\nexport type PopoverTitleProps = BasePopover.Title.Props;\n\nexport type PopoverTitleState = BasePopover.Title.State;\n\n/**\n * Título do popover, ligado ao popup por `aria-labelledby`, com as mesmas classes do título dos\n * outros componentes.\n */\nexport const PopoverTitle = (props: PopoverTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BasePopover.Title\n      data-component=\"Popover.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-base',\n          'leading-6',\n          'text-gray-12',\n          'text-balance',\n\n          'font-medium',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nPopoverTitle.displayName = 'Popover.Title';\n"],"mappings":";;;;;;;;AAWA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,QAAY,OAAb;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/overlays/popover/popover-trigger.d.ts
+export type PopoverTriggerProps<Payload = unknown> = Popover.Trigger.Props<Payload>;
+export type PopoverTriggerState = Popover.Trigger.State;
+/**
+ * Elemento que abre o popover. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const PopoverTrigger: {
+  <Payload extends unknown = unknown>(props: PopoverTriggerProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/components/overlays/popover/popover-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","names":["BasePopover"],"sources":["../../../../src/components/overlays/popover/popover-trigger.tsx"],"mappings":";;YAIY,oBAAoB,qBAC9BA,QAAY,QAAQ,MAAM;YAEhB,sBAAsBA,QAAY,QAAQ;;;;qBAKzC;GAAkB,mCAAO,OAC7B,oBAAoB,2BAAQ,IAAA"}

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

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

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

@@ -0,0 +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"}