@scripso-homepad/ui 0.4.7 → 0.4.9

package/dist/web/index.d.cts

@@ -390,7 +390,7 @@ type TableActionButtonProps = {
     ariaLabel?: string;
     className?: string;
     disabled?: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'>;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'>;
 declare const TableActionButton: react.ForwardRefExoticComponent<{
     variant: TableActionButtonVariant;
     children?: ReactNode;
@@ -398,7 +398,7 @@ declare const TableActionButton: react.ForwardRefExoticComponent<{
     ariaLabel?: string;
     className?: string;
     disabled?: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "onClick" | "aria-controls" | "aria-haspopup"> & react.RefAttributes<HTMLButtonElement>>;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "title" | "onClick" | "aria-controls" | "aria-haspopup"> & react.RefAttributes<HTMLButtonElement>>;
 
 type TableIconTextProps = {
     icon: ReactNode;
@@ -407,6 +407,46 @@ type TableIconTextProps = {
 };
 declare function TableIconText({ icon, children, className }: TableIconTextProps): react.JSX.Element;
 
+type ModalFooterAlign = 'left' | 'center' | 'right';
+type ModalFooterLayout = 'inline' | 'split';
+type ModalProps = {
+    open: boolean;
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    iconContainerClassName?: string;
+    children: ReactNode;
+    cancelText: string;
+    confirmText: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    footerAlign?: ModalFooterAlign;
+    footerLayout?: ModalFooterLayout;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    closeOnBackdrop?: boolean;
+    containerClassName?: string;
+    contentClassName?: string;
+    buttonClassName?: string;
+};
+declare function Modal({ open, title, subtitle, icon, iconContainerClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
+
+type ConfirmModalProps = {
+    open: boolean;
+    title: string;
+    description: ReactNode;
+    cancelText: string;
+    confirmText: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    closeOnBackdrop?: boolean;
+    containerClassName?: string;
+    buttonClassName?: string;
+};
+declare function ConfirmModal({ open, title, description, cancelText, confirmText, onCancel, onConfirm, cancelDisabled, confirmDisabled, closeOnBackdrop, containerClassName, buttonClassName, }: ConfirmModalProps): react.JSX.Element | null;
+
 declare function useMediaQuery(query: string): boolean;
 
 type OutsideTarget<T extends HTMLElement> = RefObject<T | null> | Array<RefObject<T | null>>;
@@ -414,4 +454,4 @@ declare function useOnClickOutside<T extends HTMLElement>(ref: OutsideTarget<T>,
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AdminBuildingOption, type AdminHeaderLabels, type AdminLayoutLabels, type AdminNavItem, type AdminSidebarBranding, type AdminSidebarLabels, type AdminSidebarUser, AppHeader, type AppHeaderProps, Badge, type BadgeProps, type BadgeVariant, BellIcon, BuildingIcon, BuildingSelect, type BuildingSelectProps, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableClassNames, type DataTableProps, Pagination, type PaginationLabels, type PaginationProps, type PaginationVariant, Sidebar, SidebarMobileHeader, type SidebarMobileHeaderProps, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarUserCard, type SidebarUserCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Table, TableActionButton, type TableActionButtonProps, type TableActionButtonVariant, TableActionsCell, type TableActionsCellProps, TableActionsMenu, type TableActionsMenuItem, type TableActionsMenuItemTone, type TableActionsMenuProps, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableCellVariant, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIconText, type TableIconTextProps, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, type TableProps, TableRow, type TableRowActionsConfig, type TableRowProps, TableRowStatusActions, type TableRowStatusActionsProps, TableScrollArea, type TableScrollAreaProps, type TableSortDirection, TableSortIcon, TableStatusActionsCell, type TableStatusActionsCellProps, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };
+export { type AdminBuildingOption, type AdminHeaderLabels, type AdminLayoutLabels, type AdminNavItem, type AdminSidebarBranding, type AdminSidebarLabels, type AdminSidebarUser, AppHeader, type AppHeaderProps, Badge, type BadgeProps, type BadgeVariant, BellIcon, BuildingIcon, BuildingSelect, type BuildingSelectProps, ConfirmModal, type ConfirmModalProps, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableClassNames, type DataTableProps, Modal, type ModalFooterAlign, type ModalFooterLayout, type ModalProps, Pagination, type PaginationLabels, type PaginationProps, type PaginationVariant, Sidebar, SidebarMobileHeader, type SidebarMobileHeaderProps, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarUserCard, type SidebarUserCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Table, TableActionButton, type TableActionButtonProps, type TableActionButtonVariant, TableActionsCell, type TableActionsCellProps, TableActionsMenu, type TableActionsMenuItem, type TableActionsMenuItemTone, type TableActionsMenuProps, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableCellVariant, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIconText, type TableIconTextProps, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, type TableProps, TableRow, type TableRowActionsConfig, type TableRowProps, TableRowStatusActions, type TableRowStatusActionsProps, TableScrollArea, type TableScrollAreaProps, type TableSortDirection, TableSortIcon, TableStatusActionsCell, type TableStatusActionsCellProps, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };

package/dist/web/index.d.ts

@@ -390,7 +390,7 @@ type TableActionButtonProps = {
     ariaLabel?: string;
     className?: string;
     disabled?: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'>;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'aria-expanded' | 'aria-haspopup' | 'aria-controls'>;
 declare const TableActionButton: react.ForwardRefExoticComponent<{
     variant: TableActionButtonVariant;
     children?: ReactNode;
@@ -398,7 +398,7 @@ declare const TableActionButton: react.ForwardRefExoticComponent<{
     ariaLabel?: string;
     className?: string;
     disabled?: boolean;
-} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "onClick" | "aria-controls" | "aria-haspopup"> & react.RefAttributes<HTMLButtonElement>>;
+} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, "aria-expanded" | "title" | "onClick" | "aria-controls" | "aria-haspopup"> & react.RefAttributes<HTMLButtonElement>>;
 
 type TableIconTextProps = {
     icon: ReactNode;
@@ -407,6 +407,46 @@ type TableIconTextProps = {
 };
 declare function TableIconText({ icon, children, className }: TableIconTextProps): react.JSX.Element;
 
+type ModalFooterAlign = 'left' | 'center' | 'right';
+type ModalFooterLayout = 'inline' | 'split';
+type ModalProps = {
+    open: boolean;
+    title: string;
+    subtitle?: string;
+    icon?: ReactNode;
+    iconContainerClassName?: string;
+    children: ReactNode;
+    cancelText: string;
+    confirmText: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    footerAlign?: ModalFooterAlign;
+    footerLayout?: ModalFooterLayout;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    closeOnBackdrop?: boolean;
+    containerClassName?: string;
+    contentClassName?: string;
+    buttonClassName?: string;
+};
+declare function Modal({ open, title, subtitle, icon, iconContainerClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
+
+type ConfirmModalProps = {
+    open: boolean;
+    title: string;
+    description: ReactNode;
+    cancelText: string;
+    confirmText: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    closeOnBackdrop?: boolean;
+    containerClassName?: string;
+    buttonClassName?: string;
+};
+declare function ConfirmModal({ open, title, description, cancelText, confirmText, onCancel, onConfirm, cancelDisabled, confirmDisabled, closeOnBackdrop, containerClassName, buttonClassName, }: ConfirmModalProps): react.JSX.Element | null;
+
 declare function useMediaQuery(query: string): boolean;
 
 type OutsideTarget<T extends HTMLElement> = RefObject<T | null> | Array<RefObject<T | null>>;
@@ -414,4 +454,4 @@ declare function useOnClickOutside<T extends HTMLElement>(ref: OutsideTarget<T>,
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type AdminBuildingOption, type AdminHeaderLabels, type AdminLayoutLabels, type AdminNavItem, type AdminSidebarBranding, type AdminSidebarLabels, type AdminSidebarUser, AppHeader, type AppHeaderProps, Badge, type BadgeProps, type BadgeVariant, BellIcon, BuildingIcon, BuildingSelect, type BuildingSelectProps, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableClassNames, type DataTableProps, Pagination, type PaginationLabels, type PaginationProps, type PaginationVariant, Sidebar, SidebarMobileHeader, type SidebarMobileHeaderProps, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarUserCard, type SidebarUserCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Table, TableActionButton, type TableActionButtonProps, type TableActionButtonVariant, TableActionsCell, type TableActionsCellProps, TableActionsMenu, type TableActionsMenuItem, type TableActionsMenuItemTone, type TableActionsMenuProps, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableCellVariant, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIconText, type TableIconTextProps, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, type TableProps, TableRow, type TableRowActionsConfig, type TableRowProps, TableRowStatusActions, type TableRowStatusActionsProps, TableScrollArea, type TableScrollAreaProps, type TableSortDirection, TableSortIcon, TableStatusActionsCell, type TableStatusActionsCellProps, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };
+export { type AdminBuildingOption, type AdminHeaderLabels, type AdminLayoutLabels, type AdminNavItem, type AdminSidebarBranding, type AdminSidebarLabels, type AdminSidebarUser, AppHeader, type AppHeaderProps, Badge, type BadgeProps, type BadgeVariant, BellIcon, BuildingIcon, BuildingSelect, type BuildingSelectProps, ConfirmModal, type ConfirmModalProps, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, type DashboardLayoutProps, DataTable, type DataTableClassNames, type DataTableProps, Modal, type ModalFooterAlign, type ModalFooterLayout, type ModalProps, Pagination, type PaginationLabels, type PaginationProps, type PaginationVariant, Sidebar, SidebarMobileHeader, type SidebarMobileHeaderProps, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarUserCard, type SidebarUserCardProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Table, TableActionButton, type TableActionButtonProps, type TableActionButtonVariant, TableActionsCell, type TableActionsCellProps, TableActionsMenu, type TableActionsMenuItem, type TableActionsMenuItemTone, type TableActionsMenuProps, TableBody, type TableBodyProps, TableCell, type TableCellProps, type TableCellVariant, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TableIconText, type TableIconTextProps, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, type TableProps, TableRow, type TableRowActionsConfig, type TableRowProps, TableRowStatusActions, type TableRowStatusActionsProps, TableScrollArea, type TableScrollAreaProps, type TableSortDirection, TableSortIcon, TableStatusActionsCell, type TableStatusActionsCellProps, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };

package/dist/web/index.js

@@ -1,4 +1,4 @@
-import { __commonJS, __require, __toESM, Input } from '../chunk-7KLVMNDM.js';
+import { __commonJS, __require, __toESM, Input, Button } from '../chunk-YSDLHEJ7.js';
 import { ChevronsUpDown, Search, LogOut, PanelLeftClose, PanelLeftOpen, X, Menu, ChevronLeft, ChevronRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -29354,8 +29354,8 @@ function TableMenuInfoIcon({ className }) {
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          d: "M9.9974 13.3337V10.0003M9.9974 6.66699H10.0057M18.3307 10.0003C18.3307 14.6027 14.5998 18.3337 9.9974 18.3337C5.39502 18.3337 1.66406 14.6027 1.66406 10.0003C1.66406 5.39795 5.39502 1.66699 9.9974 1.66699C14.5998 1.66699 18.3307 5.39795 18.3307 10.0003Z",
-          stroke: "#B5BCC1",
+          d: "M10.0013 13.3337V10.0003M10.0013 6.66699H10.0096M18.3346 10.0003C18.3346 14.6027 14.6037 18.3337 10.0013 18.3337C5.39893 18.3337 1.66797 14.6027 1.66797 10.0003C1.66797 5.39795 5.39893 1.66699 10.0013 1.66699C14.6037 1.66699 18.3346 5.39795 18.3346 10.0003Z",
+          stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -29854,6 +29854,7 @@ var TableActionButton = forwardRef(
     ...props
   }, ref) {
     const isInlineAction = variant === "approve" || variant === "reject";
+    const hasLabel = Boolean(children);
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -29864,6 +29865,7 @@ var TableActionButton = forwardRef(
         "aria-label": ariaLabel,
         className: cn(
           variantClasses[variant],
+          isInlineAction && !hasLabel && "px-2",
           disabled && "cursor-not-allowed opacity-50",
           className
         ),
@@ -29992,12 +29994,12 @@ function TableActionsMenu({
               item.onSelect();
             },
             className: cn(
-              "flex w-full cursor-pointer items-center gap-2.5 px-3 py-4 text-left font-sans text-sm font-medium leading-none text-storm-gray-900 transition-colors hover:bg-storm-gray-0",
+              "flex h-[51px] w-full cursor-pointer items-center gap-2.5 px-3 text-left font-sans text-sm font-medium leading-none text-storm-gray-900 transition-colors hover:bg-storm-gray-0",
               index > 0 && "border-t border-storm-gray-50",
               item.disabled && "cursor-not-allowed opacity-50"
             ),
             children: [
-              icon ? /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center", children: icon }) : null,
+              icon ? /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 shrink-0 items-center justify-center text-storm-gray-200", children: icon }) : null,
               /* @__PURE__ */ jsx("span", { children: item.label })
             ]
           },
@@ -30252,6 +30254,247 @@ function TableIconText({ icon, children, className }) {
     }
   );
 }
+var footerAlignClasses = {
+  left: "justify-start",
+  center: "justify-center",
+  right: "justify-end"
+};
+function Modal({
+  open,
+  title,
+  subtitle,
+  icon,
+  iconContainerClassName,
+  children,
+  cancelText,
+  confirmText,
+  onCancel,
+  onConfirm,
+  footerAlign = "right",
+  footerLayout = "inline",
+  cancelDisabled = false,
+  confirmDisabled = false,
+  closeOnBackdrop = true,
+  containerClassName,
+  contentClassName,
+  buttonClassName
+}) {
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onCancel();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, onCancel]);
+  if (!open) {
+    return null;
+  }
+  const sharedButtonClassName = cn(
+    "btn h-13 justify-center!",
+    footerLayout === "split" && "min-w-0 flex-1",
+    buttonClassName
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center p-4 backdrop-blur-[12px] bg-storm-gray-850/40",
+      onClick: closeOnBackdrop ? onCancel : void 0,
+      role: "presentation",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "homepad-modal-title",
+          ...subtitle ? { "aria-describedby": "homepad-modal-subtitle" } : {},
+          className: cn(
+            "flex w-full max-w-2xl flex-col gap-6 rounded-2xl bg-white p-4 opacity-100 md:p-6",
+            containerClassName
+          ),
+          onClick: (event) => {
+            event.stopPropagation();
+          },
+          children: [
+            /* @__PURE__ */ jsxs("header", { className: cn("flex", icon ? "items-center gap-2.5" : void 0), children: [
+              icon ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex size-11 shrink-0 items-center justify-center rounded-lg bg-storm-gray-50 p-3 opacity-100",
+                    iconContainerClassName
+                  ),
+                  children: /* @__PURE__ */ jsx("div", { className: "flex size-5 shrink-0 items-center justify-center [&>*]:size-5 [&_svg]:size-5", children: icon })
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    id: "homepad-modal-title",
+                    className: "font-sans text-lg font-bold leading-none tracking-normal text-black",
+                    children: title
+                  }
+                ),
+                subtitle ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    id: "homepad-modal-subtitle",
+                    className: "font-sans text-xs font-normal leading-none tracking-normal text-storm-gray-400",
+                    children: subtitle
+                  }
+                ) : null
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: cn("min-w-0", contentClassName), children }),
+            /* @__PURE__ */ jsxs(
+              "footer",
+              {
+                className: cn(
+                  "flex gap-4",
+                  footerLayout === "split" ? "w-full" : footerAlignClasses[footerAlign]
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      title: cancelText,
+                      onPress: onCancel,
+                      variant: "gray",
+                      disabled: cancelDisabled,
+                      className: sharedButtonClassName,
+                      textClassName: "text-center!"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      title: confirmText,
+                      onPress: onConfirm,
+                      variant: "primary",
+                      disabled: confirmDisabled,
+                      className: sharedButtonClassName,
+                      textClassName: "text-center!"
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function ConfirmModal({
+  open,
+  title,
+  description,
+  cancelText,
+  confirmText,
+  onCancel,
+  onConfirm,
+  cancelDisabled = false,
+  confirmDisabled = false,
+  closeOnBackdrop = true,
+  containerClassName,
+  buttonClassName
+}) {
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onCancel();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, onCancel]);
+  if (!open) {
+    return null;
+  }
+  const sharedButtonClassName = cn("btn h-10 min-w-0 flex-1 justify-center!", buttonClassName);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center p-4 backdrop-blur-md bg-storm-gray-850/40",
+      onClick: closeOnBackdrop ? onCancel : void 0,
+      role: "presentation",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "homepad-confirm-modal-title",
+          "aria-describedby": "homepad-confirm-modal-description",
+          className: cn(
+            "flex w-full max-w-md flex-col gap-8 rounded-2xl bg-white p-4 opacity-100 md:p-6",
+            containerClassName
+          ),
+          onClick: (event) => {
+            event.stopPropagation();
+          },
+          children: [
+            /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-3 text-center", children: [
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  id: "homepad-confirm-modal-title",
+                  className: "font-sans text-xl font-bold leading-6.75 tracking-normal text-black",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: "homepad-confirm-modal-description",
+                  className: "text-center font-sans text-sm font-normal leading-4.75 tracking-normal text-storm-gray-400",
+                  children: description
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("footer", { className: "flex w-full gap-4", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  title: cancelText,
+                  onPress: onCancel,
+                  variant: "gray",
+                  size: "sm",
+                  disabled: cancelDisabled,
+                  className: sharedButtonClassName,
+                  textClassName: "text-center!"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  title: confirmText,
+                  onPress: onConfirm,
+                  variant: "primary",
+                  size: "sm",
+                  disabled: confirmDisabled,
+                  className: sharedButtonClassName,
+                  textClassName: "text-center!"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
 /*! Bundled license information:
 
 scheduler/cjs/scheduler.production.min.js:
@@ -30312,6 +30555,6 @@ react-dom/cjs/react-dom.development.js:
    *)
 */
 
-export { AppHeader, Badge, BellIcon, BuildingIcon, BuildingSelect, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, DataTable, Pagination, Sidebar, SidebarMobileHeader, SidebarNavItem, SidebarUserCard, StatusBadge, Table, TableActionButton, TableActionsCell, TableActionsMenu, TableBody, TableCell, TableHead, TableHeader, TableIconText, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, TableRow, TableRowStatusActions, TableScrollArea, TableSortIcon, TableStatusActionsCell, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };
+export { AppHeader, Badge, BellIcon, BuildingIcon, BuildingSelect, ConfirmModal, DEFAULT_TABLE_BODY_MIN_HEIGHT, DashboardLayout, DataTable, Modal, Pagination, Sidebar, SidebarMobileHeader, SidebarNavItem, SidebarUserCard, StatusBadge, Table, TableActionButton, TableActionsCell, TableActionsMenu, TableBody, TableCell, TableHead, TableHeader, TableIconText, TableMenuActivateIcon, TableMenuCheckIcon, TableMenuCloseIcon, TableMenuEditIcon, TableMenuInfoIcon, TableMenuRefreshIcon, TableMenuSuspendIcon, TableMenuTrashIcon, TableMoreIcon, TableRow, TableRowStatusActions, TableScrollArea, TableSortIcon, TableStatusActionsCell, cn, getPaginationRange, getTotalPages, getVisiblePageNumbers, tableRowDisabledCellClassName, useMediaQuery, useOnClickOutside };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map