@sustaina/shared-ui 1.5.0 → 1.6.1

package/dist/index.d.mts

@@ -369,22 +369,30 @@ interface AdvanceSearchProps {
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 
-type ConfirmDialogProps = {
-    dialogData: {
-        state: boolean;
-        title?: string;
-        description?: string;
-        btn?: string;
-        variantBtn?: string;
-        btnState?: boolean;
-        onClickBtn?: () => void;
-        variant?: "default" | "success" | "error";
-        showCloseBtn?: boolean;
-    };
-    setDialog: (data: any) => void;
-    onClose?: () => void;
+type DialogVariant = "default" | "success" | "error" | "warning";
+interface DialogAlertProps {
+    open: boolean;
+    onOpenChange: (state: boolean) => void;
+    title?: string;
+    description?: string;
+    variant?: DialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    align?: "start" | "center" | "end";
+    outlet?: React__default.ReactNode | null;
+}
+declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet }: DialogAlertProps): react_jsx_runtime.JSX.Element;
+
+declare function isDefined(value: any): boolean;
+declare function isEmptyObject(value: any): boolean;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (...args: Parameters<T>) => void;
+
+declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
+    [k: string]: any;
 };
-declare function ConfirmDialog({ dialogData, setDialog, onClose }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Utility function to intelligently combine class names using `clsx`
@@ -489,4 +497,12 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, ConfirmDialog as Dialog, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, renderContentSlot, selectValueToBoolean, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+type UseTruncatedOptions<T> = {
+    elementRef: React.RefObject<T | null>;
+    onChange?: (isTruncated: boolean) => void;
+    resizeDetectDelay?: number;
+};
+type UseTruncatedResult = boolean;
+declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
+
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.d.ts

@@ -369,22 +369,30 @@ interface AdvanceSearchProps {
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 
-type ConfirmDialogProps = {
-    dialogData: {
-        state: boolean;
-        title?: string;
-        description?: string;
-        btn?: string;
-        variantBtn?: string;
-        btnState?: boolean;
-        onClickBtn?: () => void;
-        variant?: "default" | "success" | "error";
-        showCloseBtn?: boolean;
-    };
-    setDialog: (data: any) => void;
-    onClose?: () => void;
+type DialogVariant = "default" | "success" | "error" | "warning";
+interface DialogAlertProps {
+    open: boolean;
+    onOpenChange: (state: boolean) => void;
+    title?: string;
+    description?: string;
+    variant?: DialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    align?: "start" | "center" | "end";
+    outlet?: React__default.ReactNode | null;
+}
+declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet }: DialogAlertProps): react_jsx_runtime.JSX.Element;
+
+declare function isDefined(value: any): boolean;
+declare function isEmptyObject(value: any): boolean;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, delay?: number): (...args: Parameters<T>) => void;
+
+declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
+    [k: string]: any;
 };
-declare function ConfirmDialog({ dialogData, setDialog, onClose }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Utility function to intelligently combine class names using `clsx`
@@ -489,4 +497,12 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, ConfirmDialog as Dialog, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, renderContentSlot, selectValueToBoolean, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+type UseTruncatedOptions<T> = {
+    elementRef: React.RefObject<T | null>;
+    onChange?: (isTruncated: boolean) => void;
+    resizeDetectDelay?: number;
+};
+type UseTruncatedResult = boolean;
+declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
+
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.js

@@ -17,6 +17,7 @@ var utilities = require('@dnd-kit/utilities');
 var SelectPrimitive = require('@radix-ui/react-select');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var core = require('@dnd-kit/core');
+var modifiers = require('@dnd-kit/modifiers');
 var zod = require('zod');
 var reactDom = require('react-dom');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -152,6 +153,35 @@ function FormLabel({ children, className, errorClassName, required, ...props })
   );
 }
 
+// src/utils/common.ts
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function isEmptyObject(value) {
+  return !!value && Object.keys(value).length === 0 && value.constructor === Object;
+}
+function debounce(fn, delay = 150) {
+  let timeout = null;
+  return (...args) => {
+    if (timeout) clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      fn(...args);
+    }, delay);
+  };
+}
+
+// src/utils/filters.ts
+function stripNullishObject(value) {
+  if (!isDefined(value)) {
+    return {};
+  }
+  try {
+    return Object.fromEntries(Object.entries(value).filter(([, propValue]) => isDefined(propValue)));
+  } catch {
+    return {};
+  }
+}
+
 // src/utils/getColumnIdFromTable.ts
 function getColumnIdFromTable(table) {
   const allColumns = table.getAllColumns();
@@ -365,23 +395,36 @@ var useScreenSize = (breakpoints) => {
   return { isMobile, isTablet, isDesktop };
 };
 var useScreenSize_default = useScreenSize;
-
-// src/utils/common.ts
-function isDefined(value) {
-  return value !== null && value !== void 0;
-}
-
-// src/utils/filters.ts
-function stripNullishObject(value) {
-  if (!isDefined(value)) {
-    return {};
-  }
-  try {
-    return Object.fromEntries(Object.entries(value).filter(([, propValue]) => isDefined(propValue)));
-  } catch {
-    return {};
-  }
-}
+var useTruncated = ({
+  elementRef,
+  onChange,
+  resizeDetectDelay = 150
+}) => {
+  const [isTruncated, setIsTruncated] = React4.useState(false);
+  React4.useEffect(() => {
+    const element = elementRef.current;
+    if (!element) return;
+    const checkTruncate = debounce(() => {
+      const truncated = element.scrollWidth > element.clientWidth;
+      setIsTruncated((prev) => {
+        if (prev !== truncated) {
+          onChange?.(truncated);
+        }
+        return truncated;
+      });
+    }, resizeDetectDelay);
+    checkTruncate();
+    const observer = new ResizeObserver(checkTruncate);
+    observer.observe(element);
+    window.addEventListener("resize", checkTruncate);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", checkTruncate);
+    };
+  }, [elementRef, onChange, resizeDetectDelay]);
+  return isTruncated;
+};
+var useTruncated_default = useTruncated;
 var HeaderCell = ({ rootClassName, labelClassName, context, label, sorterProps }) => {
   const { ref, hovering } = useHover_default();
   const showSorter = sorterProps?.show ?? context.column.getCanSort();
@@ -1400,6 +1443,7 @@ function SelectContent({
 function SelectItem({
   className,
   children,
+  hideCheckIcon,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1412,6 +1456,7 @@ function SelectItem({
       ),
       ...props,
       children: [
+        !hideCheckIcon && //
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-4" }) }) }),
         /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
       ]
@@ -1551,6 +1596,7 @@ function SortableRow({
                     SelectItem,
                     {
                       value: opt.id,
+                      hideCheckIcon: true,
                       className: cn(
                         "focus:bg-[#e8edea]",
                         opt.id === field.value ? "font-bold bg-[#dae5de] focus:bg-[#dae5de]" : ""
@@ -1744,11 +1790,12 @@ var GridSettingsModal = ({
           },
           fields[0]?.fieldId
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx(
           core.DndContext,
           {
             sensors,
             collisionDetection: core.closestCenter,
+            modifiers: [modifiers.restrictToParentElement, modifiers.restrictToVerticalAxis],
             onDragStart: () => setIsDragging(true),
             onDragEnd: (event) => {
               setIsDragging(false);
@@ -1774,7 +1821,7 @@ var GridSettingsModal = ({
               }
             )
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
           Button2,
           {
@@ -4945,7 +4992,7 @@ function DialogContent2({
       {
         "data-slot": "dialog-content",
         className: cn3(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           className
         ),
         ...props,
@@ -5005,13 +5052,15 @@ var buttonVariants4 = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
-        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground  dark:border-input dark:hover:bg-input/50",
-        outlineLeave: "border border-[#BB0B0E] bg-background shadow-xs hover:bg-accent hover:text-accent-foreground text-[#BB0B0E]"
+        default: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground  dark:border-input dark:hover:bg-input/50",
+        success: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
+        error: "border border-[#BB0B0E] bg-background shadow-xs hover:bg-accent hover:text-accent-foreground text-[#BB0B0E]",
+        warning: "bg-yellow-500 text-black shadow-xs hover:bg-yellow-600 dark:hover:bg-yellow-400",
+        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:hover:bg-input/50"
       },
       size: {
-        default: "h-9 px-4  has-[>svg]:px-3",
-        option: "py-5 h-9 px-4  has-[>svg]:px-3",
+        default: "h-9 px-4 has-[>svg]:px-3",
+        option: "py-5 h-9 px-4 has-[>svg]:px-3",
         sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9",
@@ -5021,7 +5070,7 @@ var buttonVariants4 = classVarianceAuthority.cva(
         "icon-lg": "size-10"
       },
       active: {
-        true: "bg-sus-primary-1 text-white",
+        true: "opacity-90 ring-2 ring-offset-1 ring-ring",
         false: ""
       }
     },
@@ -5044,46 +5093,62 @@ function Button4({
     Comp,
     {
       "data-slot": "button",
-      className: cn3(buttonVariants4({ variant, size, className, active })),
+      className: cn3(buttonVariants4({ variant, size, active, className })),
       ...props
     }
   );
 }
-function ConfirmDialog({ dialogData, setDialog, onClose }) {
-  const handleClose = () => {
-    setDialog({ state: false });
-    onClose?.();
-  };
-  const titleColor = {
-    default: "text-[#000000]",
-    success: "text-[#3f9e33]",
-    error: "text-[#c63638]"
-  };
-  const showCloseBtn = dialogData.showCloseBtn ?? true;
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open: dialogData.state, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent2, { children: [
+function DialogAlert({
+  open,
+  onOpenChange,
+  title,
+  description,
+  variant = "default",
+  confirmText,
+  cancelText = "Cancel",
+  onConfirm,
+  onCancel,
+  showCancel = true,
+  align = "center",
+  outlet
+}) {
+  const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
+  const handleCancel = React4.useCallback(() => {
+    onCancel?.();
+    onOpenChange(false);
+  }, [onCancel, onOpenChange]);
+  const handleConfirm = React4.useCallback(() => {
+    onConfirm?.();
+  }, [onConfirm]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent2, { className: "max-w-md", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: cn3(titleColor[dialogData.variant || "default"], "font-bold"), children: dialogData.title || "" }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: dialogData.description || "" })
+      title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: variantClass(variant), children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex justify-center py-5 gap-5", children: [
-      showCloseBtn && /* @__PURE__ */ jsxRuntime.jsx(Button4, { variant: "cancel", onClick: handleClose, children: "Close" }),
-      dialogData.btn && /* @__PURE__ */ jsxRuntime.jsx(
-        Button4,
-        {
-          variant: dialogData.variantBtn || "default",
-          disabled: dialogData.btnState === false,
-          onClick: dialogData.onClickBtn,
-          children: dialogData.btn
-        }
-      )
+    outlet && outlet,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
+      showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button4, { variant: "cancel", onClick: handleCancel, children: cancelText }),
+      confirmText && /* @__PURE__ */ jsxRuntime.jsx(Button4, { variant, onClick: handleConfirm, children: confirmText })
     ] })
   ] }) });
 }
+function variantClass(variant) {
+  switch (variant) {
+    case "success":
+      return "text-green-600";
+    case "error":
+      return "text-red-600";
+    case "warning":
+      return "text-yellow-600";
+    default:
+      return "";
+  }
+}
 
 exports.AdvanceSearch = AdvanceSearch_default;
 exports.Button = Button;
 exports.DataTable = DataTable_default;
-exports.Dialog = ConfirmDialog;
+exports.DialogAlert = DialogAlert;
 exports.FormErrorMessage = FormErrorMessage;
 exports.FormField = FormField;
 exports.FormFieldContext = FormFieldContext;
@@ -5100,9 +5165,13 @@ exports.booleanToSelectValue = booleanToSelectValue;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.compareAlphanumeric = compareAlphanumeric;
+exports.debounce = debounce;
 exports.getColumnIdFromTable = getColumnIdFromTable;
+exports.isDefined = isDefined;
+exports.isEmptyObject = isEmptyObject;
 exports.renderContentSlot = renderContentSlot;
 exports.selectValueToBoolean = selectValueToBoolean;
+exports.stripNullishObject = stripNullishObject;
 exports.useFormField = useFormField;
 exports.useGridSettingsStore = useGridSettingsStore;
 exports.useHover = useHover_default;
@@ -5111,5 +5180,6 @@ exports.useMediaQuery = useMediaQuery_default;
 exports.usePreventPageLeave = usePreventPageLeave_default;
 exports.usePreventPageLeaveStore = usePreventPageLeaveStore_default;
 exports.useScreenSize = useScreenSize_default;
+exports.useTruncated = useTruncated_default;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map