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

package/dist/index.d.ts

@@ -52,6 +52,7 @@ declare const resources: {
             readonly download: "Download";
             readonly errorBadge: "Little error";
             readonly errorDifferentPhoto: "Change photo";
+            readonly errorFileTooLarge: "File is too large. Maximum file size is 10 MB";
             readonly errorGuidance: "Try again with a different photo. Make sure it shows your full body.";
             readonly errorRetry: "Try again";
             readonly errorSubtitle: "It happens — let's try again";
@@ -164,6 +165,7 @@ declare const resources: {
             readonly download: "Скачать";
             readonly errorBadge: "Небольшая ошибка";
             readonly errorDifferentPhoto: "Изменить фото";
+            readonly errorFileTooLarge: "Файл слишком большой. Максимальный размер файла — 10 МБ";
             readonly errorGuidance: "Попробуйте другое фото. Убедитесь, что вы видны в полный рост.";
             readonly errorRetry: "Попробовать снова";
             readonly errorSubtitle: "Так бывает — попробуем еще раз";

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 {
@@ -10161,6 +10161,7 @@ const ns1 = {
     download: 'Download',
     errorBadge: 'Little error',
     errorDifferentPhoto: 'Change photo',
+    errorFileTooLarge: 'File is too large. Maximum file size is 10 MB',
     errorGuidance: 'Try again with a different photo. Make sure it shows your full body.',
     errorRetry: 'Try again',
     errorSubtitle: 'It happens — let\'s try again',
@@ -10271,6 +10272,7 @@ const ru_ns1 = {
     download: 'Скачать',
     errorBadge: 'Небольшая ошибка',
     errorDifferentPhoto: 'Изменить фото',
+    errorFileTooLarge: 'Файл слишком большой. Максимальный размер файла — 10 МБ',
     errorGuidance: 'Попробуйте другое фото. Убедитесь, что вы видны в полный рост.',
     errorRetry: 'Попробовать снова',
     errorSubtitle: 'Так бывает — попробуем еще раз',
@@ -10387,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);
@@ -18195,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: [
@@ -18390,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
     });
 }
@@ -19091,11 +19103,12 @@ function ProcessingScreen({ view }) {
 }
 function ErrorScreen({ view }) {
     const { t } = useTranslation();
+    const isFileTooLarge = 'upload-validation' === view.error.kind && 'file-too-large' === view.error.code;
     return /*#__PURE__*/ jsxs(ScreenLayout, {
-        title: t('errorTitle'),
-        subtitle: t('errorSubtitle'),
+        title: t(isFileTooLarge ? 'errorFileTooLarge' : 'errorTitle'),
+        subtitle: isFileTooLarge ? void 0 : t('errorSubtitle'),
         children: [
-            /*#__PURE__*/ jsxs(TryOnImagePanel, {
+            !isFileTooLarge && /*#__PURE__*/ jsxs(TryOnImagePanel, {
                 className: "mt-3",
                 children: [
                     /*#__PURE__*/ jsx_runtime_jsx(BlurredPhotoBackdrop, {
@@ -20694,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, {
@@ -20866,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.3",
+  "version": "0.0.5",
   "publishConfig": {
     "access": "public"
   },