@scripso-homepad/ui 0.4.17 → 0.4.19

package/dist/web/index.css

@@ -82,7 +82,7 @@
   scrollbar-width: thin;
 }
 .drawer-scroll-area::-webkit-scrollbar {
-  width: 8px;
+  width: 4px;
   -webkit-appearance: none;
   appearance: none;
 }
@@ -108,11 +108,6 @@
   background-color: var(--color-storm-gray-200, #d5d9dd);
   border-radius: 9999px;
 }
-@media (max-width: 767px) {
-  .drawer-scroll-area::-webkit-scrollbar {
-    width: 4px;
-  }
-}
 
 /* src/web/components/sonner-toast.css */
 .homepad-toaster {

package/dist/web/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/web/components/table-scroll.css","../../src/web/components/drawer-scroll.css","../../src/web/components/sonner-toast.css"],"sourcesContent":[".table-scroll-area {\n  scrollbar-color: var(--color-storm-gray-50, #eceef0) transparent;\n  scrollbar-width: thin;\n}\n\n.table-scroll-area::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-button,\n.table-scroll-area::-webkit-scrollbar-button:single-button,\n.table-scroll-area::-webkit-scrollbar-button:double-button,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:increment,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:decrement,\n.table-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n  max-width: 0;\n  max-height: 0;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.table-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-50, #eceef0);\n  border-radius: 51px;\n}\n\n.table-scroll-area::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n.table-sticky-right-shadow::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n  width: 12px;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, rgba(21, 26, 30, 0) 0%, rgba(21, 26, 30, 0.08) 100%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-shadow::before {\n  opacity: 1;\n}\n\n.table-sticky-right-head {\n  background-color: var(--color-storm-gray-0, #fbfcfc);\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-head {\n  background-color: #fff;\n}\n",".drawer-scroll-area {\n  scrollbar-color: var(--color-storm-gray-200, #d5d9dd) transparent;\n  scrollbar-width: thin;\n}\n\n.drawer-scroll-area::-webkit-scrollbar {\n  width: 8px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-button,\n.drawer-scroll-area::-webkit-scrollbar-button:single-button,\n.drawer-scroll-area::-webkit-scrollbar-button:double-button,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-200, #d5d9dd);\n  border-radius: 9999px;\n}\n\n@media (max-width: 767px) {\n  .drawer-scroll-area::-webkit-scrollbar {\n    width: 4px;\n  }\n}\n",".homepad-toaster {\n  --width: 409px;\n  --gap: 12px;\n  --border-radius: 20px;\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] {\n  align-items: center;\n  gap: 16px;\n  width: 409px;\n  min-height: 72px;\n  height: auto;\n  padding: 12px 44px 12px 12px;\n  background: #fff;\n  border: 1px solid var(--color-storm-gray-50, #eceef0);\n  border-radius: 20px;\n  box-shadow: 0 0 20px 0 #0000000d;\n  color: var(--color-slate-blue, #182e3c);\n  overflow: visible;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'][data-front='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster\n  [data-sonner-toast][data-styled='true'][data-mounted='true'][data-expanded='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-icon] {\n  width: auto;\n  height: auto;\n  margin: 0;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-content] {\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  align-self: center;\n  overflow: visible;\n}\n\n.homepad-toaster .homepad-toast__title {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 19px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__description {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__icon-badge {\n  display: flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n  border-radius: 12px;\n  box-sizing: border-box;\n}\n\n.homepad-toaster .homepad-toast__icon-badge svg {\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--success {\n  background: var(--color-emerald-green-0, #f0fbf5);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--error {\n  background: var(--color-ruby-red-0, #fff5f6);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--warning {\n  background: #f2a8001a;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--info,\n.homepad-toaster .homepad-toast__icon-badge--default {\n  background: #0f52c71a;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] {\n  top: 50%;\n  right: 12px;\n  left: auto;\n  width: 20px;\n  height: 20px;\n  transform: translateY(-50%);\n  border: 0;\n  background: transparent;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {\n  background: transparent;\n  border-color: transparent;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] svg {\n  width: 20px;\n  height: 20px;\n}\n\n@media (max-width: 767px) {\n  .homepad-toaster {\n    --width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster[data-sonner-toaster] {\n    right: var(--mobile-offset-right, 8px);\n    left: var(--mobile-offset-left, 8px);\n    width: calc(100vw - 16px);\n    max-width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster [data-sonner-toast][data-styled='true'] {\n    right: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/web/components/table-scroll.css","../../src/web/components/drawer-scroll.css","../../src/web/components/sonner-toast.css"],"sourcesContent":[".table-scroll-area {\n  scrollbar-color: var(--color-storm-gray-50, #eceef0) transparent;\n  scrollbar-width: thin;\n}\n\n.table-scroll-area::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-button,\n.table-scroll-area::-webkit-scrollbar-button:single-button,\n.table-scroll-area::-webkit-scrollbar-button:double-button,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:increment,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:horizontal:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.table-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:start:decrement,\n.table-scroll-area::-webkit-scrollbar-button:end:increment,\n.table-scroll-area::-webkit-scrollbar-button:decrement,\n.table-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n  max-width: 0;\n  max-height: 0;\n  min-width: 0;\n  min-height: 0;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.table-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.table-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-50, #eceef0);\n  border-radius: 51px;\n}\n\n.table-scroll-area::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n.table-sticky-right-shadow::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 0;\n  width: 12px;\n  transform: translateX(-100%);\n  background: linear-gradient(90deg, rgba(21, 26, 30, 0) 0%, rgba(21, 26, 30, 0.08) 100%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 150ms ease;\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-shadow::before {\n  opacity: 1;\n}\n\n.table-sticky-right-head {\n  background-color: var(--color-storm-gray-0, #fbfcfc);\n}\n\n.table-scroll-has-overflow:not(.table-scroll-at-end) .table-sticky-right-head {\n  background-color: #fff;\n}\n",".drawer-scroll-area {\n  scrollbar-color: var(--color-storm-gray-200, #d5d9dd) transparent;\n  scrollbar-width: thin;\n}\n\n.drawer-scroll-area::-webkit-scrollbar {\n  width: 4px;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-button,\n.drawer-scroll-area::-webkit-scrollbar-button:single-button,\n.drawer-scroll-area::-webkit-scrollbar-button:double-button,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:vertical:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:start:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:end:increment,\n.drawer-scroll-area::-webkit-scrollbar-button:decrement,\n.drawer-scroll-area::-webkit-scrollbar-button:increment {\n  display: none;\n  width: 0;\n  height: 0;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.drawer-scroll-area::-webkit-scrollbar-thumb {\n  background-color: var(--color-storm-gray-200, #d5d9dd);\n  border-radius: 9999px;\n}\n",".homepad-toaster {\n  --width: 409px;\n  --gap: 12px;\n  --border-radius: 20px;\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] {\n  align-items: center;\n  gap: 16px;\n  width: 409px;\n  min-height: 72px;\n  height: auto;\n  padding: 12px 44px 12px 12px;\n  background: #fff;\n  border: 1px solid var(--color-storm-gray-50, #eceef0);\n  border-radius: 20px;\n  box-shadow: 0 0 20px 0 #0000000d;\n  color: var(--color-slate-blue, #182e3c);\n  overflow: visible;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'][data-front='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster\n  [data-sonner-toast][data-styled='true'][data-mounted='true'][data-expanded='true'] {\n  height: auto !important;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-icon] {\n  width: auto;\n  height: auto;\n  margin: 0;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-content] {\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  align-self: center;\n  overflow: visible;\n}\n\n.homepad-toaster .homepad-toast__title {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 19px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__description {\n  font-family: var(--font-sans, 'Noto Sans Armenian', ui-sans-serif, system-ui, sans-serif);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  letter-spacing: 0;\n  color: var(--color-slate-blue, #182e3c);\n}\n\n.homepad-toaster .homepad-toast__icon-badge {\n  display: flex;\n  width: 48px;\n  height: 48px;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 12px;\n  border-radius: 12px;\n  box-sizing: border-box;\n}\n\n.homepad-toaster .homepad-toast__icon-badge svg {\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  flex-shrink: 0;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--success {\n  background: var(--color-emerald-green-0, #f0fbf5);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--error {\n  background: var(--color-ruby-red-0, #fff5f6);\n}\n\n.homepad-toaster .homepad-toast__icon-badge--warning {\n  background: #f2a8001a;\n}\n\n.homepad-toaster .homepad-toast__icon-badge--info,\n.homepad-toaster .homepad-toast__icon-badge--default {\n  background: #0f52c71a;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] {\n  top: 50%;\n  right: 12px;\n  left: auto;\n  width: 20px;\n  height: 20px;\n  transform: translateY(-50%);\n  border: 0;\n  background: transparent;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true']:hover [data-close-button]:hover {\n  background: transparent;\n  border-color: transparent;\n  cursor: pointer;\n}\n\n.homepad-toaster [data-sonner-toast][data-styled='true'] [data-close-button] svg {\n  width: 20px;\n  height: 20px;\n}\n\n@media (max-width: 767px) {\n  .homepad-toaster {\n    --width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster[data-sonner-toaster] {\n    right: var(--mobile-offset-right, 8px);\n    left: var(--mobile-offset-left, 8px);\n    width: calc(100vw - 16px);\n    max-width: calc(100vw - 16px);\n  }\n\n  .homepad-toaster [data-sonner-toast][data-styled='true'] {\n    right: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/web/index.d.cts

@@ -459,6 +459,8 @@ type DrawerProps = {
     open: boolean;
     title: string;
     subtitle?: string;
+    subtitleClassName?: string;
+    headerBottom?: ReactNode;
     children: ReactNode;
     footer?: ReactNode;
     onClose: () => void;
@@ -469,7 +471,7 @@ type DrawerProps = {
     contentClassName?: string;
     footerClassName?: string;
 };
-declare function Drawer({ open, title, subtitle, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
+declare function Drawer({ open, title, subtitle, subtitleClassName, headerBottom, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
 
 type HistoryTimelineItem = {
     id: string;

package/dist/web/index.d.ts

@@ -459,6 +459,8 @@ type DrawerProps = {
     open: boolean;
     title: string;
     subtitle?: string;
+    subtitleClassName?: string;
+    headerBottom?: ReactNode;
     children: ReactNode;
     footer?: ReactNode;
     onClose: () => void;
@@ -469,7 +471,7 @@ type DrawerProps = {
     contentClassName?: string;
     footerClassName?: string;
 };
-declare function Drawer({ open, title, subtitle, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
+declare function Drawer({ open, title, subtitle, subtitleClassName, headerBottom, children, footer, onClose, closeAriaLabel, widthClassName, className, headerClassName, contentClassName, footerClassName, }: DrawerProps): react.JSX.Element | null;
 
 type HistoryTimelineItem = {
     id: string;

package/dist/web/index.js

@@ -1,4 +1,4 @@
-import { __commonJS, __require, __toESM, Input, Button } from '../chunk-U7OSCJKA.js';
+import { __commonJS, __require, __toESM, Input, Button } from '../chunk-THZ3HYMF.js';
 import { ChevronsUpDown, Search, LogOut, PanelLeftClose, PanelLeftOpen, X, Menu, ChevronLeft, ChevronRight } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -29290,7 +29290,7 @@ function TableSortIcon({ direction = null, className }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": true,
-      className: cn("shrink-0", className),
+      className,
       children: [
         /* @__PURE__ */ jsx(
           "path",
@@ -30034,7 +30034,7 @@ function TableActionsMenu({
       {
         ref: triggerRef,
         variant: "menu",
-        icon: /* @__PURE__ */ jsx(TableMoreIcon, { className: "size-6" }),
+        icon: /* @__PURE__ */ jsx(TableMoreIcon, { className: "size-5" }),
         ariaLabel: triggerAriaLabel,
         onClick: () => setOpen((current) => !current),
         "aria-expanded": open,
@@ -30453,6 +30453,8 @@ function Drawer({
   open,
   title,
   subtitle,
+  subtitleClassName,
+  headerBottom,
   children,
   footer,
   onClose,
@@ -30539,39 +30541,42 @@ function Drawer({
               /* @__PURE__ */ jsxs(
                 "header",
                 {
-                  className: cn(
-                    "flex h-[87px] shrink-0 items-start justify-between border-b border-storm-gray-50 pt-6 pr-6 pb-4 pl-6",
-                    headerClassName
-                  ),
+                  className: cn("shrink-0 border-b border-storm-gray-50", headerClassName),
                   children: [
-                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between pt-6 pr-6 pb-4 pl-6", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsx(
+                          "h2",
+                          {
+                            id: "homepad-drawer-title",
+                            className: "typography-title-sm tracking-normal text-black",
+                            children: title
+                          }
+                        ),
+                        subtitle ? /* @__PURE__ */ jsx(
+                          "p",
+                          {
+                            id: "homepad-drawer-subtitle",
+                            className: cn(
+                              "typography-body tracking-normal text-storm-gray-400",
+                              subtitleClassName
+                            ),
+                            children: subtitle
+                          }
+                        ) : null
+                      ] }),
                       /* @__PURE__ */ jsx(
-                        "h2",
-                        {
-                          id: "homepad-drawer-title",
-                          className: "typography-title-sm tracking-normal text-black",
-                          children: title
-                        }
-                      ),
-                      subtitle ? /* @__PURE__ */ jsx(
-                        "p",
+                        "button",
                         {
-                          id: "homepad-drawer-subtitle",
-                          className: "typography-body tracking-normal text-storm-gray-400",
-                          children: subtitle
+                          type: "button",
+                          "aria-label": closeAriaLabel,
+                          className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
+                          onClick: onClose,
+                          children: /* @__PURE__ */ jsx(X, { className: "size-5", strokeWidth: 1.75 })
                         }
-                      ) : null
+                      )
                     ] }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-label": closeAriaLabel,
-                        className: "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg text-storm-gray-400 transition-colors hover:bg-storm-gray-50 hover:text-storm-gray-600",
-                        onClick: onClose,
-                        children: /* @__PURE__ */ jsx(X, { className: "size-5", strokeWidth: 1.75 })
-                      }
-                    )
+                    headerBottom ? /* @__PURE__ */ jsx("div", { className: "border-t border-storm-gray-50 px-6", children: headerBottom }) : null
                   ]
                 }
               ),