@thefittingroom/shop-ui 5.0.3 → 5.0.4

package/dist/index.js

@@ -20855,8 +20855,10 @@ function ModalTitlebar({
   let titleNode;
   if (typeof title === "string") {
     titleNode = /* @__PURE__ */ jsx$1(Text, { variant: "base", css: css2.titleText, children: title });
-  } else {
+  } else if (title) {
     titleNode = title;
+  } else {
+    titleNode = /* @__PURE__ */ jsx$1("div", { children: " " });
   }
   let backNode;
   if (onBackClick) {
@@ -20875,6 +20877,7 @@ function SidecarModalFrame({
   children
 }) {
   const deviceLayout = useMainStore((state) => state.deviceLayout);
+  const isMobileLayout = deviceLayout === DeviceLayout.MOBILE_PORTRAIT || deviceLayout === DeviceLayout.TABLET_PORTRAIT;
   const css2 = useCss((_theme) => ({
     frameContentBase: {
       position: "absolute",
@@ -20897,7 +20900,7 @@ function SidecarModalFrame({
       backgroundColor: "#FFFFFF"
     }
   }));
-  return /* @__PURE__ */ jsx$1(ModalFrame, { isOpen: true, onRequestClose, contentStyle: deviceLayout === DeviceLayout.MOBILE_PORTRAIT ? css2.frameContentFullScreen : css2.frameContentBase, children });
+  return /* @__PURE__ */ jsx$1(ModalFrame, { isOpen: true, onRequestClose, contentStyle: isMobileLayout ? css2.frameContentFullScreen : css2.frameContentBase, children });
 }
 var dayjs_min$1 = { exports: {} };
 var dayjs_min = dayjs_min$1.exports;
@@ -41734,8 +41737,8 @@ function MobileLayout({
   // availableColorLabels,
   // selectedColorLabel,
   // selectedSizeLabel,
-  frameUrls
-  // onClose,
+  frameUrls,
+  onClose
   // onChangeColor,
   // onChangeSize,
   // onAddToCart,
@@ -41745,9 +41748,29 @@ function MobileLayout({
     mainContainer: {
       width: "100%",
       height: "100%"
+    },
+    closeButton: {
+      position: "absolute",
+      top: "10px",
+      right: "10px",
+      width: "30px",
+      height: "30px",
+      border: "none",
+      borderRadius: "15px",
+      backgroundColor: "rgba(255, 255, 255, 0.15)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    closeIcon: {
+      width: "16px",
+      height: "16px"
     }
   }));
-  return /* @__PURE__ */ jsx$1("div", { css: css2.mainContainer, children: /* @__PURE__ */ jsx$1(Avatar, { frameUrls }) });
+  return /* @__PURE__ */ jsxs("div", { css: css2.mainContainer, children: [
+    /* @__PURE__ */ jsx$1(Avatar, { frameUrls }),
+    /* @__PURE__ */ jsx$1("button", { onClick: onClose, "aria-label": "Close modal", css: css2.closeButton, children: /* @__PURE__ */ jsx$1(SvgCloseIcon, { css: css2.closeIcon }) })
+  ] });
 }
 function DesktopLayout({
   loadedProductData,
@@ -42536,9 +42559,9 @@ const SHARED_CONFIG = {
     appGooglePlayUrl: "https://play.google.com/store/apps/details?id=com.thefittingroom.marketplace"
   },
   build: {
-    version: `${"5.0.3"}`,
-    commitHash: `${"7ef9b58"}`,
-    date: `${"2026-01-07T07:58:58.896Z"}`
+    version: `${"5.0.4"}`,
+    commitHash: `${"ab04059"}`,
+    date: `${"2026-01-07T14:09:55.391Z"}`
   }
 };
 const CONFIGS = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thefittingroom/shop-ui",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "the fitting room UI library",
   "type": "module",
   "main": "./dist/index.js",