@scripso-homepad/ui 0.4.28 → 0.4.29

package/dist/web/index.cjs

@@ -29434,6 +29434,7 @@ function AppHeader({
   notificationsIcon,
   searchIcon,
   buildingChevronIcon,
+  actions,
   buildingSelectDisabled = false,
   searchDisabled = false,
   notificationsDisabled = false,
@@ -29451,6 +29452,7 @@ function AppHeader({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "truncate typography-title text-slate-blue", children: title }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+          actions,
           hasBuildingSelect ? /* @__PURE__ */ jsxRuntime.jsx(
             BuildingSelect,
             {
@@ -31312,23 +31314,36 @@ function Drawer({
 }) {
   const [isPresent, setIsPresent] = react.useState(open);
   const [isAnimatedIn, setIsAnimatedIn] = react.useState(false);
+  const [isTransformSettled, setIsTransformSettled] = react.useState(open);
   react.useEffect(() => {
     if (open) {
       setIsPresent(true);
-      const frame = window.requestAnimationFrame(() => {
+      setIsTransformSettled(false);
+      const frame2 = window.requestAnimationFrame(() => {
         window.requestAnimationFrame(() => {
           setIsAnimatedIn(true);
         });
       });
+      const settleTimeout = window.setTimeout(() => {
+        setIsTransformSettled(true);
+      }, DRAWER_TRANSITION_MS);
       return () => {
-        window.cancelAnimationFrame(frame);
+        window.cancelAnimationFrame(frame2);
+        window.clearTimeout(settleTimeout);
       };
     }
-    setIsAnimatedIn(false);
+    setIsTransformSettled(false);
+    setIsAnimatedIn(true);
+    const frame = window.requestAnimationFrame(() => {
+      window.requestAnimationFrame(() => {
+        setIsAnimatedIn(false);
+      });
+    });
     const timeout = window.setTimeout(() => {
       setIsPresent(false);
     }, DRAWER_TRANSITION_MS);
     return () => {
+      window.cancelAnimationFrame(frame);
       window.clearTimeout(timeout);
     };
   }, [open]);
@@ -31377,8 +31392,10 @@ function Drawer({
             "aria-labelledby": "homepad-drawer-title",
             ...subtitle ? { "aria-describedby": "homepad-drawer-subtitle" } : {},
             className: cn(
-              "relative z-10 flex h-[calc(100dvh-16px)] min-h-0 flex-col overflow-hidden rounded-[16px] bg-white shadow-2xl transition-transform duration-300 ease-in-out will-change-transform max-md:h-dvh max-md:rounded-none",
-              isAnimatedIn ? "translate-x-0" : "translate-x-full",
+              "relative z-10 flex h-[calc(100dvh-16px)] min-h-0 flex-col overflow-hidden rounded-[16px] bg-white shadow-2xl transition-transform duration-300 ease-in-out max-md:h-dvh max-md:rounded-none",
+              // Keep GPU transform only while animating — settled translate-x-0 blurs text.
+              !isTransformSettled && "will-change-transform",
+              isAnimatedIn ? isTransformSettled ? "transform-none" : "translate-x-0" : "translate-x-full",
               widthClassName,
               className
             ),
@@ -31735,7 +31752,7 @@ function ConfirmModal({
           "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",
+            "flex w-full max-w-md flex-col gap-8 rounded-3xl bg-white p-6 opacity-100 md:p-8",
             containerClassName
           ),
           onClick: (event) => {