@neurodyn/react-ai-try-on 0.0.4 → 0.0.5

package/dist/index.js

@@ -935,6 +935,10 @@ var __webpack_modules__ = {
     height: auto;
   }
 
+  .h-dvh {
+    height: 100dvh;
+  }
+
   .h-full {
     height: 100%;
   }
@@ -943,10 +947,6 @@ var __webpack_modules__ = {
     height: 1px;
   }
 
-  .h-svh {
-    height: 100svh;
-  }
-
   .max-h-\\(--radix-select-content-available-height\\) {
     max-height: var(--radix-select-content-available-height);
   }
@@ -955,12 +955,12 @@ var __webpack_modules__ = {
     max-height: calc(var(--spacing) * 179);
   }
 
-  .max-h-none {
-    max-height: none;
+  .max-h-dvh {
+    max-height: 100dvh;
   }
 
-  .max-h-svh {
-    max-height: 100svh;
+  .max-h-none {
+    max-height: none;
   }
 
   .min-h-0 {
@@ -10389,18 +10389,28 @@ function createAiTryOnI18n(language) {
     return instance;
 }
 const PROPERTY_BLOCK_RE = /@property\s+(--[^{\s]+)\s*\{([^}]*)\}/g;
-const INITIAL_VALUE_RE = /initial-value:([^;\n]+);/i;
+const INITIAL_VALUE_RE = /initial-value:([^;}]+)/i;
+const NON_INHERITING_RE = /inherits:\s*false(?:\s*;|\s*$)/i;
 const ROOT_TO_HOST_SELECTOR_RE = /:root\s*,\s*:host|:root/g;
 function createShadowRootCssText(cssText) {
     const cssForHost = cssText.replace(ROOT_TO_HOST_SELECTOR_RE, ':host');
     const propertyBlocks = Array.from(cssText.matchAll(PROPERTY_BLOCK_RE));
     const propertyDefaults = propertyBlocks.map(([, name, body])=>{
-        const match = body.match(INITIAL_VALUE_RE);
-        if (!match) return null;
-        const initialValue = match[1].trim();
-        return `  ${name}: ${initialValue};`;
+        if (!NON_INHERITING_RE.test(body)) return null;
+        const initialValue = body.match(INITIAL_VALUE_RE)?.[1].trim() ?? 'initial';
+        return `    ${name}: ${initialValue};`;
     }).filter((value)=>null !== value).join('\n');
-    return propertyDefaults ? `:host {\n${propertyDefaults}\n}\n\n${cssForHost}` : cssForHost;
+    if (!propertyDefaults) return cssForHost;
+    return `${cssForHost}\n\n@layer base {
+  :host,
+  *,
+  ::before,
+  ::after,
+  ::backdrop,
+  ::file-selector-button {
+${propertyDefaults}
+  }
+}`;
 }
 var styleinline = __webpack_require__("./src/style.css?inline");
 const shadowRootCssText = createShadowRootCssText(styleinline.A);
@@ -18197,7 +18207,7 @@ function ComparisonDialog({ onAddToCart, onClose, onDeleteResult, onSaveResult,
         open: true,
         onOpenChange: (open)=>!open && onClose(),
         children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: `dark fixed inset-0 left-0 top-0 flex h-svh max-h-none w-svw max-w-none translate-x-0 translate-y-0 flex-col rounded-none ${COMPARISON_DIALOG_BACKGROUND_CLASS_NAME} p-0 text-text-dark duration-200 sm:max-w-none sm:p-0`,
+            className: `dark fixed inset-0 left-0 top-0 flex h-dvh max-h-none w-svw max-w-none translate-x-0 translate-y-0 flex-col rounded-none ${COMPARISON_DIALOG_BACKGROUND_CLASS_NAME} p-0 text-text-dark duration-200 sm:max-w-none sm:p-0`,
             portalContainer: portalContainer,
             showCloseButton: false,
             children: [
@@ -18392,7 +18402,7 @@ function Badge({ className, variant, size, asChild = false, ...props }) {
 }
 function TryOnShell({ className, ...props }) {
     return /*#__PURE__*/ jsx_runtime_jsx("div", {
-        className: utils_cn('flex max-h-svh w-svw flex-col overflow-hidden rounded-t-3xl rounded-b-none bg-background-containers text-foreground shadow-2xl sm:max-h-[min(calc(100svh-var(--spacing)*8),--spacing(176))] sm:w-120 sm:rounded-3xl', className),
+        className: utils_cn('flex max-h-dvh w-svw flex-col overflow-hidden rounded-t-3xl rounded-b-none bg-background-containers text-foreground shadow-2xl sm:max-h-[min(calc(100svh-var(--spacing)*8),--spacing(176))] sm:w-120 sm:rounded-3xl', className),
         ...props
     });
 }
@@ -20697,7 +20707,7 @@ function AiTryOnRoot({ dialogPortalContainer, language, onClose, processPhoto, p
         ]
     }) : null;
     return /*#__PURE__*/ jsxs(TryOnShell, {
-        className: isMyFitsActive ? 'h-svh max-h-svh sm:h-230 sm:max-h-[calc(100svh-var(--spacing)*8)]' : void 0,
+        className: isMyFitsActive ? 'h-dvh max-h-dvh sm:h-230 sm:max-h-[calc(100svh-var(--spacing)*8)]' : void 0,
         "data-ai-try-on-stage": stage,
         children: [
             /*#__PURE__*/ jsx_runtime_jsx(TryOnHeader, {
@@ -20869,7 +20879,7 @@ function AiTryOnDialogContent({ language, onRequestClose, portalContainer, produ
     return /*#__PURE__*/ jsx_runtime_jsx(Dialog, {
         ...props,
         children: /*#__PURE__*/ jsxs(DialogContent, {
-            className: "inset-x-0 bottom-0 top-auto block max-h-svh w-svw max-w-none translate-x-0 translate-y-0 gap-0 overflow-hidden rounded-t-3xl rounded-b-none p-0 sm:inset-x-auto sm:right-4 sm:bottom-4 sm:left-auto sm:max-h-230 sm:w-120 sm:max-w-120 sm:rounded-3xl sm:p-0",
+            className: "inset-x-0 bottom-0 top-auto block max-h-dvh w-svw max-w-none translate-x-0 translate-y-0 gap-0 overflow-hidden rounded-t-3xl rounded-b-none p-0 sm:inset-x-auto sm:right-4 sm:bottom-4 sm:left-auto sm:max-h-230 sm:w-120 sm:max-w-120 sm:rounded-3xl sm:p-0",
             contentInsideOverlay: true,
             portalContainer: portalContainer,
             showCloseButton: false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-ai-try-on",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "publishConfig": {
     "access": "public"
   },