@vkzstudio/muza-ui 1.1.0 → 1.2.0

package/dist/components/LoginScreen/LoginScreen.d.ts

@@ -7,7 +7,17 @@ export interface LoginScreenProps {
     children?: React.ReactNode;
     /** Additional CSS classes for the root container. */
     className?: string;
-    /** Logo element displayed in the top-left corner. */
+    /**
+     * Logo element displayed in the top-left corner.
+     *
+     * The logo is rendered inside a normalizing wrapper that forces any
+     * descendant `<svg>`/`<img>` to a fixed height with automatic width, so its
+     * aspect ratio is always preserved and every Múza logo renders at a
+     * consistent size — regardless of the intrinsic `width`/`height` attributes
+     * baked into the source markup. This makes it safe to drop in any logo from
+     * `CustomLogos` (or a raw SVG copy) without it stretching or gaining a
+     * horizontal offset from a mismatched `viewBox`.
+     */
     logo?: React.ReactNode;
     /**
      * Language options for the integrated language switcher.

package/dist/components/LoginScreen/LoginScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginScreen.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAoB,MAAM,qBAAqB,CAAA;AAG3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yHAAyH;IACzH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,GAAI,wEAOlB,gBAAgB,4CA8BlB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"LoginScreen.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAoB,MAAM,qBAAqB,CAAA;AAG3E;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yHAAyH;IACzH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAC5B,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,GAAI,wEAOlB,gBAAgB,4CAkClB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/LoginScreen/LoginScreen.js

@@ -1,45 +1,45 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { AnimatePresence as n } from "framer-motion";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { AnimatePresence as o } from "framer-motion";
 import { useIsDesktop as d } from "../../hooks/use-is-desktop.js";
 import { LoginScreen3D as f } from "./LoginScreen3D/LoginScreen3D.js";
 import { LanguageSwitcher as h } from "../LanguageSwitcher/LanguageSwitcher.js";
-import { cn as p } from "../../utils/cn.js";
-const b = ({
-  children: s,
-  className: t,
-  logo: c,
-  languages: r = [],
-  onLanguageChange: m,
-  modelPath: o
+import { cn as a } from "../../utils/cn.js";
+const j = ({
+  children: t,
+  className: m,
+  logo: s,
+  languages: i = [],
+  onLanguageChange: c,
+  modelPath: l
 }) => {
-  const l = d();
-  return /* @__PURE__ */ i(
+  const n = d();
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: a(
         "grid size-full min-h-[100svh] grid-cols-2 bg-surface-base-tertiary",
         "max-lg:grid-cols-1",
-        t
+        m
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex flex-col p-2xl", children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-            c,
-            (r == null ? void 0 : r.length) > 1 && /* @__PURE__ */ e(
+        /* @__PURE__ */ r("div", { className: "flex flex-col p-2xl", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+            s && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center [&_img]:h-xl [&_img]:w-auto [&_svg]:h-xl [&_svg]:w-auto", children: s }),
+            (i == null ? void 0 : i.length) > 1 && /* @__PURE__ */ e(
               h,
               {
-                languages: r,
-                onValueChange: m
+                languages: i,
+                onValueChange: c
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(n, { children: s }) })
+          /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(o, { children: t }) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: l && /* @__PURE__ */ e(f, { modelPath: o }) })
+        /* @__PURE__ */ e("div", { className: "p-md max-lg:hidden", children: n && /* @__PURE__ */ e(f, { modelPath: l }) })
       ]
     }
   );
 };
 export {
-  b as LoginScreen
+  j as LoginScreen
 };

package/dist/components/LoginScreen/LoginScreen.stories.d.ts

@@ -7,8 +7,8 @@ export declare const Intro: Story;
 export declare const Login: Story;
 export declare const PassRecovery: Story;
 export declare const PassRecoverySent: Story;
-type StoryProps = {
+type LoginState = 'intro' | 'login' | 'pass-recovery' | 'pass-recovery-sent';
+type StoryProps = React.ComponentProps<typeof LoginScreen> & {
     defaultState?: LoginState;
 };
-type LoginState = 'intro' | 'login' | 'pass-recovery' | 'pass-recovery-sent';
 //# sourceMappingURL=LoginScreen.stories.d.ts.map

package/dist/components/LoginScreen/LoginScreen.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginScreen.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA2ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,KA4KnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAID,KAAK,UAAU,GAAG;IAChB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"LoginScreen.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LoginScreen/LoginScreen.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAc3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAgB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA8ClC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;AAEjC,eAAO,MAAM,KAAK,EAAE,KA4KnB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAID,KAAK,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,oBAAoB,CAAA;AAE5E,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IAC3D,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA"}