@kopexa/alert-dialog 3.0.7 → 4.0.0

package/dist/alert-dialog.d.mts

@@ -1,32 +1,32 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@base-ui-components/react/alert-dialog';
 import { ButtonVariantProps } from '@kopexa/theme';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { ComponentProps } from 'react';
 
-type AlertDialogRootProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
+type AlertDialogRootProps = ComponentProps<typeof AlertDialog.Root>;
 declare function AlertDialogRoot(props: AlertDialogRootProps): react_jsx_runtime.JSX.Element;
-type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+type AlertDialogTriggerProps = ComponentProps<typeof AlertDialog.Trigger>;
 declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
-type AlertDialogPortalProps = ComponentProps<typeof AlertDialogPrimitive.Portal>;
+type AlertDialogPortalProps = ComponentProps<typeof AlertDialog.Portal>;
 declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
-type AlertDialogOverlayProps = ComponentProps<typeof AlertDialogPrimitive.Overlay>;
+type AlertDialogOverlayProps = ComponentProps<typeof AlertDialog.Backdrop>;
 declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
-type AlertDialogContentProps = ComponentProps<typeof AlertDialogPrimitive.Content>;
+type AlertDialogContentProps = ComponentProps<typeof AlertDialog.Popup>;
 declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
 type AlertDialogHeaderProps = ComponentProps<"div">;
 declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
 type AlertDialogFooterProps = ComponentProps<"div">;
 declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
-type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialog.Title>;
 declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
-type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialog.Description>;
 declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
-type AlertDialogActionProps = ComponentProps<typeof AlertDialogPrimitive.Action> & {
+type AlertDialogActionProps = ComponentProps<typeof AlertDialog.Close> & {
     color?: ButtonVariantProps["color"];
     variant?: ButtonVariantProps["variant"];
 };
 declare function AlertDialogAction({ className, color, variant, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
-type AlertDialogCancelProps = ComponentProps<typeof AlertDialogPrimitive.Cancel>;
+type AlertDialogCancelProps = ComponentProps<typeof AlertDialog.Close>;
 declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
 
 export { AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/alert-dialog.d.ts

@@ -1,32 +1,32 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@base-ui-components/react/alert-dialog';
 import { ButtonVariantProps } from '@kopexa/theme';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { ComponentProps } from 'react';
 
-type AlertDialogRootProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
+type AlertDialogRootProps = ComponentProps<typeof AlertDialog.Root>;
 declare function AlertDialogRoot(props: AlertDialogRootProps): react_jsx_runtime.JSX.Element;
-type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
+type AlertDialogTriggerProps = ComponentProps<typeof AlertDialog.Trigger>;
 declare function AlertDialogTrigger(props: AlertDialogTriggerProps): react_jsx_runtime.JSX.Element;
-type AlertDialogPortalProps = ComponentProps<typeof AlertDialogPrimitive.Portal>;
+type AlertDialogPortalProps = ComponentProps<typeof AlertDialog.Portal>;
 declare function AlertDialogPortal({ ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
-type AlertDialogOverlayProps = ComponentProps<typeof AlertDialogPrimitive.Overlay>;
+type AlertDialogOverlayProps = ComponentProps<typeof AlertDialog.Backdrop>;
 declare function AlertDialogOverlay({ className, ...props }: AlertDialogOverlayProps): react_jsx_runtime.JSX.Element;
-type AlertDialogContentProps = ComponentProps<typeof AlertDialogPrimitive.Content>;
+type AlertDialogContentProps = ComponentProps<typeof AlertDialog.Popup>;
 declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
 type AlertDialogHeaderProps = ComponentProps<"div">;
 declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
 type AlertDialogFooterProps = ComponentProps<"div">;
 declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
-type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
+type AlertDialogTitleProps = ComponentProps<typeof AlertDialog.Title>;
 declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
-type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
+type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialog.Description>;
 declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
-type AlertDialogActionProps = ComponentProps<typeof AlertDialogPrimitive.Action> & {
+type AlertDialogActionProps = ComponentProps<typeof AlertDialog.Close> & {
     color?: ButtonVariantProps["color"];
     variant?: ButtonVariantProps["variant"];
 };
 declare function AlertDialogAction({ className, color, variant, ...props }: AlertDialogActionProps): react_jsx_runtime.JSX.Element;
-type AlertDialogCancelProps = ComponentProps<typeof AlertDialogPrimitive.Cancel>;
+type AlertDialogCancelProps = ComponentProps<typeof AlertDialog.Close>;
 declare function AlertDialogCancel({ className, ...props }: AlertDialogCancelProps): react_jsx_runtime.JSX.Element;
 
 export { AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/alert-dialog.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/alert-dialog.tsx
@@ -44,20 +34,21 @@ __export(alert_dialog_exports, {
   AlertDialogTrigger: () => AlertDialogTrigger
 });
 module.exports = __toCommonJS(alert_dialog_exports);
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
 var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var [Provider, useAlertDialogContext] = (0, import_react_utils.createContext)();
 function AlertDialogRoot(props) {
   const styles = (0, import_theme.alertDialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props }) });
 }
 function AlertDialogTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
@@ -65,10 +56,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Overlay,
+    import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
       ...props
     }
   );
@@ -81,10 +72,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AlertDialogPrimitive.Content,
+      import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: (0, import_shared_utils.cn)(styles.content(), className),
         ...props
       }
     )
@@ -124,10 +115,10 @@ function AlertDialogTitle({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Title,
+    import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: (0, import_shared_utils.cn)(styles.title(), className),
       ...props
     }
   );
@@ -138,10 +129,10 @@ function AlertDialogDescription({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Description,
+    import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: (0, import_shared_utils.cn)(styles.description(), className),
       ...props
     }
   );
@@ -153,9 +144,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Action,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ className, color, variant }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ color, variant }), className),
       ...props
     }
   );
@@ -165,9 +156,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Cancel,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ variant: "ghost", className }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/alert-dialog.mjs

@@ -11,7 +11,7 @@ import {
   AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "./chunk-UYXIWF7G.mjs";
+} from "./chunk-5OQQOE47.mjs";
 import "./chunk-C7GZJJIK.mjs";
 export {
   AlertDialogAction,

package/dist/{chunk-UYXIWF7G.mjs → chunk-5OQQOE47.mjs}

@@ -1,9 +1,10 @@
 "use client";
 
 // src/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui-components/react/alert-dialog";
 import { createContext } from "@kopexa/react-utils";
+import { cn } from "@kopexa/shared-utils";
 import { alertDialog, button } from "@kopexa/theme";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
 var [Provider, useAlertDialogContext] = createContext();
 function AlertDialogRoot(props) {
@@ -22,10 +23,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Overlay,
+    AlertDialogPrimitive.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: cn(styles.overlay(), className),
       ...props
     }
   );
@@ -38,10 +39,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx(
-      AlertDialogPrimitive.Content,
+      AlertDialogPrimitive.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: cn(styles.content(), className),
         ...props
       }
     )
@@ -84,7 +85,7 @@ function AlertDialogTitle({
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: cn(styles.title(), className),
       ...props
     }
   );
@@ -98,7 +99,7 @@ function AlertDialogDescription({
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: cn(styles.description(), className),
       ...props
     }
   );
@@ -110,9 +111,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Action,
+    AlertDialogPrimitive.Close,
     {
-      className: button({ className, color, variant }),
+      className: cn(button({ color, variant }), className),
       ...props
     }
   );
@@ -122,9 +123,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    AlertDialogPrimitive.Cancel,
+    AlertDialogPrimitive.Close,
     {
-      className: button({ variant: "ghost", className }),
+      className: cn(button({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/{chunk-A3S3FSQD.mjs → chunk-FWY5LXLV.mjs}

@@ -11,7 +11,7 @@ import {
   AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "./chunk-UYXIWF7G.mjs";
+} from "./chunk-5OQQOE47.mjs";
 import {
   __export
 } from "./chunk-C7GZJJIK.mjs";

package/dist/{chunk-B5QQF5LK.mjs → chunk-JYKU7M7Y.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KY5A23F3.mjs";
 import {
   ConfirmDialog
-} from "./chunk-DHD36JZS.mjs";
+} from "./chunk-SKOKGOQJ.mjs";
 
 // src/confirm.tsx
 import { useCallback, useMemo, useState } from "react";

package/dist/{chunk-DHD36JZS.mjs → chunk-SKOKGOQJ.mjs}

@@ -8,7 +8,7 @@ import {
   AlertDialogHeader,
   AlertDialogRoot,
   AlertDialogTitle
-} from "./chunk-UYXIWF7G.mjs";
+} from "./chunk-5OQQOE47.mjs";
 
 // src/confirm.dialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/confirm.dialog.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/confirm.dialog.tsx
@@ -36,17 +26,18 @@ __export(confirm_dialog_exports, {
 module.exports = __toCommonJS(confirm_dialog_exports);
 
 // src/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
 var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var [Provider, useAlertDialogContext] = (0, import_react_utils.createContext)();
 function AlertDialogRoot(props) {
   const styles = (0, import_theme.alertDialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props }) });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
@@ -54,10 +45,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Overlay,
+    import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
       ...props
     }
   );
@@ -70,10 +61,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AlertDialogPrimitive.Content,
+      import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: (0, import_shared_utils.cn)(styles.content(), className),
         ...props
       }
     )
@@ -113,10 +104,10 @@ function AlertDialogTitle({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Title,
+    import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: (0, import_shared_utils.cn)(styles.title(), className),
       ...props
     }
   );
@@ -127,10 +118,10 @@ function AlertDialogDescription({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Description,
+    import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: (0, import_shared_utils.cn)(styles.description(), className),
       ...props
     }
   );
@@ -142,9 +133,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Action,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ className, color, variant }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ color, variant }), className),
       ...props
     }
   );
@@ -154,9 +145,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Cancel,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ variant: "ghost", className }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/confirm.dialog.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   ConfirmDialog
-} from "./chunk-DHD36JZS.mjs";
-import "./chunk-A3S3FSQD.mjs";
-import "./chunk-UYXIWF7G.mjs";
+} from "./chunk-SKOKGOQJ.mjs";
+import "./chunk-FWY5LXLV.mjs";
+import "./chunk-5OQQOE47.mjs";
 import "./chunk-C7GZJJIK.mjs";
 export {
   ConfirmDialog

package/dist/confirm.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/confirm.tsx
@@ -41,17 +31,18 @@ var import_react_utils = require("@kopexa/react-utils");
 var [ConfirmInternalProvider, useConfirm] = (0, import_react_utils.createContext)();
 
 // src/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
 var import_react_utils2 = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var [Provider, useAlertDialogContext] = (0, import_react_utils2.createContext)();
 function AlertDialogRoot(props) {
   const styles = (0, import_theme.alertDialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props }) });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
@@ -59,10 +50,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Overlay,
+    import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
       ...props
     }
   );
@@ -75,10 +66,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AlertDialogPrimitive.Content,
+      import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: (0, import_shared_utils.cn)(styles.content(), className),
         ...props
       }
     )
@@ -118,10 +109,10 @@ function AlertDialogTitle({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Title,
+    import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: (0, import_shared_utils.cn)(styles.title(), className),
       ...props
     }
   );
@@ -132,10 +123,10 @@ function AlertDialogDescription({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Description,
+    import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: (0, import_shared_utils.cn)(styles.description(), className),
       ...props
     }
   );
@@ -147,9 +138,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Action,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ className, color, variant }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ color, variant }), className),
       ...props
     }
   );
@@ -159,9 +150,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Cancel,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ variant: "ghost", className }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/confirm.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   ConfirmDialogProvider
-} from "./chunk-B5QQF5LK.mjs";
+} from "./chunk-JYKU7M7Y.mjs";
 import "./chunk-KY5A23F3.mjs";
-import "./chunk-DHD36JZS.mjs";
-import "./chunk-A3S3FSQD.mjs";
-import "./chunk-UYXIWF7G.mjs";
+import "./chunk-SKOKGOQJ.mjs";
+import "./chunk-FWY5LXLV.mjs";
+import "./chunk-5OQQOE47.mjs";
 import "./chunk-C7GZJJIK.mjs";
 export {
   ConfirmDialogProvider

package/dist/index.d.mts

@@ -5,5 +5,5 @@ import 'react/jsx-runtime';
 import 'react';
 import './confirm.types.mjs';
 import './alert-dialog.mjs';
+import '@base-ui-components/react/alert-dialog';
 import '@kopexa/theme';
-import '@radix-ui/react-alert-dialog';

package/dist/index.d.ts

@@ -5,5 +5,5 @@ import 'react/jsx-runtime';
 import 'react';
 import './confirm.types.js';
 import './alert-dialog.js';
+import '@base-ui-components/react/alert-dialog';
 import '@kopexa/theme';
-import '@radix-ui/react-alert-dialog';

package/dist/index.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -61,20 +51,21 @@ __export(namespace_exports, {
 });
 
 // src/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
 var import_react_utils2 = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var [Provider, useAlertDialogContext] = (0, import_react_utils2.createContext)();
 function AlertDialogRoot(props) {
   const styles = (0, import_theme.alertDialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props }) });
 }
 function AlertDialogTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
@@ -82,10 +73,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Overlay,
+    import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
       ...props
     }
   );
@@ -98,10 +89,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AlertDialogPrimitive.Content,
+      import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: (0, import_shared_utils.cn)(styles.content(), className),
         ...props
       }
     )
@@ -141,10 +132,10 @@ function AlertDialogTitle({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Title,
+    import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: (0, import_shared_utils.cn)(styles.title(), className),
       ...props
     }
   );
@@ -155,10 +146,10 @@ function AlertDialogDescription({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Description,
+    import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: (0, import_shared_utils.cn)(styles.description(), className),
       ...props
     }
   );
@@ -170,9 +161,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Action,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ className, color, variant }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ color, variant }), className),
       ...props
     }
   );
@@ -182,9 +173,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Cancel,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ variant: "ghost", className }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/index.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   ConfirmDialogProvider
-} from "./chunk-B5QQF5LK.mjs";
+} from "./chunk-JYKU7M7Y.mjs";
 import {
   useConfirm
 } from "./chunk-KY5A23F3.mjs";
-import "./chunk-DHD36JZS.mjs";
+import "./chunk-SKOKGOQJ.mjs";
 import {
   namespace_exports
-} from "./chunk-A3S3FSQD.mjs";
-import "./chunk-UYXIWF7G.mjs";
+} from "./chunk-FWY5LXLV.mjs";
+import "./chunk-5OQQOE47.mjs";
 import "./chunk-C7GZJJIK.mjs";
 export {
   namespace_exports as AlertDialog,

package/dist/namespace.d.mts

@@ -1,5 +1,5 @@
 export { AlertDialogAction as Action, AlertDialogActionProps as ActionProps, AlertDialogCancel as Cancel, AlertDialogCancelProps as CancelProps, AlertDialogContent as Content, AlertDialogContentProps as ContentProps, AlertDialogDescription as Description, AlertDialogDescriptionProps as DescriptionProps, AlertDialogFooter as Footer, AlertDialogFooterProps as FooterProps, AlertDialogHeader as Header, AlertDialogHeaderProps as HeaderProps, AlertDialogOverlay as Overlay, AlertDialogOverlayProps as OverlayProps, AlertDialogPortal as Portal, AlertDialogPortalProps as PortalProps, AlertDialogRoot as Root, AlertDialogRootProps as RootProps, AlertDialogTitle as Title, AlertDialogTitleProps as TitleProps, AlertDialogTrigger as Trigger, AlertDialogTriggerProps as TriggerProps } from './alert-dialog.mjs';
 import 'react/jsx-runtime';
+import '@base-ui-components/react/alert-dialog';
 import '@kopexa/theme';
-import '@radix-ui/react-alert-dialog';
 import 'react';

package/dist/namespace.d.ts

@@ -1,5 +1,5 @@
 export { AlertDialogAction as Action, AlertDialogActionProps as ActionProps, AlertDialogCancel as Cancel, AlertDialogCancelProps as CancelProps, AlertDialogContent as Content, AlertDialogContentProps as ContentProps, AlertDialogDescription as Description, AlertDialogDescriptionProps as DescriptionProps, AlertDialogFooter as Footer, AlertDialogFooterProps as FooterProps, AlertDialogHeader as Header, AlertDialogHeaderProps as HeaderProps, AlertDialogOverlay as Overlay, AlertDialogOverlayProps as OverlayProps, AlertDialogPortal as Portal, AlertDialogPortalProps as PortalProps, AlertDialogRoot as Root, AlertDialogRootProps as RootProps, AlertDialogTitle as Title, AlertDialogTitleProps as TitleProps, AlertDialogTrigger as Trigger, AlertDialogTriggerProps as TriggerProps } from './alert-dialog.js';
 import 'react/jsx-runtime';
+import '@base-ui-components/react/alert-dialog';
 import '@kopexa/theme';
-import '@radix-ui/react-alert-dialog';
 import 'react';

package/dist/namespace.js

@@ -1,10 +1,8 @@
 "use client";
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/namespace.ts
@@ -46,20 +36,21 @@ __export(namespace_exports, {
 module.exports = __toCommonJS(namespace_exports);
 
 // src/alert-dialog.tsx
+var import_alert_dialog = require("@base-ui-components/react/alert-dialog");
 var import_react_utils = require("@kopexa/react-utils");
+var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
-var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var [Provider, useAlertDialogContext] = (0, import_react_utils.createContext)();
 function AlertDialogRoot(props) {
   const styles = (0, import_theme.alertDialog)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Root, { "data-slot": "alert-dialog", ...props }) });
 }
 function AlertDialogTrigger(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
@@ -67,10 +58,10 @@ function AlertDialogOverlay({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Overlay,
+    import_alert_dialog.AlertDialog.Backdrop,
     {
       "data-slot": "alert-dialog-overlay",
-      className: styles.overlay(className),
+      className: (0, import_shared_utils.cn)(styles.overlay(), className),
       ...props
     }
   );
@@ -83,10 +74,10 @@ function AlertDialogContent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertDialogPortal, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AlertDialogPrimitive.Content,
+      import_alert_dialog.AlertDialog.Popup,
       {
         "data-slot": "alert-dialog-content",
-        className: styles.content(className),
+        className: (0, import_shared_utils.cn)(styles.content(), className),
         ...props
       }
     )
@@ -126,10 +117,10 @@ function AlertDialogTitle({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Title,
+    import_alert_dialog.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: styles.title(className),
+      className: (0, import_shared_utils.cn)(styles.title(), className),
       ...props
     }
   );
@@ -140,10 +131,10 @@ function AlertDialogDescription({
 }) {
   const { styles } = useAlertDialogContext();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Description,
+    import_alert_dialog.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: styles.description(className),
+      className: (0, import_shared_utils.cn)(styles.description(), className),
       ...props
     }
   );
@@ -155,9 +146,9 @@ function AlertDialogAction({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Action,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ className, color, variant }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ color, variant }), className),
       ...props
     }
   );
@@ -167,9 +158,9 @@ function AlertDialogCancel({
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AlertDialogPrimitive.Cancel,
+    import_alert_dialog.AlertDialog.Close,
     {
-      className: (0, import_theme.button)({ variant: "ghost", className }),
+      className: (0, import_shared_utils.cn)((0, import_theme.button)({ variant: "ghost" }), className),
       ...props
     }
   );

package/dist/namespace.mjs

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-A3S3FSQD.mjs";
+import "./chunk-FWY5LXLV.mjs";
 import {
   AlertDialogAction,
   AlertDialogCancel,
@@ -12,7 +12,7 @@ import {
   AlertDialogRoot,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "./chunk-UYXIWF7G.mjs";
+} from "./chunk-5OQQOE47.mjs";
 import "./chunk-C7GZJJIK.mjs";
 export {
   AlertDialogAction as Action,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/alert-dialog",
-  "version": "3.0.7",
+  "version": "4.0.0",
   "description": "A modal dialog that interrupts the user with important content and expects a response.",
   "keywords": [
     "alert-dialog"
@@ -28,12 +28,12 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "1.7.7"
+    "@kopexa/theme": "2.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@kopexa/react-utils": "2.0.8",
-    "@kopexa/shared-utils": "1.1.7"
+    "@base-ui-components/react": "1.0.0-beta.3",
+    "@kopexa/react-utils": "3.0.0",
+    "@kopexa/shared-utils": "2.0.0"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",