jaci-ui 0.7.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.9.0
+
+### Minor Changes
+
+- d06e214: Add Carousel, ColorSwatch, DownloadTrigger, QRCode and Spacer components, and consolidate the Separator utilities.
+
+## 0.8.0
+
+### Minor Changes
+
+- cd7966c: Harden package compatibility, tarball validation, tree-shaking and CI coverage for React and framework consumers.
+
 ## 0.7.0
 
 ### Minor Changes

package/README.md

@@ -2,6 +2,9 @@
 
 Accessible, themeable React components for React 18.2 and React 19 applications.
 
+The published package supports Node 18.18 or newer. Node 22.18 or newer is required only for
+working on the repository because it is used by the build toolchain.
+
 ## Installation
 
 ```sh
@@ -18,6 +21,11 @@ import "jaci-ui/styles.css";
 The package declares `react` and `react-dom` as peer dependencies. `@base-ui/react` is installed
 as a runtime dependency for accessible interactive primitives.
 
+The package publishes ESM and CommonJS entry points, TypeScript declarations and sourcemaps.
+`jaci-ui/styles.css` is the only declared side effect, so bundlers can tree-shake unused
+component modules. Import `jaci-ui/panda-preset` only when an application also uses Panda CSS;
+the regular package does not require Panda at runtime.
+
 ## Usage
 
 Components use named exports and compound APIs where several accessible parts work together:
@@ -76,6 +84,64 @@ import { AspectRatio, Code, Figure, Image, Kbd, Quote, Stat, StatGroup } from "j
 </StatGroup.Root>;
 ```
 
+### Mídia e utilitários visuais
+
+`Carousel` oferece slides acessíveis com navegação por teclado, indicadores, swipe e autoplay
+opcional. Sempre forneça um `aria-label` no root e texto alternativo nas imagens:
+
+```tsx
+<Carousel.Root aria-label="Featured projects" loop>
+  <Carousel.Viewport>
+    <Carousel.Track>
+      <Carousel.Item index={0}>
+        <Carousel.Media><Image src="/project.jpg" alt="Project preview" /></Carousel.Media>
+        <Carousel.Caption>
+          <Carousel.Title>Project title</Carousel.Title>
+          <Carousel.Description>Project description</Carousel.Description>
+        </Carousel.Caption>
+      </Carousel.Item>
+    </Carousel.Track>
+  </Carousel.Viewport>
+  <Carousel.Previous />
+  <Carousel.Next />
+  <Carousel.Indicators />
+</Carousel.Root>
+```
+
+`QRCode` gera SVG no servidor e no cliente, com módulos circulares e olhos quadrados
+arredondados. O valor pode ser controlado diretamente pela aplicação:
+
+```tsx
+<QRCode
+  value="https://jaci-ui.dev"
+  size={240}
+  errorCorrectionLevel="Q"
+  label="Jaci UI website"
+/>
+```
+
+Para downloads, `DownloadTrigger` é um link HTML comum e não faz fetch nem cria `Blob`:
+
+```tsx
+<DownloadTrigger href="/files/report.pdf" download="report.pdf">
+  Download report
+</DownloadTrigger>
+```
+
+Em URLs cross-origin, o nome e a própria autorização do download continuam sujeitos às regras
+do navegador e aos headers do servidor.
+
+Use `Separator` para uma linha semântica ou decorativa entre seções e `Spacer` quando precisar
+apenas de espaço, sem linha:
+
+```tsx
+<Separator orientation="horizontal" />
+<Spacer axis="vertical" size="lg" />
+```
+
+Todos esses componentes continuam compatíveis com SSR e React 18/19. `Carousel` é o único novo
+módulo interativo; os demais não acessam APIs do navegador durante importação ou renderização.
+
 `AspectRatio` fills the available inline size of its parent. In shrink-to-fit or flex
 layouts, give the parent an explicit `width`/`max-width` so the ratio has a measurable
 size.
@@ -338,6 +404,15 @@ export function App() {
 mounting. The provider is a client module, so Next.js App Router applications should place it
 inside a client boundary. Direct `data-jaci-theme` and `--jaci-*` variables remain supported.
 
+Popups rendered through Jaci portal slots inherit the nearest `ThemeProvider` scope, including
+local accent tokens. An explicit `container` prop on a portal still takes precedence. Without a
+provider, portals keep Base UI's default document-level behavior.
+
+When combining responsive utility classes with `Sidebar` or `BottomNavigation`, import
+`jaci-ui/styles.css` before the application's utility stylesheet. Their structural display rule
+uses a low-specificity selector, so classes such as `hidden md:flex` and `md:hidden` can control
+visibility without inline styles.
+
 The package exposes semantic surface, foreground, border, status, spacing, radius, shadow and
 transition tokens. See the Theming guide in Storybook for the complete token vocabulary.
 

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__toESM = __toESM;

package/dist/components/alert-dialog/alert-dialog.cjs

@@ -2,6 +2,7 @@
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_base_ui = require("../base-ui.cjs");
 const require_dialog = require("../../styled-system/recipes/dialog.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_alert_dialog = require("@base-ui/react/alert-dialog");
@@ -17,7 +18,9 @@ const AlertDialogTrigger = (0, react.forwardRef)(function AlertDialogTrigger({ c
 		"data-slot": "alert-dialog-trigger"
 	});
 });
-const AlertDialogPortal = _base_ui_react_alert_dialog.AlertDialog.Portal;
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const AlertDialogBackdrop = (0, react.forwardRef)(function AlertDialogBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Backdrop, {
 		...props,

package/dist/components/alert-dialog/alert-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.cjs","names":["BaseAlertDialog","withRecipeClassName","dialog","cx"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.cjs","names":["BaseAlertDialog","withRecipeClassName","dialog","useThemePortalProps","cx"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport function AlertDialogPortal(props: AlertDialogPortalProps) {\n  return <BaseAlertDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/alert-dialog/alert-dialog.d.cts

@@ -12,7 +12,7 @@ declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProp
 type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
 declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
-declare const AlertDialogPortal: typeof AlertDialog.Portal;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
 type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
 declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
@@ -48,7 +48,7 @@ declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<
 declare const AlertDialog$1: {
   Root: typeof AlertDialogRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof AlertDialogPortal;
   Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -12,7 +12,7 @@ declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProp
 type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
 declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
-declare const AlertDialogPortal: typeof AlertDialog.Portal;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
 type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
 declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
@@ -48,7 +48,7 @@ declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<
 declare const AlertDialog$1: {
   Root: typeof AlertDialogRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof AlertDialogPortal;
   Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -2,6 +2,7 @@
 import { cx } from "../../styled-system/css/cx.js";
 import { withRecipeClassName } from "../base-ui.js";
 import { dialog } from "../../styled-system/recipes/dialog.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
@@ -17,7 +18,9 @@ const AlertDialogTrigger = forwardRef(function AlertDialogTrigger({ className, .
 		"data-slot": "alert-dialog-trigger"
 	});
 });
-const AlertDialogPortal = AlertDialog.Portal;
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, { ...useThemePortalProps(props) });
+}
 const AlertDialogBackdrop = forwardRef(function AlertDialogBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
 		...props,

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":["AlertDialogRoot","BaseAlertDialog","AlertDialog"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogRoot","BaseAlertDialog","AlertDialog"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport function AlertDialogPortal(props: AlertDialogPortalProps) {\n  return <BaseAlertDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}