@scripso-homepad/ui 0.4.26 → 0.4.28

package/dist/web/index.d.cts

@@ -436,6 +436,8 @@ type ModalProps = {
     subtitle?: string;
     icon?: ReactNode;
     iconContainerClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
     children: ReactNode;
     cancelText: string;
     confirmText: string;
@@ -451,7 +453,7 @@ type ModalProps = {
     contentClassName?: string;
     buttonClassName?: string;
 };
-declare function Modal({ open, title, subtitle, icon, iconContainerClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, closeOnEscape, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
+declare function Modal({ open, title, subtitle, icon, iconContainerClassName, titleClassName, subtitleClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, closeOnEscape, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
 
 type DrawerProps = {
     open: boolean;

package/dist/web/index.d.ts

@@ -436,6 +436,8 @@ type ModalProps = {
     subtitle?: string;
     icon?: ReactNode;
     iconContainerClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
     children: ReactNode;
     cancelText: string;
     confirmText: string;
@@ -451,7 +453,7 @@ type ModalProps = {
     contentClassName?: string;
     buttonClassName?: string;
 };
-declare function Modal({ open, title, subtitle, icon, iconContainerClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, closeOnEscape, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
+declare function Modal({ open, title, subtitle, icon, iconContainerClassName, titleClassName, subtitleClassName, children, cancelText, confirmText, onCancel, onConfirm, footerAlign, footerLayout, cancelDisabled, confirmDisabled, closeOnBackdrop, closeOnEscape, containerClassName, contentClassName, buttonClassName, }: ModalProps): react.JSX.Element | null;
 
 type DrawerProps = {
     open: boolean;

package/dist/web/index.js

@@ -1,4 +1,4 @@
-import { __commonJS, __require, __toESM, Input, Button } from '../chunk-N73KHOZ4.js';
+import { __commonJS, __require, __toESM, Input, Button } from '../chunk-AOBKWDGW.js';
 import { ChevronsUpDown, Search, LogOut, PanelLeftClose, PanelLeftOpen, X, Menu, ChevronLeft, ChevronRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -30322,6 +30322,8 @@ function Modal({
   subtitle,
   icon,
   iconContainerClassName,
+  titleClassName,
+  subtitleClassName,
   children,
   cancelText,
   confirmText,
@@ -30358,9 +30360,8 @@ function Modal({
     return null;
   }
   const sharedButtonClassName = cn(
-    "btn h-13 w-full justify-center!",
-    footerLayout === "split" && "min-w-0",
-    footerLayout !== "split" && buttonClassName
+    "btn h-13 w-full! min-w-0! justify-center!",
+    buttonClassName
   );
   const modal = /* @__PURE__ */ jsx(
     "div",
@@ -30403,7 +30404,7 @@ function Modal({
                   "h2",
                   {
                     id: "homepad-modal-title",
-                    className: "typography-title-sm tracking-normal text-black",
+                    className: cn("typography-title-sm tracking-normal text-black", titleClassName),
                     children: title
                   }
                 ),
@@ -30411,7 +30412,10 @@ function Modal({
                   "p",
                   {
                     id: "homepad-modal-subtitle",
-                    className: "typography-caption tracking-normal text-storm-gray-400",
+                    className: cn(
+                      "typography-caption tracking-normal text-storm-gray-400",
+                      subtitleClassName
+                    ),
                     children: subtitle
                   }
                 ) : null
@@ -30906,7 +30910,10 @@ function ConfirmModal({
   if (!open) {
     return null;
   }
-  const sharedButtonClassName = cn("btn h-10 min-w-0 flex-1 justify-center!", buttonClassName);
+  const sharedButtonClassName = cn(
+    "btn h-10! w-full! min-w-0! justify-center!",
+    buttonClassName
+  );
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -30947,7 +30954,7 @@ function ConfirmModal({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs("footer", { className: "flex w-full gap-4", children: [
+            /* @__PURE__ */ jsxs("footer", { className: "grid w-full grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsx(
                 Button,
                 {