@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,84 @@
+import { dialogDefaultVariants } from "./use-dialog-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/overlays/dialog/dialog-popup-variants.ts
+/**
+* Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,
+* cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:
+* - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;
+* - largura pelo `size` e altura até a do viewport, com o `Body` rolando;
+* - `rounded-md` e `shadow-lg`;
+* - o aninhamento, abaixo.
+*
+* O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o
+* título e a descrição: o `size` do Dialog é a largura, e um Dialog largo não ganha título maior.
+*
+* Com outro Dialog aberto sobre ele, o Base UI marca o popup com `data-nested-dialog-open` e
+* escreve em `--nested-dialogs` quantos estão abertos à frente. O popup de trás encolhe, sobe 24px
+* por nível e escurece (pelo `::after`), porque o Dialog aninhado não renderiza backdrop: cada
+* nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o
+* cobre por inteiro, porque os dois ficam centralizados.
+*
+* Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const dialogPopupVariants = cva([
+	"[--dialog-padding:--spacing(4)]",
+	"relative",
+	"flex",
+	"flex-col",
+	"w-full",
+	"max-h-full",
+	"rounded-md",
+	"corner-squircle",
+	"outline-1",
+	"outline-gray-6",
+	"bg-white",
+	"dark:bg-gray-2",
+	"shadow-lg",
+	"shadow-black/12",
+	"dark:shadow-none",
+	"text-sm",
+	"text-gray-12",
+	"not-motion-reduced:transition-[translate,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",
+	"not-motion-reduced:data-nested-dialog-open:scale-[calc(1-0.05*var(--nested-dialogs))]",
+	"not-motion-reduced:data-nested-dialog-open:-translate-y-[calc(var(--nested-dialogs)*(--spacing(6)))]",
+	"after:content-['']",
+	"after:absolute",
+	"after:inset-0",
+	"after:rounded-[inherit]",
+	"after:bg-black/20",
+	"after:opacity-0",
+	"after:pointer-events-none",
+	"not-motion-reduced:after:transition-opacity",
+	"not-motion-reduced:after:duration-150",
+	"data-nested-dialog-open:after:opacity-100"
+], {
+	variants: { size: {
+		xs: ["max-w-xs"],
+		sm: ["max-w-sm"],
+		md: ["max-w-md"],
+		lg: ["max-w-lg"],
+		xl: ["max-w-xl"],
+		"2xl": ["max-w-2xl"],
+		"3xl": ["max-w-3xl"],
+		"4xl": ["max-w-4xl"],
+		"5xl": ["max-w-5xl"],
+		"6xl": ["max-w-6xl"],
+		"7xl": ["max-w-7xl"],
+		full: ["max-w-none", "h-full"]
+	} },
+	defaultVariants: { size: dialogDefaultVariants.size }
+});
+//#endregion
+export { dialogPopupVariants };
+
+//# sourceMappingURL=dialog-popup-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-popup-variants.js","names":[],"sources":["../../../../src/components/overlays/dialog/dialog-popup-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dialogDefaultVariants } from './use-dialog-context';\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra,\n * cor do texto e animação estão explicados (tabela no README de `overlays`). As diferenças:\n * - sem positioner: o `Dialog.Viewport` centraliza o popup, que cresce a partir do centro;\n * - largura pelo `size` e altura até a do viewport, com o `Body` rolando;\n * - `rounded-md` e `shadow-lg`;\n * - o aninhamento, abaixo.\n *\n * O respiro de `Header`, `Body` e `Footer` fica em `--dialog-padding`, fixo em 16px, como o\n * título e a descrição: o `size` do Dialog é a largura, e um Dialog largo não ganha título maior.\n *\n * Com outro Dialog aberto sobre ele, o Base UI marca o popup com `data-nested-dialog-open` e\n * escreve em `--nested-dialogs` quantos estão abertos à frente. O popup de trás encolhe, sobe 24px\n * por nível e escurece (pelo `::after`), porque o Dialog aninhado não renderiza backdrop: cada\n * nível aparece como uma faixa acima do da frente. Um Dialog da frente mais alto que o de trás o\n * cobre por inteiro, porque os dois ficam centralizados.\n *\n * Origem do `AlertDialog.Popup` e do `Drawer.Popup`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const dialogPopupVariants = cva(\n  [\n    '[--dialog-padding:--spacing(4)]',\n\n    'relative',\n\n    'flex',\n    'flex-col',\n\n    'w-full',\n    'max-h-full',\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-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // O popup vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    'not-motion-reduced:transition-[translate,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    'not-motion-reduced:data-nested-dialog-open:scale-[calc(1-0.05*var(--nested-dialogs))]',\n    'not-motion-reduced:data-nested-dialog-open:-translate-y-[calc(var(--nested-dialogs)*(--spacing(6)))]',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:inset-0',\n    'after:rounded-[inherit]',\n    'after:bg-black/20',\n    'after:opacity-0',\n    'after:pointer-events-none',\n    'not-motion-reduced:after:transition-opacity',\n    'not-motion-reduced:after:duration-150',\n    'data-nested-dialog-open:after:opacity-100',\n  ],\n  {\n    variants: {\n      size: {\n        xs: ['max-w-xs'],\n        sm: ['max-w-sm'],\n        md: ['max-w-md'],\n        lg: ['max-w-lg'],\n        xl: ['max-w-xl'],\n        '2xl': ['max-w-2xl'],\n        '3xl': ['max-w-3xl'],\n        '4xl': ['max-w-4xl'],\n        '5xl': ['max-w-5xl'],\n        '6xl': ['max-w-6xl'],\n        '7xl': ['max-w-7xl'],\n        full: ['max-w-none', 'h-full'],\n      },\n    },\n    defaultVariants: {\n      size: dialogDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,sBAAsB,IACjC;CACE;CAEA;CAEA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CAGA;CACA;CAEA;CACA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EACf,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,OAAO,CAAC,WAAW;EACnB,MAAM,CAAC,cAAc,QAAQ;CAC/B,EACF;CACA,iBAAiB,EACf,MAAM,sBAAsB,KAC9B;AACF,CACF"}

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

@@ -0,0 +1,14 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-popup.d.ts
+export type DialogPopupProps = Dialog.Popup.Props;
+export type DialogPopupState = Dialog.Popup.State;
+/**
+ * Caixa do dialog, na largura do `size` do `Dialog.Root`. Ao abrir, o foco vai para o primeiro
+ * elemento focável dentro dela.
+ */
+export declare const DialogPopup: {
+  (props: DialogPopupProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-popup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-popup.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-popup.tsx"],"mappings":";;YAKY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;qBAMnC;GAAsB,OAAA,mCAAgB,IAAA"}

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

@@ -0,0 +1,24 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useDialogContext } from "./use-dialog-context.js";
+import { dialogPopupVariants } from "./dialog-popup-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-popup.tsx
+/**
+* Caixa do dialog, na largura do `size` do `Dialog.Root`. Ao abrir, o foco vai para o primeiro
+* elemento focável dentro dela.
+*/
+const DialogPopup = (props) => {
+	const { className, ...rest } = props;
+	const { size } = useDialogContext();
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		"data-component": "Dialog.Popup",
+		className: mergeStateClassNames(dialogPopupVariants({ size }), className),
+		...rest
+	});
+};
+DialogPopup.displayName = "Dialog.Popup";
+//#endregion
+export { DialogPopup };
+
+//# sourceMappingURL=dialog-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-popup.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-popup.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\nimport { dialogPopupVariants } from './dialog-popup-variants';\nimport { useDialogContext } from './use-dialog-context';\n\nexport type DialogPopupProps = BaseDialog.Popup.Props;\n\nexport type DialogPopupState = BaseDialog.Popup.State;\n\n/**\n * Caixa do dialog, na largura do `size` do `Dialog.Root`. Ao abrir, o foco vai para o primeiro\n * elemento focável dentro dela.\n */\nexport const DialogPopup = (props: DialogPopupProps) => {\n  const { className, ...rest } = props;\n\n  const { size } = useDialogContext();\n\n  return (\n    <BaseDialog.Popup\n      data-component=\"Dialog.Popup\"\n      className={mergeStateClassNames(dialogPopupVariants({ size }), className)}\n      {...rest}\n    />\n  );\n};\n\nDialogPopup.displayName = 'Dialog.Popup';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBAAqB,oBAAoB,EAAE,KAAK,CAAC,GAAG,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-portal.d.ts
+export type DialogPortalProps = Dialog.Portal.Props;
+export type DialogPortalState = Dialog.Portal.State;
+/**
+ * Leva o dialog para o fim do `body`, fora do contexto de empilhamento da página.
+ */
+export declare const DialogPortal: {
+  (props: DialogPortalProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-portal.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-portal.tsx"],"mappings":";;YAEY,oBAAoBA,OAAW,OAAO;YAEtC,oBAAoBA,OAAW,OAAO;;;;qBAKrC;GAAuB,OAAA,oCAAiB,IAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-portal.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-portal.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\n\nexport type DialogPortalProps = BaseDialog.Portal.Props;\n\nexport type DialogPortalState = BaseDialog.Portal.State;\n\n/**\n * Leva o dialog para o fim do `body`, fora do contexto de empilhamento da página.\n */\nexport const DialogPortal = (props: DialogPortalProps) => {\n  return (\n    <BaseDialog.Portal\n      data-component=\"Dialog.Portal\"\n      {...props}\n    />\n  );\n};\n\nDialogPortal.displayName = 'Dialog.Portal';\n"],"mappings":";;;;;;AASA,MAAa,gBAAgB,UAA6B;CACxD,OACE,oBAACA,OAAW,QAAZ;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,44 @@
+import { DialogVariants } from "./use-dialog-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-root.d.ts
+export type DialogRootProps<Payload = unknown> = MergeOverride<Dialog.Root.Props<Payload>, DialogVariants>;
+export type DialogRootState = Dialog.Root.State;
+export type DialogRootActions = Dialog.Root.Actions;
+export type DialogRootChangeEventDetails = Dialog.Root.ChangeEventDetails;
+export type DialogRootChangeEventReason = Dialog.Root.ChangeEventReason;
+/**
+ * Estado do dialog. Não renderiza elemento.
+ *
+ * Modal por padrão: o foco fica preso no popup, a rolagem da página trava, e o clique fora, no
+ * backdrop ou no viewport, fecha o dialog.
+ *
+ * @example
+ * ```tsx
+ * <Dialog.Root>
+ *   <Dialog.Trigger render={<Button />}>Editar cliente</Dialog.Trigger>
+ *   <Dialog.Portal>
+ *     <Dialog.Backdrop />
+ *     <Dialog.Viewport>
+ *       <Dialog.Popup>
+ *         <Dialog.Header>
+ *           <Dialog.Title>Editar cliente</Dialog.Title>
+ *           <Dialog.Description>Os dados valem para os próximos pedidos.</Dialog.Description>
+ *         </Dialog.Header>
+ *         <Dialog.Body>…</Dialog.Body>
+ *         <Dialog.Footer>
+ *           <Dialog.Close render={<Button variant="outline" />}>Cancelar</Dialog.Close>
+ *           <Button>Salvar</Button>
+ *         </Dialog.Footer>
+ *       </Dialog.Popup>
+ *     </Dialog.Viewport>
+ *   </Dialog.Portal>
+ * </Dialog.Root>
+ * ```
+ */
+export declare const DialogRoot: {
+  <Payload extends unknown = unknown>(props: DialogRootProps<Payload>): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-root.tsx"],"mappings":";;;;YAWY,gBAAgB,qBAAqB,cAC/CA,OAAW,KAAK,MAAM,UACtB;YAGU,kBAAkBA,OAAW,KAAK;YAElC,oBAAoBA,OAAW,KAAK;YAEpC,+BAA+BA,OAAW,KAAK;YAE/C,8BAA8BA,OAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiC7C;GAAc,mCAAO,OACzB,gBAAgB,2BAAQ,IAAA"}

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

@@ -0,0 +1,47 @@
+import { DialogContextProvider } from "./use-dialog-context.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Estado do dialog. Não renderiza elemento.
+*
+* Modal por padrão: o foco fica preso no popup, a rolagem da página trava, e o clique fora, no
+* backdrop ou no viewport, fecha o dialog.
+*
+* @example
+* ```tsx
+* <Dialog.Root>
+*   <Dialog.Trigger render={<Button />}>Editar cliente</Dialog.Trigger>
+*   <Dialog.Portal>
+*     <Dialog.Backdrop />
+*     <Dialog.Viewport>
+*       <Dialog.Popup>
+*         <Dialog.Header>
+*           <Dialog.Title>Editar cliente</Dialog.Title>
+*           <Dialog.Description>Os dados valem para os próximos pedidos.</Dialog.Description>
+*         </Dialog.Header>
+*         <Dialog.Body>…</Dialog.Body>
+*         <Dialog.Footer>
+*           <Dialog.Close render={<Button variant="outline" />}>Cancelar</Dialog.Close>
+*           <Button>Salvar</Button>
+*         </Dialog.Footer>
+*       </Dialog.Popup>
+*     </Dialog.Viewport>
+*   </Dialog.Portal>
+* </Dialog.Root>
+* ```
+*/
+const DialogRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["size"]);
+	return /* @__PURE__ */ jsx(DialogContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Dialog.Root, { ...elementProps })
+	});
+};
+DialogRoot.displayName = "Dialog.Root";
+//#endregion
+export { DialogRoot };
+
+//# sourceMappingURL=dialog-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-root.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-root.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport {\n  type AnyType,\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/utils';\nimport {\n  DialogContextProvider,\n  type DialogVariants,\n} from './use-dialog-context';\n\nexport type DialogRootProps<Payload = unknown> = MergeOverride<\n  BaseDialog.Root.Props<Payload>,\n  DialogVariants\n>;\n\nexport type DialogRootState = BaseDialog.Root.State;\n\nexport type DialogRootActions = BaseDialog.Root.Actions;\n\nexport type DialogRootChangeEventDetails = BaseDialog.Root.ChangeEventDetails;\n\nexport type DialogRootChangeEventReason = BaseDialog.Root.ChangeEventReason;\n\nconst splitVariantProps = createSplitProps<DialogVariants>();\n\n/**\n * Estado do dialog. Não renderiza elemento.\n *\n * Modal por padrão: o foco fica preso no popup, a rolagem da página trava, e o clique fora, no\n * backdrop ou no viewport, fecha o dialog.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger render={<Button />}>Editar cliente</Dialog.Trigger>\n *   <Dialog.Portal>\n *     <Dialog.Backdrop />\n *     <Dialog.Viewport>\n *       <Dialog.Popup>\n *         <Dialog.Header>\n *           <Dialog.Title>Editar cliente</Dialog.Title>\n *           <Dialog.Description>Os dados valem para os próximos pedidos.</Dialog.Description>\n *         </Dialog.Header>\n *         <Dialog.Body>…</Dialog.Body>\n *         <Dialog.Footer>\n *           <Dialog.Close render={<Button variant=\"outline\" />}>Cancelar</Dialog.Close>\n *           <Button>Salvar</Button>\n *         </Dialog.Footer>\n *       </Dialog.Popup>\n *     </Dialog.Viewport>\n *   </Dialog.Portal>\n * </Dialog.Root>\n * ```\n */\nexport const DialogRoot = <Payload extends AnyType = unknown>(\n  props: DialogRootProps<Payload>,\n) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['size']);\n\n  return (\n    <DialogContextProvider value={variantProps}>\n      <BaseDialog.Root {...elementProps} />\n    </DialogContextProvider>\n  );\n};\n\nDialogRoot.displayName = 'Dialog.Root';\n"],"mappings":";;;;;AAwBA,MAAM,oBAAoB,iBAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B3D,MAAa,cACX,UACG;CACH,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,MAAM,CAAC;CAEtE,OACE,oBAAC,uBAAD;EAAuB,OAAO;EAC5B,UAAA,oBAACA,OAAW,MAAZ,EAAiB,GAAI,aAAe,CAAA;CACf,CAAA;AAE3B;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,20 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-title.d.ts
+export type DialogTitleProps = Dialog.Title.Props;
+export type DialogTitleState = Dialog.Title.State;
+/**
+ * Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.
+ *
+ * Cópia de `CardTitle` (tabela no README de `display`). A diferença: a tag vem do Base UI (`h2`),
+ * sem a prop `level`; outra tag vai por `render`.
+ *
+ * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes
+ * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+ * mesma rodada.
+ */
+export declare const DialogTitle: {
+  (props: DialogTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-title.tsx"],"mappings":";;YAGY,mBAAmBA,OAAW,MAAM;YAEpC,mBAAmBA,OAAW,MAAM;;;;;;;;;;;qBAYnC;GAAsB,OAAA,mCAAgB,IAAA"}

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

@@ -0,0 +1,33 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-title.tsx
+/**
+* Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.
+*
+* Cópia de `CardTitle` (tabela no README de `display`). A diferença: a tag vem do Base UI (`h2`),
+* sem a prop `level`; outra tag vai por `render`.
+*
+* Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes
+* (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na
+* mesma rodada.
+*/
+const DialogTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-component": "Dialog.Title",
+		className: mergeStateClassNames([
+			"text-base",
+			"leading-6",
+			"font-medium",
+			"text-gray-12",
+			"text-balance"
+		], className),
+		...rest
+	});
+};
+DialogTitle.displayName = "Dialog.Title";
+//#endregion
+export { DialogTitle };
+
+//# sourceMappingURL=dialog-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-title.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-title.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogTitleProps = BaseDialog.Title.Props;\n\nexport type DialogTitleState = BaseDialog.Title.State;\n\n/**\n * Título do dialog, um `h2` ligado ao popup por `aria-labelledby`.\n *\n * Cópia de `CardTitle` (tabela no README de `display`). A diferença: a tag vem do Base UI (`h2`),\n * sem a prop `level`; outra tag vai por `render`.\n *\n * Origem do `AlertDialog.Title` e do `Drawer.Title`, que copiam estas classes\n * (tabela no README de `overlays`, com as diferenças). Uma mudança aqui vale para as cópias na\n * mesma rodada.\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Title\n      data-component=\"Dialog.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-base',\n          'leading-6',\n          'font-medium',\n          'text-gray-12',\n          'text-balance',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogTitle.displayName = 'Dialog.Title';\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,OAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-trigger.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-trigger.tsx"],"mappings":";;YAIY,mBAAmB,qBAC7BA,OAAW,QAAQ,MAAM;YAEf,qBAAqBA,OAAW,QAAQ;;;;qBAKvC;GAAiB,mCAAO,OAC5B,mBAAmB,2BAAQ,IAAA"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-viewport.d.ts
+export type DialogViewportProps = Dialog.Viewport.Props;
+export type DialogViewportState = Dialog.Viewport.State;
+/**
+ * Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela
+ * pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora
+ * do popup, fecha o dialog como um clique no backdrop.
+ *
+ * Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de
+ * `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.
+ */
+export declare const DialogViewport: {
+  (props: DialogViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=dialog-viewport.d.ts.map

package/dist/components/overlays/dialog/dialog-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-viewport.d.ts","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-viewport.tsx"],"mappings":";;YAGY,sBAAsBA,OAAW,SAAS;YAE1C,sBAAsBA,OAAW,SAAS;;;;;;;;;qBAUzC;GAAyB,OAAA,sCAAmB,IAAA"}

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

@@ -0,0 +1,32 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/overlays/dialog/dialog-viewport.tsx
+/**
+* Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela
+* pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora
+* do popup, fecha o dialog como um clique no backdrop.
+*
+* Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de
+* `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.
+*/
+const DialogViewport = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Dialog.Viewport, {
+		"data-component": "Dialog.Viewport",
+		className: mergeStateClassNames([
+			"fixed",
+			"inset-0",
+			"flex",
+			"items-center",
+			"justify-center",
+			"p-4"
+		], className),
+		...rest
+	});
+};
+DialogViewport.displayName = "Dialog.Viewport";
+//#endregion
+export { DialogViewport };
+
+//# sourceMappingURL=dialog-viewport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-viewport.js","names":["BaseDialog"],"sources":["../../../../src/components/overlays/dialog/dialog-viewport.tsx"],"sourcesContent":["import { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { mergeStateClassNames } from '#utils';\n\nexport type DialogViewportProps = BaseDialog.Viewport.Props;\n\nexport type DialogViewportState = BaseDialog.Viewport.State;\n\n/**\n * Camada fixa sobre a tela que centraliza o popup. A margem (`p-4`) limita o popup: em tela\n * pequena, ele ocupa a largura e a altura que sobram, e o `Body` rola. Um clique no viewport, fora\n * do popup, fecha o dialog como um clique no backdrop.\n *\n * Origem do `AlertDialog.Viewport`, que copia estas classes sem diferenças (tabela no README de\n * `overlays`). Uma mudança aqui vale para a cópia na mesma rodada.\n */\nexport const DialogViewport = (props: DialogViewportProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseDialog.Viewport\n      data-component=\"Dialog.Viewport\"\n      className={mergeStateClassNames(\n        [\n          'fixed',\n          'inset-0',\n\n          'flex',\n          'items-center',\n          'justify-center',\n\n          'p-4',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nDialogViewport.displayName = 'Dialog.Viewport';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,OAAW,UAAZ;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

package/dist/components/overlays/dialog/index.d.ts

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

package/dist/components/overlays/dialog/index.js

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

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

@@ -0,0 +1,20 @@
+import { DialogHandle, createDialogHandle } from "./create-handle.js";
+import { DialogBackdrop, DialogBackdropProps, DialogBackdropState } from "./dialog-backdrop.js";
+import { DialogBody, DialogBodyProps } from "./dialog-body.js";
+import { DialogClose, DialogCloseProps, DialogCloseState } from "./dialog-close.js";
+import { DialogDescription, DialogDescriptionProps, DialogDescriptionState } from "./dialog-description.js";
+import { DialogFooter, DialogFooterProps } from "./dialog-footer.js";
+import { DialogHeader, DialogHeaderProps } from "./dialog-header.js";
+import { DialogPopup, DialogPopupProps, DialogPopupState } from "./dialog-popup.js";
+import { DialogPortal, DialogPortalProps, DialogPortalState } from "./dialog-portal.js";
+import { DialogVariants } from "./use-dialog-context.js";
+import { DialogRoot, DialogRootActions, DialogRootChangeEventDetails, DialogRootChangeEventReason, DialogRootProps, DialogRootState } from "./dialog-root.js";
+import { DialogTitle, DialogTitleProps, DialogTitleState } from "./dialog-title.js";
+import { DialogTrigger, DialogTriggerProps, DialogTriggerState } from "./dialog-trigger.js";
+import { DialogViewport, DialogViewportProps, DialogViewportState } from "./dialog-viewport.js";
+declare namespace index_parts_d_exports {
+  export { DialogBackdrop as Backdrop, DialogBackdropProps as BackdropProps, DialogBackdropState as BackdropState, DialogBody as Body, DialogBodyProps as BodyProps, DialogClose as Close, DialogCloseProps as CloseProps, DialogCloseState as CloseState, DialogDescription as Description, DialogDescriptionProps as DescriptionProps, DialogDescriptionState as DescriptionState, DialogFooter as Footer, DialogFooterProps as FooterProps, DialogHandle as Handle, DialogHeader as Header, DialogHeaderProps as HeaderProps, DialogPopup as Popup, DialogPopupProps as PopupProps, DialogPopupState as PopupState, DialogPortal as Portal, DialogPortalProps as PortalProps, DialogPortalState as PortalState, DialogRoot as Root, DialogRootActions as RootActions, DialogRootChangeEventDetails as RootChangeEventDetails, DialogRootChangeEventReason as RootChangeEventReason, DialogRootProps as RootProps, DialogRootState as RootState, DialogTitle as Title, DialogTitleProps as TitleProps, DialogTitleState as TitleState, DialogTrigger as Trigger, DialogTriggerProps as TriggerProps, DialogTriggerState as TriggerState, DialogVariants as Variants, DialogViewport as Viewport, DialogViewportProps as ViewportProps, DialogViewportState as ViewportState, createDialogHandle as createHandle };
+}
+//#endregion
+export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, type DialogBackdropState as BackdropState, DialogBody as Body, type DialogBodyProps as BodyProps, DialogClose as Close, type DialogCloseProps as CloseProps, type DialogCloseState as CloseState, DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, type DialogDescriptionState as DescriptionState, DialogFooter as Footer, type DialogFooterProps as FooterProps, type DialogHandle as Handle, DialogHeader as Header, type DialogHeaderProps as HeaderProps, DialogPopup as Popup, type DialogPopupProps as PopupProps, type DialogPopupState as PopupState, DialogPortal as Portal, type DialogPortalProps as PortalProps, type DialogPortalState as PortalState, DialogRoot as Root, type DialogRootActions as RootActions, type DialogRootChangeEventDetails as RootChangeEventDetails, type DialogRootChangeEventReason as RootChangeEventReason, type DialogRootProps as RootProps, type DialogRootState as RootState, DialogTitle as Title, type DialogTitleProps as TitleProps, type DialogTitleState as TitleState, DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, type DialogTriggerState as TriggerState, type DialogVariants as Variants, DialogViewport as Viewport, type DialogViewportProps as ViewportProps, type DialogViewportState as ViewportState, createDialogHandle as createHandle, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/overlays/dialog/index.parts.d.ts.map

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

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

@@ -0,0 +1,34 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { createDialogHandle } from "./create-handle.js";
+import { DialogBackdrop } from "./dialog-backdrop.js";
+import { DialogBody } from "./dialog-body.js";
+import { DialogClose } from "./dialog-close.js";
+import { DialogDescription } from "./dialog-description.js";
+import { DialogFooter } from "./dialog-footer.js";
+import { DialogHeader } from "./dialog-header.js";
+import { DialogPopup } from "./dialog-popup.js";
+import { DialogPortal } from "./dialog-portal.js";
+import { DialogRoot } from "./dialog-root.js";
+import { DialogTitle } from "./dialog-title.js";
+import { DialogTrigger } from "./dialog-trigger.js";
+import { DialogViewport } from "./dialog-viewport.js";
+//#region src/components/overlays/dialog/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DialogBackdrop,
+	Body: () => DialogBody,
+	Close: () => DialogClose,
+	Description: () => DialogDescription,
+	Footer: () => DialogFooter,
+	Header: () => DialogHeader,
+	Popup: () => DialogPopup,
+	Portal: () => DialogPortal,
+	Root: () => DialogRoot,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger,
+	Viewport: () => DialogViewport,
+	createHandle: () => createDialogHandle
+});
+//#endregion
+export { DialogBackdrop as Backdrop, DialogBody as Body, DialogClose as Close, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPopup as Popup, DialogPortal as Portal, DialogRoot as Root, DialogTitle as Title, DialogTrigger as Trigger, DialogViewport as Viewport, createDialogHandle as createHandle, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/overlays/dialog/index.parts.ts"],"sourcesContent":["export { createDialogHandle as createHandle } from './create-handle';\nexport { DialogBackdrop as Backdrop } from './dialog-backdrop';\nexport { DialogBody as Body } from './dialog-body';\nexport { DialogClose as Close } from './dialog-close';\nexport { DialogDescription as Description } from './dialog-description';\nexport { DialogFooter as Footer } from './dialog-footer';\nexport { DialogHeader as Header } from './dialog-header';\nexport { DialogPopup as Popup } from './dialog-popup';\nexport { DialogPortal as Portal } from './dialog-portal';\nexport { DialogRoot as Root } from './dialog-root';\nexport { DialogTitle as Title } from './dialog-title';\nexport { DialogTrigger as Trigger } from './dialog-trigger';\nexport { DialogViewport as Viewport } from './dialog-viewport';\n\n/* types */\n\nexport type { DialogHandle as Handle } from './create-handle';\nexport type {\n  DialogBackdropProps as BackdropProps,\n  DialogBackdropState as BackdropState,\n} from './dialog-backdrop';\nexport type { DialogBodyProps as BodyProps } from './dialog-body';\nexport type {\n  DialogCloseProps as CloseProps,\n  DialogCloseState as CloseState,\n} from './dialog-close';\nexport type {\n  DialogDescriptionProps as DescriptionProps,\n  DialogDescriptionState as DescriptionState,\n} from './dialog-description';\nexport type { DialogFooterProps as FooterProps } from './dialog-footer';\nexport type { DialogHeaderProps as HeaderProps } from './dialog-header';\nexport type {\n  DialogPopupProps as PopupProps,\n  DialogPopupState as PopupState,\n} from './dialog-popup';\nexport type {\n  DialogPortalProps as PortalProps,\n  DialogPortalState as PortalState,\n} from './dialog-portal';\nexport type {\n  DialogRootActions as RootActions,\n  DialogRootChangeEventDetails as RootChangeEventDetails,\n  DialogRootChangeEventReason as RootChangeEventReason,\n  DialogRootProps as RootProps,\n  DialogRootState as RootState,\n} from './dialog-root';\nexport type {\n  DialogTitleProps as TitleProps,\n  DialogTitleState as TitleState,\n} from './dialog-title';\nexport type {\n  DialogTriggerProps as TriggerProps,\n  DialogTriggerState as TriggerState,\n} from './dialog-trigger';\nexport type {\n  DialogViewportProps as ViewportProps,\n  DialogViewportState as ViewportState,\n} from './dialog-viewport';\nexport type { DialogVariants as Variants } from './use-dialog-context';\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+//#region src/components/overlays/dialog/use-dialog-context.d.ts
+/**
+ * Variantes do Dialog. Informadas no `Dialog.Root` e repassadas às partes por contexto.
+ */
+export type DialogVariants = {
+  /**
+   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).
+   * O `full` ocupa toda a área do `Dialog.Viewport`, na largura e na altura. Em tela menor que a
+   * largura, o popup ocupa a da tela menos a margem do viewport.
+   *
+   * @default 'lg'
+   */
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
+};
+export declare const dialogDefaultVariants: Required<DialogVariants>;
+export declare const DialogContextProvider: import("react").Provider<DialogVariants>, useDialogContext: () => DialogVariants;
+//#endregion
+//# sourceMappingURL=use-dialog-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-context.d.ts","names":[],"sources":["../../../../src/components/overlays/dialog/use-dialog-context.ts"],"mappings":";;;;YAKY;;;;;;;;EAQV;;qBAeW,uBAAuB,SAAS;qBAI/B,uCAAqB,SAAA,iBAAE,wBAAgB"}

package/dist/components/overlays/dialog/use-dialog-context.js

@@ -0,0 +1,11 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/overlays/dialog/use-dialog-context.ts
+const dialogDefaultVariants = { size: "lg" };
+const [DialogContextProvider, useDialogContext] = createContext({
+	name: "DialogContext",
+	providers: ["Dialog.Root"]
+});
+//#endregion
+export { DialogContextProvider, dialogDefaultVariants, useDialogContext };
+
+//# sourceMappingURL=use-dialog-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-context.js","names":[],"sources":["../../../../src/components/overlays/dialog/use-dialog-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Dialog. Informadas no `Dialog.Root` e repassadas às partes por contexto.\n */\nexport type DialogVariants = {\n  /**\n   * Largura máxima do popup, nos valores de `max-w-*` do tema: de `xs` (20rem) a `7xl` (80rem).\n   * O `full` ocupa toda a área do `Dialog.Viewport`, na largura e na altura. Em tela menor que a\n   * largura, o popup ocupa a da tela menos a margem do viewport.\n   *\n   * @default 'lg'\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 dialogDefaultVariants: Required<DialogVariants> = {\n  size: 'lg',\n};\n\nexport const [DialogContextProvider, useDialogContext] =\n  createContext<DialogVariants>({\n    name: 'DialogContext',\n    providers: ['Dialog.Root'],\n  });\n"],"mappings":";;AA4BA,MAAa,wBAAkD,EAC7D,MAAM,KACR;AAEA,MAAa,CAAC,uBAAuB,oBACnC,cAA8B;CAC5B,MAAM;CACN,WAAW,CAAC,aAAa;AAC3B,CAAC"}

package/dist/components/overlays/drawer/create-handle.d.ts

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

package/dist/components/overlays/drawer/create-handle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-handle.d.ts","names":["BaseDrawer"],"sources":["../../../../src/components/overlays/drawer/create-handle.ts"],"mappings":";;YAEY,aAAa,WAAWA,OAAW,OAAO;;;;;qBAMzC,qBAAsB,cAAOA,OAAA,OAAA"}

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

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