@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.41

package/lib/components/Button/Button.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {Loader2}from'lucide-react';const Button = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {Loader2}from'lucide-react';const Button = ({
   variant = 'primary',
   size = 'medium',
   isLoading = false,
@@ -39,11 +39,12 @@ import React__default from'react';import {Loader2}from'lucide-react';const Butto
   const sizeClasses = getSizeClasses();
   const widthClass = fullWidth ? 'w-full' : '';
   const disabledClass = isLoading || disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer interactive-hover';
-  return React__default.createElement("button", {
+  return jsxs("button", {
     className: `${baseClasses} ${variantClasses} ${sizeClasses} ${widthClass} ${disabledClass} ${className}`,
     disabled: isLoading || disabled,
-    ...props
-  }, isLoading && React__default.createElement(Loader2, {
-    className: "w-4 h-4 mr-2 animate-spin"
-  }), children);
+    ...props,
+    children: [isLoading && jsx(Loader2, {
+      className: "w-4 h-4 mr-2 animate-spin"
+    }), children]
+  });
 };export{Button as TailwindUiButton};//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"qEAIA,MAAM,MAAM;AAEZ,EAAA,OAAM,GAAA;MACF,GAAA,QAAU;WACH,GAAA,KAAA;WACP,GAAU,KAAE;WACZ,GAAU,EAAE;AACZ,EAAA,QAAA;AACH,EAAA,QAAA;AAED,EAAA,GAAA;AAwDA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"4EAIA,MAAM,MAAM;AAEZ,EAAA,OAAM,GAAA;MACF,GAAA,QAAU;WACH,GAAA,KAAA;WACP,GAAU,KAAE;WACZ,GAAU,EAAE;AACZ,EAAA,QAAA;AACH,EAAA,QAAA;AAED,EAAA,GAAA;AAwDA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstate/react';import {datePickerMachine}from'./machine.js';import {getDaysInMonth,getYearsRange,months}from'./utils.js';const DatePicker = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {useRef,useEffect}from'react';import {useActor}from'@xstate/react';import {datePickerMachine}from'./machine.js';import {getDaysInMonth,getYearsRange,months}from'./utils.js';const DatePicker = ({
   value,
   onChange,
   placeholder = 'Select date',
@@ -53,148 +53,166 @@ import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstat
   // Group dates into rows (5 rows of 7 days each - may have empty cells)
   const numberOfRows = Math.ceil(daysInMonth / 7);
   const years = getYearsRange(currentDate.getFullYear());
-  return React__default.createElement("div", {
+  return jsxs("div", {
     ref: containerRef,
-    className: `relative ${className}`
-  }, React__default.createElement("div", {
-    className: "relative"
-  }, React__default.createElement("input", {
-    type: "text",
-    className: "w-full px-2 py-1 h-7 border border-gray-300 hover:border-blue-400 focus:border-blue-400 \n                    rounded text-xs transition-colors duration-200 ease-in-out shadow-sm \n                    focus:outline-none focus:ring-0",
-    placeholder: placeholder,
-    value: inputValue,
-    onChange: e => send({
-      type: 'INPUT_CHANGE',
-      value: e.target.value
-    }),
-    onClick: () => send({
-      type: 'TOGGLE_CALENDAR'
-    }),
-    readOnly: true
-  }), React__default.createElement("div", {
-    className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
-    onClick: () => send({
-      type: 'TOGGLE_CALENDAR'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-  })))), isOpen && React__default.createElement("div", {
-    className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200"
-  }, React__default.createElement("div", {
-    className: "px-1 py-1 border-b border-gray-200"
-  }, React__default.createElement("div", {
-    className: "flex justify-between items-center"
-  }, React__default.createElement("button", {
-    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
-    onClick: () => send({
-      type: 'PREV_MONTH'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2.5,
-    d: "M15 19l-7-7 7-7"
-  }))), React__default.createElement("div", {
-    className: "flex items-center space-x-1 text-xs"
-  }, React__default.createElement("select", {
-    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-20 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
-    value: currentMonth.getMonth(),
-    onChange: e => send({
-      type: 'SELECT_MONTH',
-      month: parseInt(e.target.value)
-    }),
-    style: {
-      backgroundPosition: 'right 4px center'
-    }
-  }, months.map((month, index) => React__default.createElement("option", {
-    key: month,
-    value: index
-  }, month))), React__default.createElement("select", {
-    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-14 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
-    value: currentMonth.getFullYear(),
-    onChange: e => send({
-      type: 'SELECT_YEAR',
-      year: parseInt(e.target.value)
-    }),
-    style: {
-      backgroundPosition: 'right 4px center'
-    }
-  }, years.map(year => React__default.createElement("option", {
-    key: year,
-    value: year
-  }, year)))), React__default.createElement("button", {
-    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
-    onClick: () => send({
-      type: 'NEXT_MONTH'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2.5,
-    d: "M9 5l7 7-7 7"
-  }))))), React__default.createElement("div", {
-    className: "border-b border-gray-200"
-  }, React__default.createElement("div", {
-    className: "flex border-b border-gray-100 bg-gray-50"
-  }, ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => React__default.createElement("div", {
-    key: day,
-    className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`
-  }, day))), React__default.createElement("div", {
-    className: "p-0"
-  }, Array.from({
-    length: numberOfRows
-  }).map((_, rowIndex) => React__default.createElement("div", {
-    key: `row-${rowIndex}`,
-    className: "flex border-b border-gray-100 last:border-b-0"
-  }, Array.from({
-    length: 7
-  }).map((_, colIndex) => {
-    const dateIndex = rowIndex * 7 + colIndex;
-    // Return empty cell if out of range
-    if (dateIndex >= dates.length) {
-      return React__default.createElement("div", {
-        key: `empty-${rowIndex}-${colIndex}`,
-        className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
-      });
-    }
-    const date = dates[dateIndex];
-    const isToday = date.getDate() === currentDate.getDate() && date.getMonth() === currentDate.getMonth() && date.getFullYear() === currentDate.getFullYear();
-    const isSelected = selectedDate && date.getDate() === selectedDate.getDate() && date.getMonth() === selectedDate.getMonth() && date.getFullYear() === selectedDate.getFullYear();
-    return React__default.createElement("div", {
-      key: `date-${date.getDate()}`,
-      className: `
+    className: `relative ${className}`,
+    children: [jsxs("div", {
+      className: "relative",
+      children: [jsx("input", {
+        type: "text",
+        className: "w-full px-2 py-1 h-7 border border-gray-300 hover:border-blue-400 focus:border-blue-400 \n                    rounded text-xs transition-colors duration-200 ease-in-out shadow-sm \n                    focus:outline-none focus:ring-0",
+        placeholder: placeholder,
+        value: inputValue,
+        onChange: e => send({
+          type: 'INPUT_CHANGE',
+          value: e.target.value
+        }),
+        onClick: () => send({
+          type: 'TOGGLE_CALENDAR'
+        }),
+        readOnly: true
+      }), jsx("div", {
+        className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
+        onClick: () => send({
+          type: 'TOGGLE_CALENDAR'
+        }),
+        children: jsx("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "h-3 w-3",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+          })
+        })
+      })]
+    }), isOpen && jsxs("div", {
+      className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200",
+      children: [jsx("div", {
+        className: "px-1 py-1 border-b border-gray-200",
+        children: jsxs("div", {
+          className: "flex justify-between items-center",
+          children: [jsx("button", {
+            className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+            onClick: () => send({
+              type: 'PREV_MONTH'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M15 19l-7-7 7-7"
+              })
+            })
+          }), jsxs("div", {
+            className: "flex items-center space-x-1 text-xs",
+            children: [jsx("select", {
+              className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-20 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+              value: currentMonth.getMonth(),
+              onChange: e => send({
+                type: 'SELECT_MONTH',
+                month: parseInt(e.target.value)
+              }),
+              style: {
+                backgroundPosition: 'right 4px center'
+              },
+              children: months.map((month, index) => jsx("option", {
+                value: index,
+                children: month
+              }, month))
+            }), jsx("select", {
+              className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-14 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+              value: currentMonth.getFullYear(),
+              onChange: e => send({
+                type: 'SELECT_YEAR',
+                year: parseInt(e.target.value)
+              }),
+              style: {
+                backgroundPosition: 'right 4px center'
+              },
+              children: years.map(year => jsx("option", {
+                value: year,
+                children: year
+              }, year))
+            })]
+          }), jsx("button", {
+            className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+            onClick: () => send({
+              type: 'NEXT_MONTH'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M9 5l7 7-7 7"
+              })
+            })
+          })]
+        })
+      }), jsxs("div", {
+        className: "border-b border-gray-200",
+        children: [jsx("div", {
+          className: "flex border-b border-gray-100 bg-gray-50",
+          children: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => jsx("div", {
+            className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`,
+            children: day
+          }, day))
+        }), jsx("div", {
+          className: "p-0",
+          children: Array.from({
+            length: numberOfRows
+          }).map((_, rowIndex) => jsx("div", {
+            className: "flex border-b border-gray-100 last:border-b-0",
+            children: Array.from({
+              length: 7
+            }).map((_, colIndex) => {
+              const dateIndex = rowIndex * 7 + colIndex;
+              // Return empty cell if out of range
+              if (dateIndex >= dates.length) {
+                return jsx("div", {
+                  className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
+                }, `empty-${rowIndex}-${colIndex}`);
+              }
+              const date = dates[dateIndex];
+              const isToday = date.getDate() === currentDate.getDate() && date.getMonth() === currentDate.getMonth() && date.getFullYear() === currentDate.getFullYear();
+              const isSelected = selectedDate && date.getDate() === selectedDate.getDate() && date.getMonth() === selectedDate.getMonth() && date.getFullYear() === selectedDate.getFullYear();
+              return jsx("div", {
+                className: `
                           flex-1 h-6 flex items-center justify-center text-xs cursor-pointer transition-colors
                           border-r border-gray-100 last:border-r-0
                           ${isToday && !isSelected ? 'font-bold text-blue-600' : ''}
                           ${isSelected ? 'bg-blue-50 text-blue-700 font-medium' : 'hover:bg-gray-50'}
                         `,
-      onClick: () => handleDateSelect(date)
-    }, date.getDate());
-  }))))), React__default.createElement("div", {
-    className: "py-1 px-1 flex justify-end"
-  }, React__default.createElement("button", {
-    className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
-    onClick: () => handleDateSelect(new Date())
-  }, "Today"))));
-};export{DatePicker,DatePicker as default};//# sourceMappingURL=DatePicker.js.map
+                onClick: () => handleDateSelect(date),
+                children: date.getDate()
+              }, `date-${date.getDate()}`);
+            })
+          }, `row-${rowIndex}`))
+        })]
+      }), jsx("div", {
+        className: "py-1 px-1 flex justify-end",
+        children: jsx("button", {
+          className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
+          onClick: () => handleDateSelect(new Date()),
+          children: "Today"
+        })
+      })]
+    })]
+  });
+};export{DatePicker};//# sourceMappingURL=DatePicker.js.map

package/lib/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface DialogProps {
+    isOpen: boolean;
+    title?: string;
+    subtitle?: string;
+    onClose: () => void;
+    onSave?: () => void;
+    loading?: boolean;
+    children?: ReactNode;
+    saveLabel?: string;
+    cancelLabel?: string;
+    saveDisabled?: boolean;
+    hideFooter?: boolean;
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    className?: string;
+    bodyClassName?: string;
+}
+export declare function Dialog({ isOpen, title, subtitle, onClose, onSave, loading, children, saveLabel, cancelLabel, saveDisabled, hideFooter, width, height, className, bodyClassName, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,WAAW;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAoBD,wBAAgB,MAAM,CAAC,EACnB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAkB,EAClB,WAAsB,EACtB,YAAY,EACZ,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,EACT,aAAa,GAChB,EAAE,WAAW,2CAuGb"}

package/lib/components/Dialog/Dialog.js

@@ -0,0 +1,111 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {X}from'lucide-react';import {useRef,useId,useEffect}from'react';import {cn}from'../../utils/util.js';const DEFAULT_DIALOG_WIDTH = '32rem';
+const DEFAULT_DIALOG_HEIGHT = 'auto';
+const DEFAULT_DIALOG_MIN_WIDTH = 'min(20rem, 90vw)';
+const DEFAULT_DIALOG_MIN_HEIGHT = 'min(12rem, 90vh)';
+const DEFAULT_DIALOG_MAX_WIDTH = '90vw';
+const DEFAULT_DIALOG_MAX_HEIGHT = '90vh';
+function getDialogStyle(width, height) {
+  return {
+    width: width ?? DEFAULT_DIALOG_WIDTH,
+    height: height ?? DEFAULT_DIALOG_HEIGHT,
+    minWidth: DEFAULT_DIALOG_MIN_WIDTH,
+    minHeight: DEFAULT_DIALOG_MIN_HEIGHT,
+    maxWidth: DEFAULT_DIALOG_MAX_WIDTH,
+    maxHeight: DEFAULT_DIALOG_MAX_HEIGHT
+  };
+}
+function Dialog({
+  isOpen,
+  title,
+  subtitle,
+  onClose,
+  onSave,
+  loading,
+  children,
+  saveLabel = 'Save',
+  cancelLabel = 'Cancel',
+  saveDisabled,
+  hideFooter,
+  width,
+  height,
+  className,
+  bodyClassName
+}) {
+  const dialogRef = useRef(null);
+  const titleId = useId();
+  const trimmedTitle = title?.trim();
+  const trimmedSubtitle = subtitle?.trim();
+  const hasHeader = Boolean(trimmedTitle);
+  const dialogStyle = getDialogStyle(width, height);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (isOpen && !dialog.open) {
+      dialog.showModal();
+    } else if (!isOpen && dialog.open) {
+      dialog.close();
+    }
+  }, [isOpen]);
+  return jsx("dialog", {
+    ref: dialogRef,
+    onClose: onClose,
+    onClick: event => {
+      if (event.target === dialogRef.current) {
+        dialogRef.current?.close();
+      }
+    },
+    "aria-labelledby": trimmedTitle ? titleId : undefined,
+    "aria-label": !trimmedTitle ? trimmedSubtitle || 'Dialog' : undefined,
+    className: "m-0 h-screen max-h-none w-screen max-w-none border-0 bg-transparent p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm open:fixed open:inset-0 open:flex open:items-center open:justify-center sm:p-6",
+    children: jsxs("div", {
+      style: dialogStyle,
+      className: cn('themed-modal relative flex w-full flex-col overflow-hidden rounded-themed-lg border border-border bg-card text-card-foreground shadow-themed-xl animate-in fade-in zoom-in-95 duration-200', className),
+      children: [hasHeader && jsxs("div", {
+        className: "flex items-start justify-between gap-4 bg-card px-6 py-4 text-card-foreground",
+        children: [jsxs("div", {
+          children: [jsx("h3", {
+            id: titleId,
+            className: "text-xl font-semibold text-card-foreground",
+            children: trimmedTitle
+          }), trimmedSubtitle && jsx("p", {
+            className: "mt-1 text-sm text-muted-foreground",
+            children: trimmedSubtitle
+          })]
+        }), jsx("button", {
+          type: "button",
+          onClick: onClose,
+          className: "rounded-themed bg-transparent p-1 text-muted-foreground transition-colors hover:bg-secondary/80 hover:text-foreground focus-themed",
+          "aria-label": "Close dialog",
+          children: jsx(X, {
+            className: "h-6 w-6"
+          })
+        })]
+      }), !hasHeader && jsx("button", {
+        type: "button",
+        onClick: onClose,
+        className: "absolute right-4 top-4 z-10 rounded-themed bg-transparent p-1 text-muted-foreground transition-colors hover:bg-secondary/80 hover:text-foreground focus-themed",
+        "aria-label": "Close dialog",
+        children: jsx(X, {
+          className: "h-6 w-6"
+        })
+      }), jsx("div", {
+        className: cn('min-h-0 flex-1 overflow-y-auto bg-card px-6 py-4 text-card-foreground', !hasHeader && 'pt-14', bodyClassName),
+        children: children
+      }), !hideFooter && jsxs("div", {
+        className: "flex items-center justify-end gap-3 bg-card px-6 py-4 text-card-foreground",
+        children: [jsx("button", {
+          type: "button",
+          onClick: onClose,
+          className: "rounded-themed border border-border bg-secondary px-4 py-2 text-sm font-medium text-secondary-foreground transition-colors hover:bg-secondary/80 focus-themed",
+          children: cancelLabel
+        }), onSave && jsx("button", {
+          type: "button",
+          onClick: onSave,
+          disabled: loading || saveDisabled,
+          className: "themed-button rounded-themed px-4 py-2 text-sm font-medium focus-themed disabled:cursor-not-allowed disabled:opacity-50",
+          children: loading ? 'Saving...' : saveLabel
+        })]
+      })]
+    })
+  });
+}export{Dialog};//# sourceMappingURL=Dialog.js.map

package/lib/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"4JAOI,oBAAkB,GAAA,OAAA;MAClB,qBAAoB,GAAA,MAAA;AACpB,MAAA,wBAAoB,GAAA,kBAAA;MACpB,yBAAkB,GAAA,kBAAA;MAClB,wBAAqB,GAAA,MAAA;MACrB,yBAAmB,GAAA,MAAA;SACnB,cAAc,CAAM,KAAC,EAAA,MAAA,EAAA;SACrB;IACA,KAAA,EAAA,KAAW,IAAE,oBAAQ;AACrB,IAAA,MAAM,EAAE,MAAA,IAAA,qBAAuB;AAC/B,IAAA,QAAO,EAAE,wBAAwB;IACjC,SAAS,EAAC,yBAAS;IACnB,QAAA,EAAA,wBAAuB;AAC1B,IAAA,SAAA,EAAA;AAoBD,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog } from './Dialog';
+export type { DialogProps } from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const ApplicationErrorHandler: (props: any) => React.JSX.Element;
+export declare const ApplicationErrorHandler: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ApplicationErrorHandler.d.ts.map

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,uBAAuB,GAAI,UAAK,sBAG5C,CAAC"}
+{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js

@@ -1,4 +1,4 @@
-import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import'../ThemeProvider/ThemeProvider.js';import {toast}from'sonner';const FallbackComponent = ({
+import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React from'react';import {logger}from'@cdm-logger/client';import'../ThemeProvider/ThemeProvider.js';import {toast}from'sonner';const FallbackComponent = ({
   error
 }) => {
   React.useLayoutEffect(() => {
@@ -14,7 +14,7 @@ import {ApplicationErrorHandlerCommon}from'@admin-layout/client';import*as React
 };
 const ApplicationErrorHandler = props => {
   const CommonHandler = ApplicationErrorHandlerCommon(FallbackComponent);
-  return React.createElement(CommonHandler, {
+  return jsx(CommonHandler, {
     ...props
   });
 };export{ApplicationErrorHandler};//# sourceMappingURL=ApplicationErrorHandler.js.map

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const ErrorBoundary: (props: any) => React.JSX.Element;
+export declare const ErrorBoundary: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwC/B,eAAO,MAAM,aAAa,GAAI,UAAK,sBAElC,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ErrorBoundary.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,aAAa,GAAI,UAAK,4CAElC,CAAC"}

package/lib/components/ErrorHandlers/ErrorBoundary.js

@@ -1,4 +1,4 @@
-import {ErrorBoundaryCommon}from'@admin-layout/client';import*as React from'react';import {useNavigate}from'@remix-run/react';import {logger}from'@cdm-logger/client';import {icons}from'../../icons/index.js';const Fallback = props => {
+import {jsx,jsxs}from'react/jsx-runtime';import {ErrorBoundaryCommon}from'@admin-layout/client';import*as React from'react';import {useNavigate}from'@remix-run/react';import {logger}from'@cdm-logger/client';import {icons}from'../../icons/index.js';const Fallback = props => {
   const {
     error
   } = props;
@@ -9,33 +9,40 @@ import {ErrorBoundaryCommon}from'@admin-layout/client';import*as React from'reac
   React.useEffect(() => {
     logger.trace(error);
   }, [error]);
-  return React.createElement("div", {
-    className: "flex items-start p-4 rounded-md bg-red-50 border border-red-200"
-  }, React.createElement("div", {
-    className: "flex-shrink-0 mr-3 text-red-400"
-  }, React.createElement(ExclamationCircleIcon, {
-    className: "h-5 w-5"
-  })), React.createElement("div", {
-    className: "flex-1"
-  }, React.createElement("h3", {
-    className: "text-lg font-medium text-red-800"
-  }, "Error!"), React.createElement("div", {
-    className: "mt-2 text-sm text-red-700"
-  }, error?.message)), React.createElement("button", {
-    className: "ml-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors",
-    onClick: () => {
-      navigate('/');
-      /**
-       * Have to reload the window because the above dispatch will only change the router
-       * but won't refresh due to which we have to call the reload on location
-       * Reference: https://stackoverflow.com/questions/63060387/how-do-i-redirect-within-an-errorboundary
-       */
-      window.location.reload();
-    }
-  }, "Home"));
+  return jsxs("div", {
+    className: "flex items-start p-4 rounded-md bg-red-50 border border-red-200",
+    children: [jsx("div", {
+      className: "flex-shrink-0 mr-3 text-red-400",
+      children: jsx(ExclamationCircleIcon, {
+        className: "h-5 w-5"
+      })
+    }), jsxs("div", {
+      className: "flex-1",
+      children: [jsx("h3", {
+        className: "text-lg font-medium text-red-800",
+        children: "Error!"
+      }), jsx("div", {
+        className: "mt-2 text-sm text-red-700",
+        children: error?.message
+      })]
+    }), jsx("button", {
+      className: "ml-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors",
+      onClick: () => {
+        navigate('/');
+        /**
+         * Have to reload the window because the above dispatch will only change the router
+         * but won't refresh due to which we have to call the reload on location
+         * Reference: https://stackoverflow.com/questions/63060387/how-do-i-redirect-within-an-errorboundary
+         */
+        window.location.reload();
+      },
+      children: "Home"
+    })]
+  });
 };
 const ErrorBoundary = props => {
-  return React.createElement(ErrorBoundaryCommon, {
-    fallbackComponent: Fallback
-  }, props?.children);
+  return jsx(ErrorBoundaryCommon, {
+    fallbackComponent: Fallback,
+    children: props?.children
+  });
 };export{ErrorBoundary};//# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ErrorHandlers/ErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ErrorBoundary.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const LayoutErrorBoundary: (props: any) => React.JSX.Element;
+export declare const LayoutErrorBoundary: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LayoutErrorBoundary.d.ts.map