@viax.io/uxm 4.36.0

package/dist/previews/composite/lifecycle-connector-knobs-preview.cjs

@@ -0,0 +1,81 @@
+"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 lifecycle_connector_knobs_preview_exports = {};
+__export(lifecycle_connector_knobs_preview_exports, {
+  LifecycleConnectorKnobsPreview: () => LifecycleConnectorKnobsPreview
+});
+module.exports = __toCommonJS(lifecycle_connector_knobs_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui = require("../../ui/index.cjs");
+function LifecycleConnectorKnobsPreview({ styles, variants }) {
+  const size = styles.size;
+  const borderWidth = styles.borderWidth;
+  const orientation = variants.orientation ?? "horizontal";
+  const isVertical = orientation === "vertical";
+  const iconSize = Math.round(size * 0.45);
+  const circle = (border, icon, stroke) => ({
+    "--uxm-icon-button-size": `${size}px`,
+    "--uxm-icon-button-icon-size": `${iconSize}px`,
+    "--uxm-icon-button-stroke-width": stroke,
+    "--uxm-icon-button-bg": styles.backgroundColor,
+    // hover/active bg fall back to IconButton's surface-alt so the circle
+    // gives a real hover cue (the old scale/shadow lift is gone); only the
+    // icon tint is pinned across states so it keeps its insert/edit colour.
+    // Pressed inherits that tint via the atom's :active -> hover chain.
+    "--uxm-icon-button-color": icon,
+    "--uxm-icon-button-hover-color": icon,
+    borderRadius: "50%",
+    border: `${borderWidth}px solid ${border}`,
+    boxShadow: "var(--shadow-xs)"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "inline-flex",
+        flexDirection: isVertical ? "column" : "row",
+        gap: styles.gap,
+        padding: 12
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ui.IconButton,
+          {
+            "aria-label": "Insert",
+            style: circle(styles.insertBorderColor, styles.insertIconColor, 2.5),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "plus" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ui.IconButton,
+          {
+            "aria-label": "Rename",
+            style: circle(styles.editBorderColor, styles.editIconColor, 1.75),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "pencil" })
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LifecycleConnectorKnobsPreview
+});
+//# sourceMappingURL=lifecycle-connector-knobs-preview.cjs.map

package/dist/previews/composite/lifecycle-connector-knobs-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/previews/composite/lifecycle-connector-knobs-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon, IconButton } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function LifecycleConnectorKnobsPreview({ styles, variants }: PreviewProps) {\n  const size = styles.size as number;\n  const borderWidth = styles.borderWidth as number;\n  const orientation = (variants.orientation as string) ?? 'horizontal';\n  const isVertical = orientation === 'vertical';\n  const iconSize = Math.round(size * 0.45);\n\n  // Both affordances compose the shipped IconButton atom instead of\n  // hand-rolling <button>s. Size / bg / icon colour ride IconButton's\n  // --uxm-icon-button-* knobs; the per-knob circle border (IconButton has no\n  // var for it) and resting shadow go through its style pass-through. Circular\n  // via a 50% radius; hover styling is IconButton's, not hand-tracked state.\n  const circle = (border: string, icon: string, stroke: number): CSSProperties =>\n    ({\n      '--uxm-icon-button-size': `${size}px`,\n      '--uxm-icon-button-icon-size': `${iconSize}px`,\n      '--uxm-icon-button-stroke-width': stroke,\n      '--uxm-icon-button-bg': styles.backgroundColor as string,\n      // hover/active bg fall back to IconButton's surface-alt so the circle\n      // gives a real hover cue (the old scale/shadow lift is gone); only the\n      // icon tint is pinned across states so it keeps its insert/edit colour.\n      // Pressed inherits that tint via the atom's :active -> hover chain.\n      '--uxm-icon-button-color': icon,\n      '--uxm-icon-button-hover-color': icon,\n      borderRadius: '50%',\n      border: `${borderWidth}px solid ${border}`,\n      boxShadow: 'var(--shadow-xs)',\n    }) as CSSProperties;\n\n  return (\n    <div\n      style={{\n        display: 'inline-flex',\n        flexDirection: isVertical ? 'column' : 'row',\n        gap: styles.gap as number,\n        padding: 12,\n      }}\n    >\n      <IconButton\n        aria-label=\"Insert\"\n        style={circle(styles.insertBorderColor as string, styles.insertIconColor as string, 2.5)}\n      >\n        <Icon glyph=\"plus\" />\n      </IconButton>\n      <IconButton\n        aria-label=\"Rename\"\n        style={circle(styles.editBorderColor as string, styles.editIconColor as string, 1.75)}\n      >\n        {/* Visual delta accepted: registry has only the outline `pencil`. */}\n        <Icon glyph=\"pencil\" />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCI;AAlCJ,gBAAiC;AAI1B,SAAS,+BAA+B,EAAE,QAAQ,SAAS,GAAiB;AACjF,QAAM,OAAO,OAAO;AACpB,QAAM,cAAc,OAAO;AAC3B,QAAM,cAAe,SAAS,eAA0B;AACxD,QAAM,aAAa,gBAAgB;AACnC,QAAM,WAAW,KAAK,MAAM,OAAO,IAAI;AAOvC,QAAM,SAAS,CAAC,QAAgB,MAAc,YAC3C;AAAA,IACC,0BAA0B,GAAG,IAAI;AAAA,IACjC,+BAA+B,GAAG,QAAQ;AAAA,IAC1C,kCAAkC;AAAA,IAClC,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/B,2BAA2B;AAAA,IAC3B,iCAAiC;AAAA,IACjC,cAAc;AAAA,IACd,QAAQ,GAAG,WAAW,YAAY,MAAM;AAAA,IACxC,WAAW;AAAA,EACb;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe,aAAa,WAAW;AAAA,QACvC,KAAK,OAAO;AAAA,QACZ,SAAS;AAAA,MACX;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,OAAO,OAAO,OAAO,mBAA6B,OAAO,iBAA2B,GAAG;AAAA,YAEvF,sDAAC,kBAAK,OAAM,QAAO;AAAA;AAAA,QACrB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,OAAO,OAAO,OAAO,iBAA2B,OAAO,eAAyB,IAAI;AAAA,YAGpF,sDAAC,kBAAK,OAAM,UAAS;AAAA;AAAA,QACvB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/previews/composite/lifecycle-connector-knobs-preview.d.ts

@@ -0,0 +1,3 @@
+import type { PreviewProps } from '../../previews/types.js';
+export declare function LifecycleConnectorKnobsPreview({ styles, variants }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=lifecycle-connector-knobs-preview.d.ts.map

package/dist/previews/composite/lifecycle-connector-knobs-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle-connector-knobs-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-connector-knobs-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAqDhF"}

package/dist/previews/composite/lifecycle-connector-knobs-preview.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon, IconButton } from "../../ui/index.js";
+function LifecycleConnectorKnobsPreview({ styles, variants }) {
+  const size = styles.size;
+  const borderWidth = styles.borderWidth;
+  const orientation = variants.orientation ?? "horizontal";
+  const isVertical = orientation === "vertical";
+  const iconSize = Math.round(size * 0.45);
+  const circle = (border, icon, stroke) => ({
+    "--uxm-icon-button-size": `${size}px`,
+    "--uxm-icon-button-icon-size": `${iconSize}px`,
+    "--uxm-icon-button-stroke-width": stroke,
+    "--uxm-icon-button-bg": styles.backgroundColor,
+    // hover/active bg fall back to IconButton's surface-alt so the circle
+    // gives a real hover cue (the old scale/shadow lift is gone); only the
+    // icon tint is pinned across states so it keeps its insert/edit colour.
+    // Pressed inherits that tint via the atom's :active -> hover chain.
+    "--uxm-icon-button-color": icon,
+    "--uxm-icon-button-hover-color": icon,
+    borderRadius: "50%",
+    border: `${borderWidth}px solid ${border}`,
+    boxShadow: "var(--shadow-xs)"
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "inline-flex",
+        flexDirection: isVertical ? "column" : "row",
+        gap: styles.gap,
+        padding: 12
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": "Insert",
+            style: circle(styles.insertBorderColor, styles.insertIconColor, 2.5),
+            children: /* @__PURE__ */ jsx(Icon, { glyph: "plus" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": "Rename",
+            style: circle(styles.editBorderColor, styles.editIconColor, 1.75),
+            children: /* @__PURE__ */ jsx(Icon, { glyph: "pencil" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  LifecycleConnectorKnobsPreview
+};
+//# sourceMappingURL=lifecycle-connector-knobs-preview.js.map

package/dist/previews/composite/lifecycle-connector-knobs-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/previews/composite/lifecycle-connector-knobs-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon, IconButton } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function LifecycleConnectorKnobsPreview({ styles, variants }: PreviewProps) {\n  const size = styles.size as number;\n  const borderWidth = styles.borderWidth as number;\n  const orientation = (variants.orientation as string) ?? 'horizontal';\n  const isVertical = orientation === 'vertical';\n  const iconSize = Math.round(size * 0.45);\n\n  // Both affordances compose the shipped IconButton atom instead of\n  // hand-rolling <button>s. Size / bg / icon colour ride IconButton's\n  // --uxm-icon-button-* knobs; the per-knob circle border (IconButton has no\n  // var for it) and resting shadow go through its style pass-through. Circular\n  // via a 50% radius; hover styling is IconButton's, not hand-tracked state.\n  const circle = (border: string, icon: string, stroke: number): CSSProperties =>\n    ({\n      '--uxm-icon-button-size': `${size}px`,\n      '--uxm-icon-button-icon-size': `${iconSize}px`,\n      '--uxm-icon-button-stroke-width': stroke,\n      '--uxm-icon-button-bg': styles.backgroundColor as string,\n      // hover/active bg fall back to IconButton's surface-alt so the circle\n      // gives a real hover cue (the old scale/shadow lift is gone); only the\n      // icon tint is pinned across states so it keeps its insert/edit colour.\n      // Pressed inherits that tint via the atom's :active -> hover chain.\n      '--uxm-icon-button-color': icon,\n      '--uxm-icon-button-hover-color': icon,\n      borderRadius: '50%',\n      border: `${borderWidth}px solid ${border}`,\n      boxShadow: 'var(--shadow-xs)',\n    }) as CSSProperties;\n\n  return (\n    <div\n      style={{\n        display: 'inline-flex',\n        flexDirection: isVertical ? 'column' : 'row',\n        gap: styles.gap as number,\n        padding: 12,\n      }}\n    >\n      <IconButton\n        aria-label=\"Insert\"\n        style={circle(styles.insertBorderColor as string, styles.insertIconColor as string, 2.5)}\n      >\n        <Icon glyph=\"plus\" />\n      </IconButton>\n      <IconButton\n        aria-label=\"Rename\"\n        style={circle(styles.editBorderColor as string, styles.editIconColor as string, 1.75)}\n      >\n        {/* Visual delta accepted: registry has only the outline `pencil`. */}\n        <Icon glyph=\"pencil\" />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"AAmCI,SAYI,KAZJ;AAlCJ,SAAS,MAAM,kBAAkB;AAI1B,SAAS,+BAA+B,EAAE,QAAQ,SAAS,GAAiB;AACjF,QAAM,OAAO,OAAO;AACpB,QAAM,cAAc,OAAO;AAC3B,QAAM,cAAe,SAAS,eAA0B;AACxD,QAAM,aAAa,gBAAgB;AACnC,QAAM,WAAW,KAAK,MAAM,OAAO,IAAI;AAOvC,QAAM,SAAS,CAAC,QAAgB,MAAc,YAC3C;AAAA,IACC,0BAA0B,GAAG,IAAI;AAAA,IACjC,+BAA+B,GAAG,QAAQ;AAAA,IAC1C,kCAAkC;AAAA,IAClC,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAK/B,2BAA2B;AAAA,IAC3B,iCAAiC;AAAA,IACjC,cAAc;AAAA,IACd,QAAQ,GAAG,WAAW,YAAY,MAAM;AAAA,IACxC,WAAW;AAAA,EACb;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe,aAAa,WAAW;AAAA,QACvC,KAAK,OAAO;AAAA,QACZ,SAAS;AAAA,MACX;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,OAAO,OAAO,OAAO,mBAA6B,OAAO,iBAA2B,GAAG;AAAA,YAEvF,8BAAC,QAAK,OAAM,QAAO;AAAA;AAAA,QACrB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,OAAO,OAAO,OAAO,iBAA2B,OAAO,eAAyB,IAAI;AAAA,YAGpF,8BAAC,QAAK,OAAM,UAAS;AAAA;AAAA,QACvB;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/previews/composite/lifecycle-plus-button-preview.cjs

@@ -0,0 +1,47 @@
+"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 lifecycle_plus_button_preview_exports = {};
+__export(lifecycle_plus_button_preview_exports, {
+  LifecyclePlusButtonPreview: () => LifecyclePlusButtonPreview
+});
+module.exports = __toCommonJS(lifecycle_plus_button_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui = require("../../ui/index.cjs");
+function LifecyclePlusButtonPreview({ styles }) {
+  const cssVars = {
+    "--uxm-icon-button-size": `${styles.size}px`,
+    "--uxm-icon-button-icon-size": `${styles.iconSize}px`,
+    "--uxm-icon-button-stroke-width": 2.5,
+    "--uxm-icon-button-radius": "999px",
+    "--uxm-icon-button-bg": styles.backgroundColor,
+    "--uxm-icon-button-hover-bg": styles.hoverBackgroundColor,
+    "--uxm-icon-button-color": styles.color,
+    // Hover pins the icon tint (IconButton would otherwise take it to
+    // --color-text); pressed needs no pin at all — the atom chains :active
+    // off these hover vars, so the FAB holds its fill and tint on mousedown.
+    "--uxm-icon-button-hover-color": styles.color,
+    boxShadow: "var(--shadow-xs)"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.IconButton, { "aria-label": "Add step", style: cssVars, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "plus" }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LifecyclePlusButtonPreview
+});
+//# sourceMappingURL=lifecycle-plus-button-preview.cjs.map

package/dist/previews/composite/lifecycle-plus-button-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/previews/composite/lifecycle-plus-button-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon, IconButton } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function LifecyclePlusButtonPreview({ styles }: PreviewProps) {\n  // Compose the shipped IconButton atom instead of hand-rolling a <button>.\n  // Every plus-button knob maps onto one of IconButton's --uxm-icon-button-*\n  // custom properties; a 999px radius makes it the round canvas affordance,\n  // and the resting shadow rides through IconButton's style pass-through.\n  // (The old hand-rolled hover scale is dropped — IconButton owns its hover\n  // surface, and re-theming flows through the same vars consumers use.)\n  const cssVars = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-icon-size': `${styles.iconSize}px`,\n    '--uxm-icon-button-stroke-width': 2.5,\n    '--uxm-icon-button-radius': '999px',\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Hover pins the icon tint (IconButton would otherwise take it to\n    // --color-text); pressed needs no pin at all — the atom chains :active\n    // off these hover vars, so the FAB holds its fill and tint on mousedown.\n    '--uxm-icon-button-hover-color': styles.color as string,\n    boxShadow: 'var(--shadow-xs)',\n  } as CSSProperties;\n\n  return (\n    <IconButton aria-label=\"Add step\" style={cssVars}>\n      <Icon glyph=\"plus\" />\n    </IconButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA5BN,gBAAiC;AAI1B,SAAS,2BAA2B,EAAE,OAAO,GAAiB;AAOnE,QAAM,UAAU;AAAA,IACd,0BAA0B,GAAG,OAAO,IAAI;AAAA,IACxC,+BAA+B,GAAG,OAAO,QAAQ;AAAA,IACjD,kCAAkC;AAAA,IAClC,4BAA4B;AAAA,IAC5B,wBAAwB,OAAO;AAAA,IAC/B,8BAA8B,OAAO;AAAA,IACrC,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIlC,iCAAiC,OAAO;AAAA,IACxC,WAAW;AAAA,EACb;AAEA,SACE,4CAAC,wBAAW,cAAW,YAAW,OAAO,SACvC,sDAAC,kBAAK,OAAM,QAAO,GACrB;AAEJ;","names":[]}

package/dist/previews/composite/lifecycle-plus-button-preview.d.ts

@@ -0,0 +1,3 @@
+import type { PreviewProps } from '../../previews/types.js';
+export declare function LifecyclePlusButtonPreview({ styles }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=lifecycle-plus-button-preview.d.ts.map

package/dist/previews/composite/lifecycle-plus-button-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecycle-plus-button-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/lifecycle-plus-button-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA2BlE"}

package/dist/previews/composite/lifecycle-plus-button-preview.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Icon, IconButton } from "../../ui/index.js";
+function LifecyclePlusButtonPreview({ styles }) {
+  const cssVars = {
+    "--uxm-icon-button-size": `${styles.size}px`,
+    "--uxm-icon-button-icon-size": `${styles.iconSize}px`,
+    "--uxm-icon-button-stroke-width": 2.5,
+    "--uxm-icon-button-radius": "999px",
+    "--uxm-icon-button-bg": styles.backgroundColor,
+    "--uxm-icon-button-hover-bg": styles.hoverBackgroundColor,
+    "--uxm-icon-button-color": styles.color,
+    // Hover pins the icon tint (IconButton would otherwise take it to
+    // --color-text); pressed needs no pin at all — the atom chains :active
+    // off these hover vars, so the FAB holds its fill and tint on mousedown.
+    "--uxm-icon-button-hover-color": styles.color,
+    boxShadow: "var(--shadow-xs)"
+  };
+  return /* @__PURE__ */ jsx(IconButton, { "aria-label": "Add step", style: cssVars, children: /* @__PURE__ */ jsx(Icon, { glyph: "plus" }) });
+}
+export {
+  LifecyclePlusButtonPreview
+};
+//# sourceMappingURL=lifecycle-plus-button-preview.js.map

package/dist/previews/composite/lifecycle-plus-button-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/previews/composite/lifecycle-plus-button-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon, IconButton } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function LifecyclePlusButtonPreview({ styles }: PreviewProps) {\n  // Compose the shipped IconButton atom instead of hand-rolling a <button>.\n  // Every plus-button knob maps onto one of IconButton's --uxm-icon-button-*\n  // custom properties; a 999px radius makes it the round canvas affordance,\n  // and the resting shadow rides through IconButton's style pass-through.\n  // (The old hand-rolled hover scale is dropped — IconButton owns its hover\n  // surface, and re-theming flows through the same vars consumers use.)\n  const cssVars = {\n    '--uxm-icon-button-size': `${styles.size}px`,\n    '--uxm-icon-button-icon-size': `${styles.iconSize}px`,\n    '--uxm-icon-button-stroke-width': 2.5,\n    '--uxm-icon-button-radius': '999px',\n    '--uxm-icon-button-bg': styles.backgroundColor as string,\n    '--uxm-icon-button-hover-bg': styles.hoverBackgroundColor as string,\n    '--uxm-icon-button-color': styles.color as string,\n    // Hover pins the icon tint (IconButton would otherwise take it to\n    // --color-text); pressed needs no pin at all — the atom chains :active\n    // off these hover vars, so the FAB holds its fill and tint on mousedown.\n    '--uxm-icon-button-hover-color': styles.color as string,\n    boxShadow: 'var(--shadow-xs)',\n  } as CSSProperties;\n\n  return (\n    <IconButton aria-label=\"Add step\" style={cssVars}>\n      <Icon glyph=\"plus\" />\n    </IconButton>\n  );\n}\n"],"mappings":"AA6BM;AA5BN,SAAS,MAAM,kBAAkB;AAI1B,SAAS,2BAA2B,EAAE,OAAO,GAAiB;AAOnE,QAAM,UAAU;AAAA,IACd,0BAA0B,GAAG,OAAO,IAAI;AAAA,IACxC,+BAA+B,GAAG,OAAO,QAAQ;AAAA,IACjD,kCAAkC;AAAA,IAClC,4BAA4B;AAAA,IAC5B,wBAAwB,OAAO;AAAA,IAC/B,8BAA8B,OAAO;AAAA,IACrC,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA,IAIlC,iCAAiC,OAAO;AAAA,IACxC,WAAW;AAAA,EACb;AAEA,SACE,oBAAC,cAAW,cAAW,YAAW,OAAO,SACvC,8BAAC,QAAK,OAAM,QAAO,GACrB;AAEJ;","names":[]}

package/dist/previews/composite/login-page-preview.cjs

@@ -0,0 +1,223 @@
+"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 login_page_preview_exports = {};
+__export(login_page_preview_exports, {
+  LoginPagePreview: () => LoginPagePreview
+});
+module.exports = __toCommonJS(login_page_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ui = require("../../ui/index.cjs");
+var import_ui2 = require("../../ui/index.cjs");
+var import_ui3 = require("../../ui/index.cjs");
+function LoginPagePreview({ styles, variants, shell }) {
+  const brand = shell?.brand ?? {};
+  const theme = shell?.theme ?? "light";
+  const variant = variants.background ?? "solid";
+  const bgColor = styles.bgColor;
+  const patternColor = styles.patternColor;
+  const patternSize = styles.patternSize;
+  const imageUrl = styles.imageUrl;
+  const imageFit = styles.imageFit ?? "cover";
+  const fileRef = (0, import_react.useRef)(null);
+  const [uploading, setUploading] = (0, import_react.useState)(false);
+  const [uploadError, setUploadError] = (0, import_react.useState)(null);
+  const [uploadNotice, setUploadNotice] = (0, import_react.useState)(null);
+  const upload = async (file) => {
+    if (!shell?.uploadAsset) return;
+    setUploading(true);
+    setUploadError(null);
+    setUploadNotice(null);
+    try {
+      const data = await shell.uploadAsset(file, "logo");
+      if (!data?.url) throw new Error("Upload failed");
+      navigator.clipboard?.writeText(data.url).catch(() => {
+      });
+      setUploadNotice("Uploaded \u2014 URL copied to clipboard");
+    } catch (e) {
+      setUploadError(e instanceof Error ? e.message : "Upload failed");
+    } finally {
+      setUploading(false);
+    }
+  };
+  let backgroundStyle = { backgroundColor: bgColor };
+  if (variant === "dots") {
+    backgroundStyle = {
+      ...backgroundStyle,
+      backgroundImage: `radial-gradient(circle, ${patternColor} 1px, transparent 1px)`,
+      backgroundSize: `${patternSize}px ${patternSize}px`
+    };
+  } else if (variant === "stripes") {
+    backgroundStyle = {
+      ...backgroundStyle,
+      backgroundImage: `repeating-linear-gradient(45deg, ${patternColor} 0 1px, transparent 1px ${patternSize}px)`
+    };
+  } else if (variant === "image" && imageUrl) {
+    backgroundStyle = imageFit === "repeat" ? {
+      ...backgroundStyle,
+      backgroundImage: `url("${imageUrl}")`,
+      backgroundRepeat: "repeat"
+    } : {
+      ...backgroundStyle,
+      backgroundImage: `url("${imageUrl}")`,
+      backgroundSize: imageFit,
+      backgroundPosition: "center",
+      backgroundRepeat: "no-repeat"
+    };
+  }
+  const cardShadow = styles.cardShadow;
+  const cardMaxWidth = styles.cardMaxWidth;
+  const cardPadding = styles.cardPadding;
+  const logoSize = styles.logoSize;
+  const logoSrc = theme === "dark" ? brand.logoUrlDark || brand.logoUrl || "/viax-logo.svg" : brand.logoUrl || "/viax-logo.svg";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        ...backgroundStyle,
+        width: 720,
+        minHeight: 480,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 32,
+        borderRadius: 12,
+        position: "relative"
+      },
+      children: [
+        variant === "image" && !imageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+          position: "absolute",
+          top: 12,
+          right: 12,
+          display: "flex",
+          gap: 6,
+          alignItems: "center",
+          padding: "4px 8px",
+          backgroundColor: "var(--color-card)",
+          border: "1px dashed var(--color-border)",
+          borderRadius: 6,
+          fontSize: 11,
+          color: "var(--color-text-muted)"
+        }, children: [
+          "No image set",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => fileRef.current?.click(),
+              disabled: uploading,
+              style: {
+                fontSize: 11,
+                padding: "2px 8px",
+                borderRadius: 4,
+                background: "var(--color-accent-bold)",
+                color: "var(--color-text-inverse)",
+                border: "none",
+                cursor: "pointer"
+              },
+              children: uploading ? "Uploading\u2026" : "Upload"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: fileRef,
+              type: "file",
+              accept: "image/png,image/jpeg,image/webp,image/svg+xml",
+              hidden: true,
+              onChange: (e) => e.target.files?.[0] && upload(e.target.files[0])
+            }
+          ),
+          uploadError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--color-danger-text)" }, children: uploadError }),
+          uploadNotice && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--color-success-text)" }, children: uploadNotice })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            style: {
+              width: "100%",
+              maxWidth: cardMaxWidth,
+              backgroundColor: styles.cardBg,
+              border: `${styles.cardBorderWidth}px solid ${styles.cardBorderColor}`,
+              borderRadius: styles.cardRadius,
+              padding: cardPadding,
+              boxShadow: cardShadow ? "var(--shadow-xl)" : "none"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  src: logoSrc,
+                  alt: "Brand logo",
+                  style: { height: logoSize, maxWidth: "70%", objectFit: "contain", display: "block", marginBottom: 16 },
+                  onError: (e) => {
+                    e.currentTarget.style.display = "none";
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { style: {
+                fontSize: styles.titleSize,
+                fontWeight: 600,
+                color: styles.titleColor,
+                margin: 0
+              }, children: "Welcome back" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: {
+                fontSize: styles.subtitleSize,
+                color: styles.subtitleColor,
+                margin: "4px 0 24px"
+              }, children: "Sign in to your viax workspace" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 12, marginBottom: 18 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.FormField, { label: "Email", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui3.TextInput, { type: "email", placeholder: "you@company.com" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.FormField, { label: "Password", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui3.TextInput, { type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.ButtonPrimary, { style: { width: "100%" }, children: "Sign in" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10, margin: "16px 0 12px" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1, height: 1, backgroundColor: "var(--color-border)" } }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, color: "var(--color-text-muted)", letterSpacing: 0.5, textTransform: "uppercase" }, children: "or" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { flex: 1, height: 1, backgroundColor: "var(--color-border)" } })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.ButtonTertiary, { style: { width: "100%" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GoogleIcon, {}),
+                "Continue with Google"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { marginTop: 16, fontSize: 12, color: "var(--color-text-muted)", textAlign: "center" }, children: [
+                "Forgot your password?",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--color-accent-bold)", fontWeight: 500, cursor: "pointer" }, children: "Reset" })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function GoogleIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: 16, height: 16, viewBox: "0 0 48 48", "aria-hidden": true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#FFC107", d: "M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#FF3D00", d: "m6.306 14.691 6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#4CAF50", d: "M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#1976D2", d: "M43.611 20.083H42V20H24v8h11.303c-.792 2.237-2.231 4.166-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoginPagePreview
+});
+//# sourceMappingURL=login-page-preview.cjs.map

package/dist/previews/composite/login-page-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/previews/composite/login-page-preview.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { ButtonPrimary, ButtonTertiary } from '@/ui';\nimport { FormField } from '@/ui';\nimport { TextInput } from '@/ui';\n\nexport function LoginPagePreview({ styles, variants, shell }: PreviewProps) {\n  const brand = shell?.brand ?? {};\n  const theme = shell?.theme ?? 'light';\n  const variant = (variants.background as string) ?? 'solid';\n  const bgColor = styles.bgColor as string;\n  const patternColor = styles.patternColor as string;\n  const patternSize = styles.patternSize as number;\n  const imageUrl = styles.imageUrl as string;\n  const imageFit = (styles.imageFit as string) ?? 'cover';\n\n  const fileRef = useRef<HTMLInputElement>(null);\n  const [uploading, setUploading] = useState(false);\n  const [uploadError, setUploadError] = useState<string | null>(null);\n  const [uploadNotice, setUploadNotice] = useState<string | null>(null);\n\n  const upload = async (file: File) => {\n    if (!shell?.uploadAsset) return;\n    setUploading(true);\n    setUploadError(null);\n    setUploadNotice(null);\n    try {\n      const data = await shell.uploadAsset(file, 'logo');\n      if (!data?.url) throw new Error('Upload failed');\n      // Surface the new URL by copying it to the clipboard and showing an inline\n      // notice — preview reads styles.imageUrl but has no direct setter here, so\n      // the designer pastes the copied URL into the Image URL field.\n      navigator.clipboard?.writeText(data.url).catch(() => {});\n      setUploadNotice('Uploaded — URL copied to clipboard');\n    } catch (e) {\n      setUploadError(e instanceof Error ? e.message : 'Upload failed');\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  let backgroundStyle: React.CSSProperties = { backgroundColor: bgColor };\n  if (variant === 'dots') {\n    backgroundStyle = {\n      ...backgroundStyle,\n      backgroundImage: `radial-gradient(circle, ${patternColor} 1px, transparent 1px)`,\n      backgroundSize: `${patternSize}px ${patternSize}px`,\n    };\n  } else if (variant === 'stripes') {\n    backgroundStyle = {\n      ...backgroundStyle,\n      backgroundImage: `repeating-linear-gradient(45deg, ${patternColor} 0 1px, transparent 1px ${patternSize}px)`,\n    };\n  } else if (variant === 'image' && imageUrl) {\n    backgroundStyle = imageFit === 'repeat'\n      ? {\n          ...backgroundStyle,\n          backgroundImage: `url(\"${imageUrl}\")`,\n          backgroundRepeat: 'repeat',\n        }\n      : {\n          ...backgroundStyle,\n          backgroundImage: `url(\"${imageUrl}\")`,\n          backgroundSize: imageFit,\n          backgroundPosition: 'center',\n          backgroundRepeat: 'no-repeat',\n        };\n  }\n\n  const cardShadow = styles.cardShadow as boolean;\n  const cardMaxWidth = styles.cardMaxWidth as number;\n  const cardPadding = styles.cardPadding as number;\n  const logoSize = styles.logoSize as number;\n  const logoSrc =\n    theme === 'dark'\n      ? brand.logoUrlDark || brand.logoUrl || '/viax-logo.svg'\n      : brand.logoUrl || '/viax-logo.svg';\n\n  return (\n    <div\n      style={{\n        ...backgroundStyle,\n        width: 720,\n        minHeight: 480,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 32,\n        borderRadius: 12,\n        position: 'relative',\n      }}\n    >\n      {variant === 'image' && !imageUrl && (\n        <div style={{\n          position: 'absolute', top: 12, right: 12,\n          display: 'flex', gap: 6, alignItems: 'center',\n          padding: '4px 8px',\n          backgroundColor: 'var(--color-card)',\n          border: '1px dashed var(--color-border)',\n          borderRadius: 6,\n          fontSize: 11, color: 'var(--color-text-muted)',\n        }}>\n          No image set\n          <button\n            type=\"button\"\n            onClick={() => fileRef.current?.click()}\n            disabled={uploading}\n            style={{\n              fontSize: 11, padding: '2px 8px', borderRadius: 4,\n              background: 'var(--color-accent-bold)', color: 'var(--color-text-inverse)',\n              border: 'none', cursor: 'pointer',\n            }}\n          >\n            {uploading ? 'Uploading…' : 'Upload'}\n          </button>\n          <input\n            ref={fileRef}\n            type=\"file\"\n            accept=\"image/png,image/jpeg,image/webp,image/svg+xml\"\n            hidden\n            onChange={(e) => e.target.files?.[0] && upload(e.target.files[0])}\n          />\n          {uploadError && (\n            <span style={{ color: 'var(--color-danger-text)' }}>{uploadError}</span>\n          )}\n          {uploadNotice && (\n            <span style={{ color: 'var(--color-success-text)' }}>{uploadNotice}</span>\n          )}\n        </div>\n      )}\n\n      <div\n        style={{\n          width: '100%',\n          maxWidth: cardMaxWidth,\n          backgroundColor: styles.cardBg as string,\n          border: `${styles.cardBorderWidth}px solid ${styles.cardBorderColor}`,\n          borderRadius: styles.cardRadius as number,\n          padding: cardPadding,\n          boxShadow: cardShadow ? 'var(--shadow-xl)' : 'none',\n        }}\n      >\n        {/* Logo */}\n        <img\n          src={logoSrc}\n          alt=\"Brand logo\"\n          style={{ height: logoSize, maxWidth: '70%', objectFit: 'contain', display: 'block', marginBottom: 16 }}\n          onError={(e) => { (e.currentTarget as HTMLImageElement).style.display = 'none'; }}\n        />\n\n        <h1 style={{\n          fontSize: styles.titleSize as number, fontWeight: 600,\n          color: styles.titleColor as string,\n          margin: 0,\n        }}>\n          Welcome back\n        </h1>\n        <p style={{\n          fontSize: styles.subtitleSize as number,\n          color: styles.subtitleColor as string,\n          margin: '4px 0 24px',\n        }}>\n          Sign in to your viax workspace\n        </p>\n\n        {/* Email + Password — real atomic composition. Label theming\n            flows from FormField's registry; input shape / state visuals\n            flow from TextInput's. No hardcoded inline styles. */}\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 12, marginBottom: 18 }}>\n          <FormField label=\"Email\">\n            <TextInput type=\"email\" placeholder=\"you@company.com\" />\n          </FormField>\n          <FormField label=\"Password\">\n            <TextInput type=\"password\" placeholder=\"••••••••\" />\n          </FormField>\n        </div>\n\n        <ButtonPrimary style={{ width: '100%' }}>Sign in</ButtonPrimary>\n\n        {/* \"or\" divider */}\n        <div style={{ display: 'flex', alignItems: 'center', gap: 10, margin: '16px 0 12px' }}>\n          <span style={{ flex: 1, height: 1, backgroundColor: 'var(--color-border)' }} />\n          <span style={{ fontSize: 11, color: 'var(--color-text-muted)', letterSpacing: 0.5, textTransform: 'uppercase' }}>or</span>\n          <span style={{ flex: 1, height: 1, backgroundColor: 'var(--color-border)' }} />\n        </div>\n\n        {/* Google sign-in */}\n        <ButtonTertiary style={{ width: '100%' }}>\n          <GoogleIcon />\n          Continue with Google\n        </ButtonTertiary>\n\n        <p style={{ marginTop: 16, fontSize: 12, color: 'var(--color-text-muted)', textAlign: 'center' }}>\n          Forgot your password?{' '}\n          <span style={{ color: 'var(--color-accent-bold)', fontWeight: 500, cursor: 'pointer' }}>\n            Reset\n          </span>\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction GoogleIcon() {\n  return (\n    <svg width={16} height={16} viewBox=\"0 0 48 48\" aria-hidden>\n      <path fill=\"#FFC107\" d=\"M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z\" />\n      <path fill=\"#FF3D00\" d=\"m6.306 14.691 6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z\" />\n      <path fill=\"#4CAF50\" d=\"M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z\" />\n      <path fill=\"#1976D2\" d=\"M43.611 20.083H42V20H24v8h11.303c-.792 2.237-2.231 4.166-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":["import_ui"]}

package/dist/previews/composite/login-page-preview.d.ts

@@ -0,0 +1,3 @@
+import type { PreviewProps } from '../../previews/types.js';
+export declare function LoginPagePreview({ styles, variants, shell }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=login-page-preview.d.ts.map

package/dist/previews/composite/login-page-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-page-preview.d.ts","sourceRoot":"","sources":["../../../src/previews/composite/login-page-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,2CAmMzE"}