@work-rjkashyap/unified-ui 0.3.4 → 0.3.5

package/dist/components/accordion.mjs

@@ -0,0 +1,199 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../utils/cn";
+import { focusRingClasses } from "../utils/focus-ring";
+import { cva } from "class-variance-authority";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import {
+  createContext,
+  forwardRef,
+  useContext
+} from "react";
+const AccordionContext = createContext({
+  variant: "bordered",
+  size: "md"
+});
+function useAccordionContext() {
+  return useContext(AccordionContext);
+}
+const accordionRootVariants = cva(["flex flex-col"], {
+  variants: {
+    variant: {
+      /**
+       * Bordered — each item has a visible border separator.
+       * Default variant for most use cases.
+       */
+      bordered: "divide-y divide-border",
+      /**
+       * Borderless — no visible borders between items.
+       * Use for tighter layouts or when embedded inside cards.
+       */
+      borderless: ""
+    }
+  },
+  defaultVariants: {
+    variant: "bordered"
+  }
+});
+const accordionTriggerVariants = cva(
+  [
+    // Layout
+    "flex flex-1 items-center justify-between w-full",
+    // Typography
+    "font-medium text-foreground",
+    // Transition
+    "transition-[color,background-color,opacity]",
+    "duration-fast ease-standard",
+    // Focus ring
+    focusRingClasses,
+    // Hover
+    "hover:text-foreground hover:underline",
+    // Disabled
+    "disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+    // Cursor
+    "cursor-pointer",
+    // Chevron rotation on open
+    "[&>svg]:transition-transform [&>svg]:duration-normal [&>svg]:ease-standard",
+    "[&[data-state=open]>svg]:rotate-180"
+  ],
+  {
+    variants: {
+      size: {
+        /**
+         * Small — compact for dense UIs, sidebars.
+         */
+        sm: "py-3 text-sm leading-5",
+        /**
+         * Medium — default size for most accordions.
+         */
+        md: "py-4 text-sm leading-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const accordionContentVariants = cva(
+  [
+    // Animate expand/collapse using CSS grid trick
+    "overflow-hidden",
+    "data-[state=closed]:animate-accordion-up",
+    "data-[state=open]:animate-accordion-down"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm leading-5",
+        md: "text-sm leading-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const accordionContentInnerVariants = cva(["text-muted-foreground"], {
+  variants: {
+    size: {
+      sm: "pb-3",
+      md: "pb-4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function ChevronDownIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+    }
+  );
+}
+const Accordion = forwardRef(function Accordion2({ variant = "bordered", size = "md", className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "not-prose",
+        accordionRootVariants({ variant }),
+        className
+      ),
+      "data-ds": "",
+      "data-ds-component": "accordion",
+      "data-ds-variant": variant,
+      "data-ds-size": size,
+      ...rest,
+      children
+    }
+  ) });
+});
+Accordion.displayName = "Accordion";
+const AccordionItem = forwardRef(function AccordionItem2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn("", className),
+      "data-ds": "",
+      "data-ds-component": "accordion-item",
+      ...rest,
+      children
+    }
+  );
+});
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = forwardRef(function AccordionTrigger2({ className, hideChevron = false, children, ...rest }, ref) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(accordionTriggerVariants({ size }), className),
+      "data-ds": "",
+      "data-ds-component": "accordion-trigger",
+      ...rest,
+      children: [
+        children,
+        !hideChevron && /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 shrink-0 text-muted-foreground" })
+      ]
+    }
+  ) });
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = forwardRef(function AccordionContent2({ className, children, ...rest }, ref) {
+  const { size } = useAccordionContext();
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: cn(accordionContentVariants({ size }), className),
+      "data-ds": "",
+      "data-ds-component": "accordion-content",
+      ...rest,
+      children: /* @__PURE__ */ jsx("div", { className: cn(accordionContentInnerVariants({ size })), children })
+    }
+  );
+});
+AccordionContent.displayName = "AccordionContent";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionContentVariants,
+  accordionRootVariants,
+  accordionTriggerVariants
+};

package/dist/components/alert-dialog.cjs

@@ -0,0 +1,246 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var alert_dialog_exports = {};
+__export(alert_dialog_exports, {
+  AlertDialog: () => AlertDialog,
+  AlertDialogAction: () => AlertDialogAction,
+  AlertDialogCancel: () => AlertDialogCancel,
+  AlertDialogContent: () => AlertDialogContent,
+  AlertDialogDescription: () => AlertDialogDescription,
+  AlertDialogFooter: () => AlertDialogFooter,
+  AlertDialogHeader: () => AlertDialogHeader,
+  AlertDialogOverlay: () => AlertDialogOverlay,
+  AlertDialogPortal: () => AlertDialogPortal,
+  AlertDialogTitle: () => AlertDialogTitle,
+  AlertDialogTrigger: () => AlertDialogTrigger
+});
+module.exports = __toCommonJS(alert_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_motion = require("../motion/index");
+var import_cn = require("../utils/cn");
+var import_focus_ring = require("../utils/focus-ring");
+var import_framer_motion = require("framer-motion");
+var import_radix_ui = require("radix-ui");
+var import_react = require("react");
+const AlertDialogContext = (0, import_react.createContext)({
+  open: false
+});
+function useAlertDialogContext() {
+  return (0, import_react.useContext)(AlertDialogContext);
+}
+function AlertDialog({
+  children,
+  open: controlledOpen,
+  onOpenChange,
+  defaultOpen = false,
+  ...rest
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react.useState)(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = (0, import_react.useCallback)(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogContext.Provider, { value: { open }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.AlertDialog.Root,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      ...rest,
+      children
+    }
+  ) });
+}
+AlertDialog.displayName = "AlertDialog";
+const AlertDialogTrigger = import_radix_ui.AlertDialog.Trigger;
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+const AlertDialogPortal = import_radix_ui.AlertDialog.Portal;
+AlertDialogPortal.displayName = "AlertDialogPortal";
+const AlertDialogOverlay = (0, import_react.forwardRef)(function AlertDialogOverlay2({ className, ...rest }, ref) {
+  const shouldReduce = (0, import_framer_motion.useReducedMotion)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.AlertDialog.Overlay, { ref, forceMount: true, asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_framer_motion.motion.div,
+    {
+      className: (0, import_cn.cn)(
+        "fixed inset-0 z-overlay bg-black/50 backdrop-blur-sm",
+        className
+      ),
+      variants: shouldReduce ? void 0 : import_motion.overlayBackdrop.variants,
+      initial: shouldReduce ? { opacity: 0 } : "initial",
+      animate: shouldReduce ? { opacity: 1 } : "animate",
+      exit: shouldReduce ? { opacity: 0 } : "exit",
+      transition: shouldReduce ? { duration: 0.15 } : import_motion.overlayBackdrop.transition,
+      "data-ds-animated": ""
+    }
+  ) });
+});
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+const AlertDialogContent = (0, import_react.forwardRef)(function AlertDialogContent2({ className, children, ...rest }, ref) {
+  const shouldReduce = (0, import_framer_motion.useReducedMotion)();
+  const { open } = useAlertDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.AlertDialog.Portal, { forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_radix_ui.AlertDialog.Content,
+      {
+        ref,
+        forceMount: true,
+        asChild: true,
+        ...rest,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_framer_motion.motion.div,
+          {
+            className: (0, import_cn.cn)(
+              "fixed left-[50%] top-[50%] z-modal",
+              "-translate-x-[50%] -translate-y-[50%]",
+              "w-full max-w-md rounded-lg border border-border bg-background shadow-xl",
+              "p-6",
+              "outline-none",
+              import_focus_ring.focusRingClasses,
+              className
+            ),
+            variants: shouldReduce ? void 0 : import_motion.modalContent.variants,
+            initial: shouldReduce ? { opacity: 0 } : "initial",
+            animate: shouldReduce ? { opacity: 1 } : "animate",
+            exit: shouldReduce ? { opacity: 0 } : "exit",
+            transition: shouldReduce ? { duration: 0.2 } : import_motion.modalContent.transition,
+            "data-ds": "",
+            "data-ds-component": "alert-dialog-content",
+            "data-ds-animated": "",
+            children
+          }
+        )
+      }
+    )
+  ] }) }) });
+});
+AlertDialogContent.displayName = "AlertDialogContent";
+function AlertDialogHeader({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("flex flex-col gap-2 mb-4", className), ...rest, children });
+}
+AlertDialogHeader.displayName = "AlertDialogHeader";
+function AlertDialogFooter({
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_cn.cn)(
+        "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 mt-6",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+}
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = (0, import_react.forwardRef)(function AlertDialogTitle2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.AlertDialog.Title,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "text-lg font-semibold text-foreground leading-5",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+AlertDialogTitle.displayName = "AlertDialogTitle";
+const AlertDialogDescription = (0, import_react.forwardRef)(function AlertDialogDescription2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.AlertDialog.Description,
+    {
+      ref,
+      className: (0, import_cn.cn)("text-sm text-muted-foreground leading-5", className),
+      ...rest,
+      children
+    }
+  );
+});
+AlertDialogDescription.displayName = "AlertDialogDescription";
+const AlertDialogAction = (0, import_react.forwardRef)(function AlertDialogAction2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.AlertDialog.Action,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "inline-flex items-center justify-center gap-2",
+        "h-9 px-4 text-sm font-medium rounded-md",
+        "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
+        "transition-colors duration-fast",
+        "disabled:pointer-events-none disabled:opacity-50",
+        import_focus_ring.focusRingClasses,
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+AlertDialogAction.displayName = "AlertDialogAction";
+const AlertDialogCancel = (0, import_react.forwardRef)(function AlertDialogCancel2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_radix_ui.AlertDialog.Cancel,
+    {
+      ref,
+      className: (0, import_cn.cn)(
+        "inline-flex items-center justify-center gap-2",
+        "h-9 px-4 text-sm font-medium rounded-md",
+        "bg-secondary text-secondary-foreground border border-border",
+        "hover:bg-secondary-hover active:bg-secondary-active",
+        "transition-colors duration-fast",
+        "disabled:pointer-events-none disabled:opacity-50",
+        import_focus_ring.focusRingClasses,
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+AlertDialogCancel.displayName = "AlertDialogCancel";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+});

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

@@ -0,0 +1,61 @@
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
+
+interface AlertDialogProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Root> {
+    children: ReactNode;
+}
+declare function AlertDialog({ children, open: controlledOpen, onOpenChange, defaultOpen, ...rest }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: react.FC<AlertDialog$1.AlertDialogPortalProps>;
+interface AlertDialogOverlayProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Overlay> {
+    className?: string;
+}
+declare const AlertDialogOverlay: react.ForwardRefExoticComponent<AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Content> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+}
+declare function AlertDialogHeader({ className, children, ...rest }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+}
+declare function AlertDialogFooter({ className, children, ...rest }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+interface AlertDialogTitleProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Title> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface AlertDialogDescriptionProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Description> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface AlertDialogActionProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Action> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogCancelProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Cancel> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger };

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

@@ -0,0 +1,61 @@
+import * as react from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog as AlertDialog$1 } from 'radix-ui';
+
+interface AlertDialogProps extends React.ComponentPropsWithoutRef<typeof AlertDialog$1.Root> {
+    children: ReactNode;
+}
+declare function AlertDialog({ children, open: controlledOpen, onOpenChange, defaultOpen, ...rest }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: react.FC<AlertDialog$1.AlertDialogPortalProps>;
+interface AlertDialogOverlayProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Overlay> {
+    className?: string;
+}
+declare const AlertDialogOverlay: react.ForwardRefExoticComponent<AlertDialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogContentProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Content> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
+interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+}
+declare function AlertDialogHeader({ className, children, ...rest }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+}
+declare function AlertDialogFooter({ className, children, ...rest }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+interface AlertDialogTitleProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Title> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogTitle: react.ForwardRefExoticComponent<AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface AlertDialogDescriptionProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Description> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogDescription: react.ForwardRefExoticComponent<AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
+interface AlertDialogActionProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Action> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogAction: react.ForwardRefExoticComponent<AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>>;
+interface AlertDialogCancelProps extends ComponentPropsWithoutRef<typeof AlertDialog$1.Cancel> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AlertDialogCancel: react.ForwardRefExoticComponent<AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger };