@viax.io/uxm 4.36.0

package/dist/studio/mobile-gallery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/mobile-gallery.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { BrandSettingsPreview } from '@/previews';\nimport { Icon } from '@/ui';\n\nimport { useUxm } from './lib/context';\nimport { usePreviewShell } from './lib/preview-shell';\nimport { registry, categoryColors } from './lib/registry';\nimport { previewMap } from './shell/canvas';\n\nimport type { ComponentDef } from './lib/types';\n\n\ntype StyleMap = Record<string, string | number | boolean>;\n\nfunction resolveStylesAndVariants(def: ComponentDef, overrides: StyleMap): { styles: StyleMap; variants: Record<string, string> } {\n  const styles: StyleMap = {};\n  for (const prop of def.styleProperties) {\n    styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;\n  }\n  // Mobile gallery is a read-only display — there's no selection/variant\n  // session here. Variants always resolve to their canonical default so\n  // every atom shows its baseline look. Style overrides (real saves) still\n  // apply via `styles` above.\n  const variants: Record<string, string> = {};\n  for (const v of def.layoutVariants) {\n    variants[v.key] = v.defaultValue as string;\n  }\n  return { styles, variants };\n}\n\nexport function MobileGallery() {\n  const { getAllOverrides } = useUxm();\n  const shell = usePreviewShell();\n  const allOverrides = getAllOverrides();\n\n  // Exclude Brand Settings from the gallery — it renders at the top as an editable card.\n  const galleryItems = useMemo(\n    () => registry.filter((def) => def.id !== 'brand-settings'),\n    [],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col overflow-y-auto bg-card text-text\">\n      {/* Banner */}\n      <div className=\"flex items-start gap-3 border-b border-border bg-accent-subtle/40 px-4 py-3\">\n        <Icon glyph=\"sparkle\" size={20} className=\"shrink-0 text-accent-bold\" />\n        <div>\n          <p className=\"text-[13px] font-semibold text-text\">Viewing on a small screen</p>\n          <p className=\"text-[12px] text-text-strong leading-relaxed\">\n            Component editing is a desktop experience. You can still tweak brand settings below and browse\n            the component gallery. <span className=\"text-accent-bold\">Open UXM on desktop</span> to change styles, run the\n            WCAG checker, and publish.\n          </p>\n        </div>\n      </div>\n\n      {/* Brand Settings — editable on mobile */}\n      <section className=\"border-b border-border px-4 py-5\">\n        <h2 className=\"mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted\">\n          Brand\n        </h2>\n        <BrandSettingsPreview\n          styles={{}}\n          variants={{}}\n          componentId=\"brand-settings\"\n          shell={shell}\n        />\n      </section>\n\n      {/* Component gallery — read-only */}\n      <section className=\"px-4 py-5\">\n        <h2 className=\"mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted\">\n          Components\n        </h2>\n        <div className=\"flex flex-col gap-4\">\n          {galleryItems.map((def) => {\n            const Preview = previewMap[def.id];\n            if (!Preview) return null;\n            const overrides = allOverrides[def.id] ?? {};\n            const { styles, variants } = resolveStylesAndVariants(def, overrides);\n            return (\n              <article\n                key={def.id}\n                className=\"overflow-hidden rounded-lg border border-border bg-surface\"\n              >\n                <header className=\"flex items-start justify-between gap-2 border-b border-border px-4 py-3\">\n                  <div className=\"min-w-0\">\n                    <h3 className=\"truncate text-[14px] font-semibold text-text\">{def.name}</h3>\n                    <p className=\"mt-0.5 text-[11px] text-text-muted\">{def.description}</p>\n                  </div>\n                  <span\n                    className=\"shrink-0 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium text-text-strong\"\n                    style={{ backgroundColor: 'var(--color-surface-alt)' }}\n                  >\n                    <span\n                      className=\"h-1.5 w-1.5 rounded-full\"\n                      style={{ backgroundColor: categoryColors[def.category] }}\n                    />\n                    {def.category}\n                  </span>\n                </header>\n                <div\n                  className=\"flex min-h-[120px] items-center justify-center overflow-auto bg-card p-6\"\n                  style={{\n                    backgroundImage: 'radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px)',\n                    backgroundSize: '20px 20px',\n                  }}\n                >\n                  {/* pointer-events none so previews can't capture taps — read-only gallery */}\n                  <div style={{ pointerEvents: 'none', maxWidth: '100%' }}>\n                    <Preview styles={styles} variants={variants} componentId={def.id} shell={shell} />\n                  </div>\n                </div>\n              </article>\n            );\n          })}\n        </div>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/studio/mobile-gallery.d.ts

@@ -0,0 +1,2 @@
+export declare function MobileGallery(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile-gallery.d.ts.map

package/dist/studio/mobile-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-gallery.d.ts","sourceRoot":"","sources":["../../src/studio/mobile-gallery.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,aAAa,4CA0F5B"}

package/dist/studio/mobile-gallery.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BrandSettingsPreview } from "../previews/index.js";
+import { Icon } from "../ui/index.js";
+import { useUxm } from "./lib/context.js";
+import { usePreviewShell } from "./lib/preview-shell.js";
+import { registry, categoryColors } from "./lib/registry/index.js";
+import { previewMap } from "./shell/canvas.js";
+function resolveStylesAndVariants(def, overrides) {
+  const styles = {};
+  for (const prop of def.styleProperties) {
+    styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;
+  }
+  const variants = {};
+  for (const v of def.layoutVariants) {
+    variants[v.key] = v.defaultValue;
+  }
+  return { styles, variants };
+}
+function MobileGallery() {
+  const { getAllOverrides } = useUxm();
+  const shell = usePreviewShell();
+  const allOverrides = getAllOverrides();
+  const galleryItems = useMemo(
+    () => registry.filter((def) => def.id !== "brand-settings"),
+    []
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-y-auto bg-card text-text", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 border-b border-border bg-accent-subtle/40 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(Icon, { glyph: "sparkle", size: 20, className: "shrink-0 text-accent-bold" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[13px] font-semibold text-text", children: "Viewing on a small screen" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-[12px] text-text-strong leading-relaxed", children: [
+          "Component editing is a desktop experience. You can still tweak brand settings below and browse the component gallery. ",
+          /* @__PURE__ */ jsx("span", { className: "text-accent-bold", children: "Open UXM on desktop" }),
+          " to change styles, run the WCAG checker, and publish."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "border-b border-border px-4 py-5", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted", children: "Brand" }),
+      /* @__PURE__ */ jsx(
+        BrandSettingsPreview,
+        {
+          styles: {},
+          variants: {},
+          componentId: "brand-settings",
+          shell
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "px-4 py-5", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted", children: "Components" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: galleryItems.map((def) => {
+        const Preview = previewMap[def.id];
+        if (!Preview) return null;
+        const overrides = allOverrides[def.id] ?? {};
+        const { styles, variants } = resolveStylesAndVariants(def, overrides);
+        return /* @__PURE__ */ jsxs(
+          "article",
+          {
+            className: "overflow-hidden rounded-lg border border-border bg-surface",
+            children: [
+              /* @__PURE__ */ jsxs("header", { className: "flex items-start justify-between gap-2 border-b border-border px-4 py-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "truncate text-[14px] font-semibold text-text", children: def.name }),
+                  /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] text-text-muted", children: def.description })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: "shrink-0 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium text-text-strong",
+                    style: { backgroundColor: "var(--color-surface-alt)" },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: "h-1.5 w-1.5 rounded-full",
+                          style: { backgroundColor: categoryColors[def.category] }
+                        }
+                      ),
+                      def.category
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex min-h-[120px] items-center justify-center overflow-auto bg-card p-6",
+                  style: {
+                    backgroundImage: "radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px)",
+                    backgroundSize: "20px 20px"
+                  },
+                  children: /* @__PURE__ */ jsx("div", { style: { pointerEvents: "none", maxWidth: "100%" }, children: /* @__PURE__ */ jsx(Preview, { styles, variants, componentId: def.id, shell }) })
+                }
+              )
+            ]
+          },
+          def.id
+        );
+      }) })
+    ] })
+  ] });
+}
+export {
+  MobileGallery
+};
+//# sourceMappingURL=mobile-gallery.js.map

package/dist/studio/mobile-gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/studio/mobile-gallery.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { BrandSettingsPreview } from '@/previews';\nimport { Icon } from '@/ui';\n\nimport { useUxm } from './lib/context';\nimport { usePreviewShell } from './lib/preview-shell';\nimport { registry, categoryColors } from './lib/registry';\nimport { previewMap } from './shell/canvas';\n\nimport type { ComponentDef } from './lib/types';\n\n\ntype StyleMap = Record<string, string | number | boolean>;\n\nfunction resolveStylesAndVariants(def: ComponentDef, overrides: StyleMap): { styles: StyleMap; variants: Record<string, string> } {\n  const styles: StyleMap = {};\n  for (const prop of def.styleProperties) {\n    styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;\n  }\n  // Mobile gallery is a read-only display — there's no selection/variant\n  // session here. Variants always resolve to their canonical default so\n  // every atom shows its baseline look. Style overrides (real saves) still\n  // apply via `styles` above.\n  const variants: Record<string, string> = {};\n  for (const v of def.layoutVariants) {\n    variants[v.key] = v.defaultValue as string;\n  }\n  return { styles, variants };\n}\n\nexport function MobileGallery() {\n  const { getAllOverrides } = useUxm();\n  const shell = usePreviewShell();\n  const allOverrides = getAllOverrides();\n\n  // Exclude Brand Settings from the gallery — it renders at the top as an editable card.\n  const galleryItems = useMemo(\n    () => registry.filter((def) => def.id !== 'brand-settings'),\n    [],\n  );\n\n  return (\n    <div className=\"flex h-full flex-col overflow-y-auto bg-card text-text\">\n      {/* Banner */}\n      <div className=\"flex items-start gap-3 border-b border-border bg-accent-subtle/40 px-4 py-3\">\n        <Icon glyph=\"sparkle\" size={20} className=\"shrink-0 text-accent-bold\" />\n        <div>\n          <p className=\"text-[13px] font-semibold text-text\">Viewing on a small screen</p>\n          <p className=\"text-[12px] text-text-strong leading-relaxed\">\n            Component editing is a desktop experience. You can still tweak brand settings below and browse\n            the component gallery. <span className=\"text-accent-bold\">Open UXM on desktop</span> to change styles, run the\n            WCAG checker, and publish.\n          </p>\n        </div>\n      </div>\n\n      {/* Brand Settings — editable on mobile */}\n      <section className=\"border-b border-border px-4 py-5\">\n        <h2 className=\"mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted\">\n          Brand\n        </h2>\n        <BrandSettingsPreview\n          styles={{}}\n          variants={{}}\n          componentId=\"brand-settings\"\n          shell={shell}\n        />\n      </section>\n\n      {/* Component gallery — read-only */}\n      <section className=\"px-4 py-5\">\n        <h2 className=\"mb-3 text-[11px] font-semibold uppercase tracking-wider text-text-muted\">\n          Components\n        </h2>\n        <div className=\"flex flex-col gap-4\">\n          {galleryItems.map((def) => {\n            const Preview = previewMap[def.id];\n            if (!Preview) return null;\n            const overrides = allOverrides[def.id] ?? {};\n            const { styles, variants } = resolveStylesAndVariants(def, overrides);\n            return (\n              <article\n                key={def.id}\n                className=\"overflow-hidden rounded-lg border border-border bg-surface\"\n              >\n                <header className=\"flex items-start justify-between gap-2 border-b border-border px-4 py-3\">\n                  <div className=\"min-w-0\">\n                    <h3 className=\"truncate text-[14px] font-semibold text-text\">{def.name}</h3>\n                    <p className=\"mt-0.5 text-[11px] text-text-muted\">{def.description}</p>\n                  </div>\n                  <span\n                    className=\"shrink-0 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium text-text-strong\"\n                    style={{ backgroundColor: 'var(--color-surface-alt)' }}\n                  >\n                    <span\n                      className=\"h-1.5 w-1.5 rounded-full\"\n                      style={{ backgroundColor: categoryColors[def.category] }}\n                    />\n                    {def.category}\n                  </span>\n                </header>\n                <div\n                  className=\"flex min-h-[120px] items-center justify-center overflow-auto bg-card p-6\"\n                  style={{\n                    backgroundImage: 'radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px)',\n                    backgroundSize: '20px 20px',\n                  }}\n                >\n                  {/* pointer-events none so previews can't capture taps — read-only gallery */}\n                  <div style={{ pointerEvents: 'none', maxWidth: '100%' }}>\n                    <Preview styles={styles} variants={variants} componentId={def.id} shell={shell} />\n                  </div>\n                </div>\n              </article>\n            );\n          })}\n        </div>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/studio/persistence/client.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+__export(client_exports, {
+  createClientPersistence: () => createClientPersistence
+});
+module.exports = __toCommonJS(client_exports);
+function createClientPersistence(seed) {
+  return {
+    load: async () => seed ?? null,
+    save: async () => {
+    },
+    uploadAsset: (file) => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve({ url: String(reader.result) });
+      reader.onerror = () => reject(reader.error ?? new Error("Failed to read file"));
+      reader.readAsDataURL(file);
+    }),
+    capabilities: { persist: false, upload: true }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createClientPersistence
+});
+//# sourceMappingURL=client.cjs.map

package/dist/studio/persistence/client.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/studio/persistence/client.ts"],"sourcesContent":["import type { StudioPersistence, StudioState } from './types';\n\n/**\n * Client-only persistence for the static portal (S3/CloudFront) when working\n * brand-asset \"upload\" is still wanted. Live-preview works fully; nothing is\n * saved server-side. `uploadAsset` produces a base64 `data:` URL in the\n * browser via `FileReader`, so picking a file — or pasting any remote URL —\n * updates the in-memory brand immediately, with no backend.\n *\n * Pass `seed` to open the portal with a default brand / overrides state.\n */\nexport function createClientPersistence(\n  seed?: Partial<StudioState>,\n): StudioPersistence {\n  return {\n    load: async () => seed ?? null,\n    save: async () => {\n      /* no-op — nothing is persisted in the static portal */\n    },\n    uploadAsset: (file: File) =>\n      new Promise<{ url: string }>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = () => resolve({ url: String(reader.result) });\n        reader.onerror = () =>\n          reject(reader.error ?? new Error('Failed to read file'));\n        reader.readAsDataURL(file);\n      }),\n    capabilities: { persist: false, upload: true },\n  };\n}"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,wBACd,MACmB;AACnB,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ;AAAA,IAC1B,MAAM,YAAY;AAAA,IAElB;AAAA,IACA,aAAa,CAAC,SACZ,IAAI,QAAyB,CAAC,SAAS,WAAW;AAChD,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,SAAS,MAAM,QAAQ,EAAE,KAAK,OAAO,OAAO,MAAM,EAAE,CAAC;AAC5D,aAAO,UAAU,MACf,OAAO,OAAO,SAAS,IAAI,MAAM,qBAAqB,CAAC;AACzD,aAAO,cAAc,IAAI;AAAA,IAC3B,CAAC;AAAA,IACH,cAAc,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,EAC/C;AACF;","names":[]}

package/dist/studio/persistence/client.d.ts

@@ -0,0 +1,12 @@
+import type { StudioPersistence, StudioState } from './types.js';
+/**
+ * Client-only persistence for the static portal (S3/CloudFront) when working
+ * brand-asset "upload" is still wanted. Live-preview works fully; nothing is
+ * saved server-side. `uploadAsset` produces a base64 `data:` URL in the
+ * browser via `FileReader`, so picking a file — or pasting any remote URL —
+ * updates the in-memory brand immediately, with no backend.
+ *
+ * Pass `seed` to open the portal with a default brand / overrides state.
+ */
+export declare function createClientPersistence(seed?: Partial<StudioState>): StudioPersistence;
+//# sourceMappingURL=client.d.ts.map

package/dist/studio/persistence/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/studio/persistence/client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9D;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAC1B,iBAAiB,CAgBnB"}

package/dist/studio/persistence/client.js

@@ -0,0 +1,18 @@
+function createClientPersistence(seed) {
+  return {
+    load: async () => seed ?? null,
+    save: async () => {
+    },
+    uploadAsset: (file) => new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve({ url: String(reader.result) });
+      reader.onerror = () => reject(reader.error ?? new Error("Failed to read file"));
+      reader.readAsDataURL(file);
+    }),
+    capabilities: { persist: false, upload: true }
+  };
+}
+export {
+  createClientPersistence
+};
+//# sourceMappingURL=client.js.map

package/dist/studio/persistence/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/studio/persistence/client.ts"],"sourcesContent":["import type { StudioPersistence, StudioState } from './types';\n\n/**\n * Client-only persistence for the static portal (S3/CloudFront) when working\n * brand-asset \"upload\" is still wanted. Live-preview works fully; nothing is\n * saved server-side. `uploadAsset` produces a base64 `data:` URL in the\n * browser via `FileReader`, so picking a file — or pasting any remote URL —\n * updates the in-memory brand immediately, with no backend.\n *\n * Pass `seed` to open the portal with a default brand / overrides state.\n */\nexport function createClientPersistence(\n  seed?: Partial<StudioState>,\n): StudioPersistence {\n  return {\n    load: async () => seed ?? null,\n    save: async () => {\n      /* no-op — nothing is persisted in the static portal */\n    },\n    uploadAsset: (file: File) =>\n      new Promise<{ url: string }>((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = () => resolve({ url: String(reader.result) });\n        reader.onerror = () =>\n          reject(reader.error ?? new Error('Failed to read file'));\n        reader.readAsDataURL(file);\n      }),\n    capabilities: { persist: false, upload: true },\n  };\n}"],"mappings":"AAWO,SAAS,wBACd,MACmB;AACnB,SAAO;AAAA,IACL,MAAM,YAAY,QAAQ;AAAA,IAC1B,MAAM,YAAY;AAAA,IAElB;AAAA,IACA,aAAa,CAAC,SACZ,IAAI,QAAyB,CAAC,SAAS,WAAW;AAChD,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,SAAS,MAAM,QAAQ,EAAE,KAAK,OAAO,OAAO,MAAM,EAAE,CAAC;AAC5D,aAAO,UAAU,MACf,OAAO,OAAO,SAAS,IAAI,MAAM,qBAAqB,CAAC;AACzD,aAAO,cAAc,IAAI;AAAA,IAC3B,CAAC;AAAA,IACH,cAAc,EAAE,SAAS,OAAO,QAAQ,KAAK;AAAA,EAC/C;AACF;","names":[]}